@extends('layouts.admin')
@section('title', 'New Purchase | Mintavia Admin')

@section('css')
    <link href="{{ asset('bootstrap-tagsinput/bootstrap-tagsinput.css') }}" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">


    <style>
        @media (min-width: 1400px) {
            #manageItem .modal-xl {
                max-width: 1450px;
            }

            #NewBatchModal .modal-dialog {
                max-width: 700px;
            }
        }


        .bootstrap-tagsinput {
            line-height: 29px
        }

        /* Input Options  Css */
        .bootstrap-tagsinput {
            height: 37px;
            background-color: #fff;
            border: 1px solid #ccc;
            box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
            display: inline-block;
            padding: 4px 6px;
            color: #555;
            vertical-align: middle;
            border-radius: 4px;
            max-width: 100%;
            line-height: 29px;
            cursor: text;
            width: 100%;
            height: auto;
            max-height: 200px;
            overflow-y: scroll;
        }

        .label-info {
            background-color: #364574;
        }

        .label {
            display: inline;
            padding: 0.2em 0.6em 0.3em;
            font-size: 100%;
            font-weight: 700;
            line-height: 1;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: 0.25em;
        }

        #SerialNumberModeal {
            z-index: 999999999999999999999999999;
        }

        /* Chrome, Safari, Edge, Opera */
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* Firefox */
        input[type=number] {
            -moz-appearance: textfield;
        }

        input:focus,
        button:focus {
            outline: none;
            /* optional: remove default outline */
            border: 5px solid rgb(208, 255, 0);
            background-color: #e0f9ff;
            box-shadow: 0 0 5px rgb(236, 248, 0);
        }
    </style>
@endsection
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card card-primary">
                <div class="card-header d-flex align-items-center">
                    <h3 class="card-title">Edit Purchase Return Bill</h3>
                    <div class="ml-auto">
                        <a href="{{ route('admin.purchase.return-list') }}">
                            <button class="btn btn-sm btn-flat shadow rounded-0 btn-danger"><i
                                    class="fa fa-arrow-circle-left"></i> Back
                            </button>
                        </a>
                    </div>
                </div>
                <!-- /.card-header -->
                <form method="post" action="{{ route('admin.purchase.return-saveEditBill', $purchase->id) }}">
                    @csrf
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label for="date">Date</label>
                                    <input value="{{ old('date') ?? date('Y-m-d') }}" type="date"
                                        class="form-control form-control-sm @error('date') is-invalid @enderror"
                                        placeholder="Date" name="date" id="date">
                                    <x-error field="date"></x-error>
                                </div>
                            </div>
                            <div class="col-md-1">
                                <div class="form-group">
                                    <label for="terms">Terms</label>
                                    <select name="terms" id="terms" class="form-control js-select2">
                                        <option value="1" {{ old('terms', $purchase->terms) == 1 ? 'selected' : '' }}>
                                            Cash</option>
                                        <option value="2" {{ old('terms', $purchase->terms) == 2 ? 'selected' : '' }}>
                                            Credit</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="    ">
                                    <label for="bill_no">Bill No.</label>
                                    <input value="{{ old('bill_no') ?? $billNo }}" type="number"
                                        class="form-control form-control-sm @error('bill_no') is-invalid @enderror"
                                        placeholder="Bill No." name="bill_no" id="bill_no">
                                    <x-error field="bill_no"></x-error>
                                </div>

                            </div>
                            <div class="col-md-1">
                                <div class="form-group">
                                    <label for="bill_no"></label>
                                    <div class="">
                                        <button type="button" class="btn-block btn-sm btn btn-info"
                                            onclick="openPrimeryDateModal()">
                                            <i class="fa fa-calculator"></i></button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label for="due_date">Due Date</label>
                                    <input value="{{ old('due_date', $purchase->due_date) ?? '' }}" type="date"
                                        class="form-control form-control-sm @error('due_date') is-invalid @enderror"
                                        placeholder="Due Date" name="due_date" id="due_date">
                                    <x-error field="due_date"></x-error>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <x-error field="select_purchase_type"></x-error>
                                <x-admin-input class="js-select2" type="select" name="select_purchase_type"
                                    id="select_purchase_type" label="Select Purchase Type">
                                    <option value=""> -- Select Purchase Type --</option>
                                    @foreach ($purchaseTypes as $purchaseType)
                                        <option value="{{ $purchaseType->id }}"
                                            {{ $purchase->purchase_type_id == $purchaseType->id ? 'selected' : '' }}>
                                            {{ $purchaseType->name }}</option>
                                    @endforeach
                                </x-admin-input>
                            </div>
                            <div class="col-md-2" style="padding-top:32px;">
                                <button type="button" id=""
                                    class="btn btn-flat btn-sm btn-secondary rounded-0 btn-block"
                                    style="height: 32px;">Party Dashboard
                                </button>
                            </div>
                        </div>
                        <div class="row border-secondary border-bottom mb-2">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <x-admin-input type="select" label="Select Party"
                                        data-sel-value="{{ old('party_select', $purchase->account_id) ?? '' }}"
                                        name="party_select" id="party_select" class="js-select2">
                                        <option value=""> -- Select Party --</option>
                                    </x-admin-input>
                                </div>
                            </div>
                            <div class="col-md-1">
                                <div class="form-group">
                                    <label style="font-weight: bold;" for="ledger" id="ledger-label">BAL.</label>
                                    <input value="0" class="form-control" type="text" id="ledger" name="ledger"
                                        readonly style="background-color: #000; color: white;">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label for="gst_no" id="gst_no-label">GST NO</label>
                                    <input value="0" class="form-control" type="text" name="gst_no"
                                        id="gst_no" readonly style="background-color: green; color: white;">
                                </div>
                            </div>
                            <div class="col-md-1" style="padding-top:32px ;">
                                <button type="button" id="add-item-btn"
                                    class="btn btn-flat btn-sm btn-dark rounded-0 btn-block">Add Items
                                </button>
                            </div>
                            {{-- <div class="col-md-1" style="padding-top:32px ;">
                                <button type="button" onclick="openAddItem()"
                                    class="btn btn-flat btn-sm btn-dark rounded-0 btn-block">Add
                                </button>
                            </div> --}}
                            <div class="col-md-2" style="padding-top:32px ;">
                                <button class="btn btn-sm btn-block btn-outline-info" id="import-challan-btn"
                                    type="button">
                                    Import Purchase Challan
                                </button>
                            </div>
                            <div class="col-md-2" style="padding-top:32px ;">
                                <button class="btn btn-sm btn-block btn-outline-info" id="import-order-btn"
                                    type="button">
                                    Import Purchase Order
                                </button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3  py-2">
                                <x-error field="item_list"></x-error>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 table-responsive-sm ">
                                <table class="table table-sm table-striped table-bordered">
                                    <thead id="table-header">
                                        <tr>
                                            <th>Item</th>
                                            <th>Part No</th>
                                            <th>Brand Name</th>
                                            <th>M.Qty</th>
                                            <th>ALT Qty</th>
                                            <th>Free</th>
                                            <th>Rate</th>
                                            <th>MRP</th>
                                            <th>Unit</th>
                                            <th>Basic Amt.</th>
                                            <th>D. %</th>
                                            <th>Discount Amt.</th>
                                            <th>Tax %</th>
                                            <th>Tax Amt.</th>
                                            <th>Amount</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody id="item-list">
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <th>Total</th>
                                            <th class="text-right"></th>
                                            <th class="text-right"></th>
                                            <th class="text-right" id="total_qty">0</th>
                                            <th></th>
                                            <th class="text-right" id="total_free">0</th>
                                            <th></th>
                                            <th class="text-right" id="total_rate">0</th>
                                            <th></th>
                                            <th class="text-right" id="total_basic_amt">0</th>
                                            <th class="text-right"></th>
                                            <th class="text-right" id="total_dis_amt">0</th>
                                            <th class="text-right"></th>
                                            <th class="text-right" id="total_tax_amt">0</th>
                                            <th colspan="3" class="text-right" id="total_amt">0</th>
                                            <th></th>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                            <div class="col-12">
                                <div class="container-fluid">
                                    <div class="row mt-3">
                                        <!-- First Column -->
                                        <div class="col-md-3 col-12 mb-3">
                                            <div class="card p-2">
                                                <x-admin-input value="0" readonly class="text-right form-control-sm"
                                                    labelStyle="horizontal" name="total_basic_amount"
                                                    id="total_basic_amount" label="Basic Amount"></x-admin-input>

                                                <x-admin-input value="0" readonly
                                                    class="text-right form-control-sm mt-2" labelStyle="horizontal"
                                                    name="total_discount_amount" id="total_discount_amount"
                                                    label="Discount Amount"></x-admin-input>

                                                <x-admin-input value="0" readonly
                                                    class="text-right form-control-sm mt-2" labelStyle="horizontal"
                                                    name="after_discount_amount" id="after_discount_amount"
                                                    label="After D Amount"></x-admin-input>

                                                <x-admin-input value="0" readonly
                                                    class="text-right form-control-sm mt-2" labelStyle="horizontal"
                                                    name="total_tax_amount" id="total_tax_amount"
                                                    label="Tax Amount"></x-admin-input>

                                                <x-admin-input value="0" readonly
                                                    class="text-right form-control-sm mt-2" labelStyle="horizontal"
                                                    name="gross_amount" id="gross_amount"
                                                    label="Gross Amount"></x-admin-input>
                                            </div>
                                        </div>

                                        <!-- Second Column -->
                                        <div class="col-md-3 col-12 mb-3">
                                            <div class="card p-2">
                                                <div class="d-flex mb-2">
                                                    <x-admin-input value="{{ $purchase->bill_discount_per }}"
                                                        class="form-control-sm mr-2" name="bill_discount_per"
                                                        labelStyle="horizontal" id="bill_discount_per"
                                                        label="Bill Dis%"></x-admin-input>

                                                    <x-admin-input value="{{ $purchase->bill_discount_amount }}"
                                                        class="text-right form-control-sm" labelStyle="horizontal"
                                                        name="bill_discount_amount" id="bill_discount_amount"
                                                        label="Dis AMT"></x-admin-input>
                                                </div>

                                                <x-admin-input value="{{ $purchase->basic_per }}"
                                                    class="form-control-sm mb-2" name="basic_per" labelStyle="horizontal"
                                                    id="basic_per" label="Basic Amt"></x-admin-input>

                                                <div class="d-flex mb-2">
                                                    <select name="basic_tax_per" id="basic_tax_per"
                                                        class="form-control form-control-sm mr-2">
                                                        <option value="">Select Tax</option>
                                                        @if (!empty($taxes))
                                                            @foreach ($taxes as $item)
                                                                <option value="{{ $item->tax_pre }}"
                                                                    {{ $purchase->basic_tax_per == $item->tax_pre ? 'selected' : '' }}>
                                                                    {{ $item->tax_name }}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>

                                                    <x-admin-input value="{{ $purchase->basic_tax_amt }}"
                                                        class="text-right form-control-sm" labelStyle="horizontal"
                                                        name="basic_tax_amt" id="basic_tax_amt"
                                                        label="AMT"></x-admin-input>
                                                </div>

                                                {{-- <x-admin-input value="{{ $purchase->bill_net_amount }}" readonly
                                                    class="text-right form-control-sm" labelStyle="horizontal"
                                                    name="bill_net_amount" id="bill_net_amount"
                                                    label="Net Amount"></x-admin-input> --}}
                                            </div>
                                        </div>

                                        <!-- Third Column -->
                                        <div class="col-md-3 col-12 mb-3">
                                            <div class="card p-2">
                                                <x-admin-input value="{{ $purchase->packaging_charges }}"
                                                    class="text-right form-control-sm mb-2" labelStyle="horizontal"
                                                    name="packaging_charges" id="packaging_charges"
                                                    label="Packag Charge"></x-admin-input>

                                                <div class="d-flex mb-2">
                                                    <select name="tax_packaging" id="tax_packaging"
                                                        class="form-control form-control-sm mr-2">
                                                        <option value="">Select Tax</option>
                                                        @if (!empty($taxes))
                                                            @foreach ($taxes as $item)
                                                                <option
                                                                    value="{{ $item->tax_pre }}"{{ $purchase->tax_packaging == $item->tax_pre ? 'selected' : '' }}>
                                                                    {{ $item->tax_name }}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>

                                                    <x-admin-input value="{{ $purchase->packaging_tax_amt }}"
                                                        class="text-right form-control-sm" labelStyle="horizontal"
                                                        name="packaging_tax_amt" id="packaging_tax_amt"
                                                        label="AMT"></x-admin-input>
                                                </div>

                                                <x-admin-input value="{{ $purchase->transport_charges }}"
                                                    class="text-right form-control-sm mb-2" labelStyle="horizontal"
                                                    name="transport_charges" id="transport_charges"
                                                    label="Trans Charge"></x-admin-input>

                                                <div class="d-flex">
                                                    <select name="tax_transport" id="tax_transport"
                                                        class="form-control form-control-sm mr-2">
                                                        <option value="">Select Tax</option>
                                                        @if (!empty($taxes))
                                                            @foreach ($taxes as $item)
                                                                <option
                                                                    value="{{ $item->tax_pre }}"{{ $purchase->tax_transport == $item->tax_pre ? 'selected' : '' }}>
                                                                    {{ $item->tax_name }}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>

                                                    <x-admin-input value="{{ $purchase->transport_tax_amt }}"
                                                        class="text-right form-control-sm" labelStyle="horizontal"
                                                        name="transport_tax_amt" id="transport_tax_amt"
                                                        label="AMT"></x-admin-input>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Fourth Column -->
                                        <div class="col-md-3 col-12 mb-3">
                                            <div class="card p-2">
                                                <x-admin-input value="{{ $purchase->bill_additional_charges }}"
                                                    class="text-right form-control-sm mb-2" labelStyle="horizontal"
                                                    name="bill_additional_charges" id="bill_additional_charges"
                                                    label="Additional"></x-admin-input>


                                                <x-admin-input value="{{ $purchase->total_net_amt }}" readonly
                                                    class="text-right form-control-sm mb-2" labelStyle="horizontal"
                                                    name="total_net_amt" id="total_net_amt"
                                                    label="Total Amount"></x-admin-input>
                                                <x-admin-input value="0" class="text-right form-control-sm mb-2"
                                                    labelStyle="horizontal" name="bill_round_off" id="bill_round_off"
                                                    label="Round Off" />
                                                <div class="form-group row mb-2 align-items-center">
                                                    <input type="hidden" id="advance_payment_data"
                                                        name="advance_payment_data"
                                                        value="{{ json_encode($advance_payment) }}">
                                                    <input type="hidden" id="old_advance_payment_total" value="0">
                                                    <label for="advance" class="col-sm-4 col-form-label">Advance</label>
                                                    <div class="col-sm-8">
                                                        <div class="input-group">
                                                            <input name="advance" id="advance"
                                                                value="{{ $purchase->advance }}"
                                                                class="form-control text-right form-control-sm" />
                                                            <button type="button" class="btn btn-sm btn-success"
                                                                data-toggle="modal" data-target="#advancePaymentModal">
                                                                <i class="fa fa-plus"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>

                                                <x-admin-input value="0" readonly class="text-right form-control-sm"
                                                    labelStyle="horizontal" name="balance" id="balance"
                                                    label="Balance"></x-admin-input>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- /.card-body -->
                    <div class="row card-footer ml-1 mr-1">
                        <textarea name="item_list" class="d-none" id="item_list">{{ old('item_list') ?? ($itemJson ?? '') }}</textarea>
                        <textarea name="delete_item_list" class="d-none" id="delete_item_list">{{ old('delete_item_list') ?? '' }}</textarea>
                        <div class="col-4">
                            {{-- <button class="btn btn-dark" type="">
                                <<< /button>
                                    <button class="btn btn-dark ml-3" type="">
                                        << /button>
                                            <button class="btn btn-dark ml-3" type="">></button>
                                            <button class="btn btn-dark ml-3" type="">>></button> --}}
                            <div class="row no-gutters mt-2">
                                <div class="col-md-12 border  col-12 px-1">
                                    <x-admin-input value="{{ $purchase->remark }}" class="text-right form-control-sm"
                                        labelStyle="horizontal" name="remark" id="remark"
                                        label="Remark"></x-admin-input>
                                </div>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="row no-gutters mt-2">
                                <div class="col-md-12 border col-12 px-1">
                                    <x-admin-input value="{{ $purchase->remark_long }}"
                                        class="text-right form-control-sm" labelStyle="horizontal" name="remark_long"
                                        id="remark_long" label="Remark Long"></x-admin-input>
                                </div>
                            </div>
                        </div>
                        <div class="col-4 d-flex justify-content-end">
                            <a href="{{ route('admin.purchase.return-delete', $purchase->id) }}">
                                <button type="button" class="btn btn-danger ml-3">Delete</button>
                            </a>
                            {{-- <button class="btn btn-success ml-3" type="">Print</button> --}}
                            <button class="btn btn-success ml-3" type="submit">Update</button>
                            <a href="{{ route('admin.purchase.return-list') }}">
                                <button type="button" class="btn btn-danger ml-3">Close</button>
                            </a>

                        </div>
                    </div>
                    <input type="hidden" name="modal_date" id="modal_date">
                    <input type="hidden" name="modal_bill" id="modal_bill">
                </form>
            </div>
            <!-- /.card -->
        </div>
    </div>
@endsection
@section('plugins.Select2', true)
@section('models')
    <div class="modal fade" id="advancePaymentModal" tabindex="-1" role="dialog"
        aria-labelledby="advancePaymentModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document"> <!-- Smaller modal -->
            <div class="modal-content">
                <form id="advance-payment-form">
                    <div class="modal-header">
                        <h5 class="modal-title" id="advancePaymentModalLabel">Payment Options</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span>&times;</span>
                        </button>
                    </div>

                    <div class="modal-body bg-light">

                        {{-- 💵 Cash Payment --}}
                        <input type="hidden" name="id" id="advance_payment_id" class="advance_payment_input"
                            value="{{ !empty($advance_payment) ? $advance_payment->id : '' }}">
                        <div class="row border rounded p-3 mb-3 bg-white">
                            <div class="col-12 mb-2"><strong>💵 Cash Payment</strong></div>
                            <div class="col-md-6 mb-2">
                                <label for="cash_amount">Cash</label>
                                <input type="number" class="form-control advance_payment_input" name="cash_amount"
                                    id="cash_amount" placeholder="Enter amount"
                                    value="{{ !empty($advance_payment) ? $advance_payment->cash_amount : '' }}">
                            </div>
                            <div class="col-md-6 mb-2">
                                <label for="cash_account">Account</label>
                                <select name="cash_account" id="cash_account" class="form-control advance_payment_input">
                                    <option value="">Select Account</option>
                                    @foreach ($paymentCash as $acc)
                                        <option
                                            value="{{ $acc->id }}"{{ !empty($advance_payment) && $advance_payment->cash_account == $acc->id ? 'selected' : '' }}>
                                            {{ $acc->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        {{-- 📱 eWallet Payment --}}
                        <div class="row border rounded p-3 mb-3 bg-white">
                            <div class="col-12 mb-2"><strong>📱 eWallet Payment</strong></div>
                            <div class="col-md-6 mb-2">
                                <label for="ewallet_amount">Amount</label>
                                <input type="number" class="form-control advance_payment_input" name="ewallet_amount"
                                    id="ewallet_amount" placeholder="Enter amount"
                                    value="{{ !empty($advance_payment) ? $advance_payment->ewallet_amount : '' }}">
                            </div>
                            <div class="col-md-6 mb-2">
                                <label for="ewallet_account">eWallet Account</label>
                                <select name="ewallet_account" id="ewallet_account"
                                    class="form-control advance_payment_input">
                                    <option value="">Select Account</option>
                                    @foreach ($payment as $acc)
                                        <option value="{{ $acc->id }}"
                                            {{ !empty($advance_payment) && $advance_payment->ewallet_account == $acc->id ? 'selected' : '' }}>
                                            {{ $acc->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        {{-- 💳 Card Payment --}}
                        <div class="row border rounded p-3 mb-3 bg-white">
                            <div class="col-12 mb-2 d-flex justify-content-between align-items-center">
                                <strong>💳 Card Payment</strong>
                                <small class="text-danger" style="font-size: 2rem;">
                                    * Credit card charges extra
                                </small>
                            </div>
                            <div class="col-md-4 mb-2">
                                <label for="card_amount">Amount</label>
                                <input type="number" class="form-control advance_payment_input" name="card_amount"
                                    id="card_amount" placeholder="Enter amount"
                                    value="{{ !empty($advance_payment) ? $advance_payment->card_amount : '' }}">
                            </div>
                            <div class="col-md-4 mb-2">
                                <label for="card_amount">Remark</label>
                                <input type="text" class="form-control advance_payment_input" name="card_remark"
                                    id="card_remark" placeholder="Enter Remark"
                                    value="{{ !empty($advance_payment) ? $advance_payment->card_remark : '' }}">
                            </div>
                            <div class="col-md-4 mb-2">
                                <label for="card_account">Card Account</label>
                                <select name="card_account" id="card_account" class="form-control advance_payment_input">
                                    <option value="">Select Account</option>
                                    @foreach ($payment as $acc)
                                        <option value="{{ $acc->id }}"
                                            {{ !empty($advance_payment) && $advance_payment->card_account == $acc->id ? 'selected' : '' }}>
                                            {{ $acc->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        {{-- 🧾 Cheque Payment --}}
                        <div class="row border rounded p-3 mb-2 bg-white">
                            <div class="col-12 mb-2"><strong>🧾 Cheque Payment</strong></div>

                            <div class="col-md-3 mb-2">
                                <label for="cheque_amount">Amount</label>
                                <input type="number" class="form-control advance_payment_input" name="cheque_amount"
                                    id="cheque_amount" placeholder="Enter amount"
                                    value="{{ !empty($advance_payment) ? $advance_payment->cheque_amount : '' }}">
                            </div>

                            <div class="col-md-3 mb-2">
                                <label for="cheque_account">Bank Account</label>
                                <select name="cheque_account" id="cheque_account"
                                    class="form-control advance_payment_input">
                                    <option value="">Select Account</option>
                                    @foreach ($payment as $acc)
                                        <option value="{{ $acc->id }}"
                                            {{ !empty($advance_payment) && $advance_payment->cheque_account == $acc->id ? 'selected' : '' }}>
                                            {{ $acc->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-3 mb-2">
                                <label for="cheque_no">Cheque No.</label>
                                <input type="text" class="form-control advance_payment_input" name="cheque_no"
                                    id="cheque_no" placeholder="Cheque No."
                                    value="{{ !empty($advance_payment) ? $advance_payment->cheque_no : '' }}">
                            </div>

                            <div class="col-md-3 mb-2">
                                <label for="cheque_date">Cheque Date</label>
                                <input type="date" class="form-control advance_payment_input" name="cheque_date"
                                    id="cheque_date"
                                    value="{{ !empty($advance_payment) ? $advance_payment->cheque_date : '' }}">
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Add Payment</button>
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="modal fade" id="importpurchasechallanmodel" tabindex="-1" role="dialog"
        aria-labelledby="importpurchasechallanLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <h5 class="modal-title" id="importpurchasechallanLabel"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span class="text-white" aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="form-group">
                                <x-admin-input id="challan-bill_no" type="number"
                                    class="form-control form-control-sm-sm" name="bill_no"
                                    label="Bill No."></x-admin-input>
                            </div>
                        </div>
                    </div>
                    <table class="table table-sm table-striped table-bordered">
                        <thead>
                            <tr role="row">
                                <th>Id</th>
                                <th>Date</th>
                                <th>Due Date</th>
                                <th>Bill No.</th>
                                <th>Terms</th>
                                <th>Account</th>
                                <th>Purchase Type</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody id="bill-list1">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="importpurchaseordermodel" tabindex="-1" role="dialog"
        aria-labelledby="importpurchasechallanLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <h5 class="modal-title" id="importpurchasechallanLabel"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span class="text-white" aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="form-group">
                                <x-admin-input id="order-bill_no" type="number" class="form-control form-control-sm-sm"
                                    name="bill_no" label="Bill No."></x-admin-input>
                            </div>
                        </div>
                    </div>
                    <table class="table table-sm table-striped table-bordered">
                        <thead>
                            <tr role="row">
                                <th>Id</th>
                                <th>Date</th>
                                <th>Due Date</th>
                                <th>Bill No.</th>
                                <th>Terms</th>
                                <th>Account</th>
                                <th>Purchase Type</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody id="bill-list2">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- Modal -->
    @include('admin/entries/purchase/purchase-return/manage-Item-modal')

    <div class="modal fade" id="ReturnBillModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Return Bill</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="ReturnBillIndexInput">
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="modal_alternate_date_return">Date On As</label>
                            <input type="date" name="modal_alternate_date_return" id="modal_alternate_date_return"
                                class="form-control">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="modal_alternate_bill_return">Own Bill No</label>
                            <input type="text" name="modal_alternate_bill_return" id="modal_alternate_bill_return"
                                class="form-control" placeholder="Company bill number">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal_description_return">Description</label>
                        <textarea name="modal_description_return" id="modal_description_return" class="form-control" rows="3"
                            placeholder="Enter description here"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="submitReturnBillForm()">Continue</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="SerialNumberModeal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Serial Number</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="row p-3" id="SerialNumberInputSection" style="max-height: 500px; oveflow-y:scroll;">
                    <div class="col-md-12">
                        <input type="hidden" name="SerialNumberIndexInput" id="SerialNumberIndexInput">
                        <input type="text" value="" data-role="tagsinput"
                            name="serial_number"id="serial_number_input">
                    </div>
                </div>

                <div class="modal-footer">

                    <button type="button" class="btn btn-primary" onclick="submitSerialNumberForm()">Continue</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="BatchModeal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Batch Number</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row" id="BatchNumberInputSection" style="max-height: 500px; overflow-y: auto;">
                        <div class="col-md-12 mb-3">
                            <input type="hidden" name="batchNumberIndexInput" id="batchNumberIndexInput">
                            <label for="batch_number_input" class="form-label">Batch Numbers</label>
                            <input type="text" value="" data-role="tagsinput" name="batch_number_input"
                                id="batch_number_input" class="form-control">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="mfg_date" class="form-label">MFG. Date</label>
                                <input type="date" value="{{ old('mfg_date') ?? date('Y-m-d') }}"
                                    class="form-control form-control-sm @error('mfg_date') is-invalid @enderror"
                                    placeholder="MFG Date" name="mfg_date" id="mfg_date">
                                <x-error field="mfg_date"></x-error>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="exp_date" class="form-label">EXP. Date</label>
                                <input type="date" value="{{ old('exp_date') ?? date('Y-m-d') }}"
                                    class="form-control form-control-sm @error('exp_date') is-invalid @enderror"
                                    placeholder="EXP Date" name="exp_date" id="exp_date">
                                <x-error field="exp_date"></x-error>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="submitBatchNumberForm()">Continue</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="LotNumberModeal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Lot Number</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="row p-3" id="LotNumberInputSection" style="max-height: 500px; oveflow-y:scroll;">
                    <div class="col-md-12">
                        <input type="hidden" name="lotNumberIndexInput" id="lotNumberIndexInput">
                        <input type="text" value="" data-role="tagsinput"
                            name="lot_number"id="lot_number_input">
                    </div>
                </div>

                <div class="modal-footer">

                    <button type="button" class="btn btn-primary" onclick="submitLotNumberForm()">Continue</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="PrimeryDateFormModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Bill Add</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-8">
                            <label for="modal_alternate_date">Date On As</label>
                            <input type="date" name="modal_alternate_date" id="modal_alternate_date"
                                class="form-control">


                        </div>
                        <div class="col-md-8">
                            <label for="modal_alternate_bill">Own Bill No</label>
                            <input type="text" name="modal_alternate_bill" id="modal_alternate_bill"
                                class="form-control" placeholder="company bill number">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">

                    <button type="button" class="btn btn-primary" onclick="submitSubDateForm()">Continue</button>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    {{-- <script>
        const urlSelect = "{{ route('admin.purchase.return-get-select') }}"
    </script> --}}
    <script src="{{ asset('bootstrap-tagsinput/bootstrap-tagsinput.min.js') }}"></script>
    <script>
        function openAddItem() {
            let select_purchase_type = $('#select_purchase_type').val();
            let party_select = $('#party_select').val();
            if (!select_purchase_type) {
                alert('Select  purchase type');
                return false;
            }

            if (!party_select) {
                alert('Select Party type');
                return false;
            }
            $('#AddItemModal').modal('show');
        }


        function openPrimeryDateModal() {
            $('#PrimeryDateFormModal').modal('show');
        }

        function submitSubDateForm() {
            $('#modal_date').val($('#modal_alternate_date').val());
            $('#modal_bill').val($('#modal_alternate_bill').val());
            $('#PrimeryDateFormModal').modal('hide');
        }
    </script>
    @include('admin.entries.purchase.purchase-return.manage-Item-script')
    <script src="{{ asset('js/purchase/purchase-return-edit.js') }}"></script>
@endsection