@extends('layouts.admin')
@section('title', 'New sale | Mintavia Admin')
<style>
    @media (min-width: 1400px) {
        #manageItem .modal-xl {
            max-width: 1450px;
        }

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

    /* Example colors for each input field */
    #barcode1 {
        background-color: #f0f8ff;
        /* Light blue for Barcode */
    }

    #mrp1 {
        background-color: #ffe4e1;
        /* Light coral for MRP */
    }

    #batch {
        background-color: #fafad2;
        border: 1px solid black
            /* Light goldenrod yellow for ALF */
    }

    #rate1 {
        background-color: #e6e6fa;
        /* Lavender for Rate */
    }

    #cost_alfa1 {
        background-color: #d3f8e2;
        /* Light green for ALF Cost */
    }

    #sale_price {
        background-color: #f5deb3;
        /* Wheat for Sale Price */
    }

    #sale_alfa {
        background-color: #ffebcd;
        /* Blanched almond for ALF Sale */
    }

    /* Optional: Add a border color or change text color */
    input.form-control {
        border: 1px solid #ccc;
        color: #333;
    }

    #batch1 {

        border: 3px solid black
    }

    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>
@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">New Sale Return Bill</h3>
                    <div class="ml-auto">
                        <a href="{{ route('admin.sale.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.sale.return-saveNew') }}">
                    @csrf
                    <div>
                        <input type="hidden" name="customer_name" id="customer_name">
                        <input type="hidden" name="gstin" id="gstin">
                        <input type="hidden" name="Address_1" id="Address_1">
                        <input type="hidden" name="Address_2" id="Address_2">
                        <input type="hidden" name="village" id="village">
                        <input type="hidden" name="state" id="state">
                        <input type="hidden" name="pin_code" id="pin_code">
                        <input type="hidden" name="state_code" id="state_code">
                        <input type="hidden" name="phone_no" id="phone_no">
                        <input type="hidden" name="mobile_no" id="mobile_no">
                        <input type="hidden" name="pan_card_no" id="pan_card_no">
                        <input type="hidden" name="aadhar_card_no" id="aadhar_card_no">
                        <input type="hidden" name="gmail_address" id="gmail_address">
                        <input type="hidden" name="car_bike_name" id="car_bike_name">
                        <input type="hidden" name="car_bike_numbar" id="car_bike_numbar">
                    </div>
                    <div class="card-body">
                        <div class="container-fluid">
                            <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 @error('date') is-invalid @enderror" placeholder="Date"
                                            name="date" id="date" autofocus>
                                        <x-error field="date"></x-error>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="terms">Terms</label>
                                        <select class="form-control" name="terms" id="terms"
                                            onchange="checkConditions()">

                                            <option value="1">Cash</option>
                                            <option value="2">Credit</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="bill_no">Bill No.</label>
                                        <input value="{{ old('bill_no') ?? $billNo }}" type="number"
                                            class="form-control @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-2">
                                    <div class="form-group">
                                        <label for="due_date">Due Date</label>
                                        <input value="{{ old('due_date') ?? '' }}" type="date"
                                            class="form-control @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">
                                    <div class="form-group">
                                        <label>Select sale Type</label>
                                        <x-admin-input type="select" class="js-select2" name="select_sale_type"
                                            id="select_sale_type">
                                            <option value=""> -- Select sale Type --</option>
                                            @foreach ($saletypes as $saleType)
                                                <option value="{{ $saleType->id }}" tax-type="{{ $saleType->tax_type }}"
                                                    inclusive-type="{{ $saleType->inclusive_type }}"> {{ $saleType->name }}
                                                </option>
                                            @endforeach
                                        </x-admin-input>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="sales_man_id">Select Sales Man</label>
                                        <x-admin-input type="select" class="js-select2" name="sales_man_id"
                                            id="sales_man_id">
                                            <option value="">-- Select Sales Man --</option>
                                            {{-- @foreach ($salesMan as $acc)
                                                <option value="{{ $acc->id }}">{{ $acc->name }}</option>
                                            @endforeach --}}
                                        </x-admin-input>
                                    </div>
                                </div>
                                <!-- Customer Details Button -->
                                {{-- <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>
                         <div class="container-fluid">
                            <div class="row"
                                style="border-bottom: 1px solid #6c757d; margin-bottom: 15px; padding-bottom: 10px; align-items: center;">
                                <!-- Select Party -->
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="party_select" style="font-weight: bold;">Select Party</label>
                                        <select name="party_select" id="party_select" class="form-control js-select2"
                                            style="width: 100%; border-radius: 5px;"
                                            onchange="openModalIfConditionsMet()">
                                            <option value="">-- Select Party --</option>
                                            <option value="party1">Party 1</option>
                                            <option value="party2">Party 2</option>
                                        </select>
                                    </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: #329983; color: white;">
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="form-group">
                                        <label style="font-weight: bold;" for="bill_limit"
                                            id="bill_limit-label">B.Limit</label>
                                        <input value="0" class="form-control" type="text" id="bill_limit"
                                            name="bill_limit" readonly style="background-color: #ff0000; color: white;">
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="form-group">
                                        <label style="font-weight: bold;" for="credit_limit"
                                            id="credit_limit-label">A.Cr.Limit</label>
                                        <input value="0" class="form-control" type="text" id="credit_limit"
                                            name="credit_limit" readonly style="background-color: #002aff; color: white;">
                                    </div>
                                </div>



                                <!-- Customer Details Button -->
                                <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>

                                <!-- District Selection -->
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="pricing_desc" style="font-weight: bold;">District</label>
                                        <select name="pricing_desc" id="pricing_desc" class="form-control"
                                            style="width: 100%; border-radius: 5px;">
                                            <option value="">-- District --</option>
                                            <option value="customer_pricing_desc">CHENNAI</option>
                                            <option value="mechanic_pricing_desc">MADRAS</option>
                                            <option value="b2b_pricing_desc">BOMBAY</option>
                                        </select>
                                    </div>
                                </div>

                                <!-- GST Number -->


                                <!-- Add Items Button -->
                                <div class="col-md-1 d-flex justify-content-center">
                                    <button type="button" id="add-item-btn" class="btn btn-dark btn-sm btn-block"
                                        style="background-color: #fff700; color: rgb(5, 5, 5);">Add Items</button>
                                </div>

                                <!-- Import Sale Challan -->
                                <div class="col-md-1">
                                    <button class="btn btn-outline-info btn-sm btn-block" id="import-challan-btn"
                                        type="button"
                                        style="background-color: #00d5ff; color: rgb(5, 5, 5);">Import Sale</button>
                                </div>

                            </div>
                        </div>


                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-md-12 table-responsive-sm ">

                                    <table class="table table-sm table-striped table-bordered">
                                        <thead>
                                            <tr>
                                                <th>Brand Name</th>
                                                <th>Part No</th>
                                                <th>Item</th>
                                                <th>M.Qty</th>
                                                <th>ALT Qty</th>
                                                <th>Free</th>
                                                <th>MRP</th>
                                                <th>Rate</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 class="text-right" id="total_mrp">0</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="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="0" 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="0"
                                                                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="0" 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 }}">
                                                                            {{ $item->tax_name }}</option>
                                                                    @endforeach
                                                                @endif
                                                            </select>

                                                            <x-admin-input value="0"
                                                                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="0" 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="0"
                                                            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 }}">
                                                                            {{ $item->tax_name }}</option>
                                                                    @endforeach
                                                                @endif
                                                            </select>

                                                            <x-admin-input value="0"
                                                                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="0"
                                                            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 }}">
                                                                            {{ $item->tax_name }}</option>
                                                                    @endforeach
                                                                @endif
                                                            </select>

                                                            <x-admin-input value="0"
                                                                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="0"
                                                            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="0" 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" name="advance_payment_data"
                                                                id="advance_payment_data">
                                                            <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="0"
                                                                        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 class="card-footer">
                                                                                <textarea name="item_list" class="d-none" id="item_list">{{ old('item_list') ?? '' }}</textarea>
                                                                                <textarea name="delete_item_list" class="d-none" id="delete_item_list">{{ old('delete_item_list') ?? '' }}</textarea>
                                                                                <button class="btn btn-success" type="submit">Create</button>
                                                                            </div> -->

                                    <div class="row card-footer">
                                        <textarea name="item_list" class="d-none" id="item_list">{{ old('item_list') ?? '' }}</textarea>
                                        <textarea name="delete_item_list" class="d-none" id="delete_item_list">{{ old('delete_item_list') ?? '' }}</textarea>

                                        <textarea name="serial_numbers" class="d-none" id="serial_numbers">{{ old('serial_numbers') ?? '' }}</textarea>
                                        <textarea name="batch_numbers" class="d-none" id="batch_numbers">{{ old('batch_numbers') ?? '' }}</textarea>
                                        <textarea name="lot_numbers" class="d-none" id="lot_numbers">{{ old('lot_numbers') ?? '' }}</textarea>
                                        <input type="hidden" id="adjustedAmountData" value="0"
                                                    name="adjusted_amount_data">
                                       <div class="col-2">
                                                <button type="button" class="btn btn-sm btn-success" data-toggle="modal"
                                                    data-target="#billModalNew">Adjust
                                                </button>
                                            </div>
                                        <div class="col-3">
                                            <div class="row no-gutters mt-2">
                                                <div class="col-md-12 border justify-content-between col-12 px-1">
                                                    <x-admin-input value="" class="text-right form-control-sm"
                                                        labelStyle="horizontal" name="remark" id="remark"
                                                        label="remark"></x-admin-input>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-3">
                                            <div class="row no-gutters mt-2">
                                                <div class="col-md-12 border justify-content-between col-12 px-1">
                                                    <x-admin-input value="" 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">
                                            <button class="btn btn-danger ml-3" type="">Delete</button>
                                            <button class="btn btn-success ml-3" type="">Print</button>
                                            <button class="btn btn-success ml-3" type="submit">Create</button>
                                           <a class="btn btn-danger ml-3"
                                                    href="{{ route('admin.sale.return-list') }}">Close</a>

                                        </div>

                                    </div>

                </form>
            </div>

            <!-- /.card -->
        </div>
    </div>
@endsection


@section('plugins.Select2', true)

@section('models')
    <div class="modal fade" id="billModalNew" role="dialog" aria-labelledby="billModalLabelNew" aria-hidden="true"
        data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header bg-gradient-primary text-white border-bottom border-3 border-primary shadow-sm">
                    <h5 class="modal-title font-weight-bold d-flex align-items-center" id="billModalLabelNew">
                        <i class="fas fa-file-invoice-dollar mr-2"></i> Adjusted This Invoice Values
                    </h5>
                    <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close"
                        style="opacity: 1;">
                        <span aria-hidden="true" style="font-size: 1.5rem;">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row no-gutters">
                        <div class="col-md-12 px-2 pt-1">
                            <table class="table table-sm table-striped table-bordered text-center">
                                <thead class="text-center align-middle">
                                    <tr>
                                        <th style="background-color: #f8d7da;">Bill No.</th> <!-- Light Red -->
                                        <th style="background-color: #d1ecf1;">Bill Date</th> <!-- Light Blue -->
                                        <th style="background-color: #fff3cd;">Due Date</th> <!-- Light Yellow -->
                                        <th style="background-color: #d4edda;">Entry</th> <!-- Light Green -->
                                        <th style="background-color: #f0e5ff;">Dr./Cr.</th> <!-- Light Purple -->
                                        <th style="background-color: #fde2e4;">Amount</th> <!-- Light Pink -->
                                        <th style="background-color: #e2f0cb;">Adjusted</th> <!-- Light Lime -->
                                        <th style="background-color: #eeeeee;">Balance</th> <!-- Light Gray -->
                                    </tr>
                                </thead>
                                <tbody id="bill-list">
                                    <!-- JS se dynamic data insert hoga -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <!-- ✅ Totals Section moved to modal-footer -->
                <div class="modal-footer d-flex justify-content-between align-items-center flex-wrap">
                    <!-- 🔹 Total -->
                    <div class="badge bg-primary px-4 py-2 m-1" style="min-width: 180px; font-size: 16px;">
                        <strong>Total:</strong> ₹ <span id="total-amount">0.00</span>
                    </div>

                    <!-- 🔸 Adjusted -->
                    <div class="badge bg-success px-4 py-2 m-1" style="min-width: 180px; font-size: 16px;">
                        <strong>Adjusted:</strong> ₹ <span id="total-adjusted">0.00</span>
                    </div>

                    <!-- 🔻 Difference -->
                    <div class="badge bg-danger px-4 py-2 m-1" style="min-width: 180px; font-size: 16px;">
                        <strong>Difference:</strong> ₹ <span id="adjustment-difference">0.00</span>
                    </div>

                    <!-- 🔘 Close Button -->
                    <button type="button" class="btn btn-secondary m-1"
                        onclick="adjustedAmountContinueAction()">Continue</button>
                </div>
            </div>
        </div>
    </div>
    <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 --}}
                        <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="" class="form-control advance_payment_input" name="cash_amount"
                                    id="cash_amount" placeholder="Enter amount">
                            </div>
                            <div class="col-md-6 mb-2">
                                <label for="card_account">Cash Account</label>
                                <select name="cash_account" id="cash_account" class="form-control advance_payment_input">
                                    @foreach ($paymentCash as $acc)
                                        <option value="{{ $acc->id }}" {{ $loop->first ? '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="" class="form-control advance_payment_input" name="ewallet_amount"
                                    id="ewallet_amount" placeholder="Enter 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 }}">{{ $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="" class="form-control advance_payment_input" name="card_amount"
                                    id="card_amount" placeholder="Enter 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">
                            </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 }}">{{ $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="" class="form-control advance_payment_input" name="cheque_amount"
                                    id="cheque_amount" placeholder="Enter 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 }}">{{ $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.">
                            </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">
                            </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="importsalechallanmodel" tabindex="-1" role="dialog"
        aria-labelledby="importsalechallanLabel" 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="importsalechallanLabel"></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-3">
                            <div class="form-group">
                                <x-admin-input id="challan-bill_no" type="number" class="form-control-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>Select</th>
                                <th>Bill No.</th>
                                <th>Date</th>
                                <th>Account</th>
                                <th>Car/Bike Numbar</th>
                                <th>Mobile No</th>
                                <th>Item Qty</th>
                            </tr>
                        </thead>
                        <tbody id="bill-list1">

                        </tbody>
                    </table>
                    <div class="text-right mt-3">
                        <button type="button" class="btn btn-success" onclick="importSelectedChallan()">Import Selected
                            challan</button>
                    </div>
                </div>
            </div>
        </div>
    </div> --}}
    <div class="modal fade" id="importsaleordermodel" tabindex="-1" role="dialog"
        aria-labelledby="importsalechallanLabel" 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="importsalechallanLabel">Import Sale Orders</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-3">
                            <div class="form-group">
                                <x-admin-input id="order-bill_no" type="number" class="form-control-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>Select</th>
                                <th>Bill No.</th>
                                <th>Date</th>
                                <th>Account</th>
                                <th>Car/Bike Numbar</th>
                                <th>Mobile No</th>
                                <th>Item Qty</th>

                            </tr>
                        </thead>
                        <tbody id="bill-list2">
                            <!-- Rows will be dynamically generated here -->
                        </tbody>
                    </table>

                    <!-- ✅ Import Button -->
                    <div class="text-right mt-3">
                        <button type="button" class="btn btn-success" onclick="importSelectedOrders()">Import Selected
                            Orders</button>
                    </div>

                </div>
            </div>
        </div>
    </div>


    <div class="modal fade" id="manageItem" tabindex="-1" role="dialog" aria-labelledby="manageItemLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header bg-primary" style="height: 40px; display: flex; align-items: center;">
                    <h5 class="modal-title" id="manageItemLabel"></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="row">
                    <div class="col-4">

                    </div>
                </div>
                <form class="" id="add-item-submit">
                    <input type="hidden" name="conversion_factor" id="conversion_factor">
                    <input type="hidden" class="form-control" name="barcode" id="barcode">
                    <input type="hidden" class="form-control" name="show_product_id" id="show_product_id">

                    <div class="modal-body">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-7">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <input type="text" id="remark" name="remark"
                                                class="form-control @error('remark') is-invalid @enderror">
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <input type="hidden" name="part_tax" id="part_tax">
                                                <label id="part_tax_label" style="color: red;font-size: 22px;"></label>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <input type="hidden" name="hsn_code" id="hsn_code">
                                                <label id="hsn_code_label"
                                                    style="color: rgb(56, 60, 193);font-size: 22px;"></label>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="" id="">Brand Name</label>
                                                <select class="form-control" name="brand_id" id="brand_id"
                                                    style="width: 100%">
                                                    <option value=""> -- Select Brand Name --</option>
                                                    @foreach ($brands as $brand)
                                                        <option value="{{ $brand->id }}">{{ $brand->brand_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3 position-relative">
                                            <div class="form-group">
                                                <label for="part_numbers">Part Numbers</label>
                                                <select class="form-control js-select2" name="part_numbers"
                                                    id="part_numbers" style="width: 100%">
                                                    <option value=""> -- Select Part Numbers --</option>
                                                    @foreach ($part_numbers as $item)
                                                        <option value="{{ $item }}">{{ $item }}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <!-- Custom Part Number Display -->
                                            <div id="custom_part_number_display" class="alert alert-info"
                                                style="padding: 5px; margin-top: -40px; display: none; position: absolute; width: 100%; z-index: 10;">
                                            </div>
                                        </div>
                                        {{-- <div class="col-md-1">
                                            <br>
                                            <button type="button" class="btn btn-danger" id="clearPartNumbersButton"><i class="fa fa-window-close" aria-hidden="true"></i></button>
                                        </div> --}}

                                        {{-- <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="barcode" id="barcode-label">Barcode</label>
                                                <input class="form-control" type="text" name="barcode" id="barcode">
                                            </div>
                                        </div> --}}
                                        <input type="hidden" class="form-control" name="barcode" id="barcode">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="item_id" id="item-label">Select Item</label>
                                                <select class="form-control js-select2" name="item_id"
                                                    id="products_item_id" style="width: 100%">
                                                    <option value=""> -- Select Item --</option>
                                                    @foreach ($items as $item)
                                                        <option value="{{ $item->id }}"
                                                            data-barcode="{{ $item->barcode }}"
                                                            product-name="{{ $item->product_name }}">
                                                            {{ $item->barcode }}
                                                        </option>
                                                    @endforeach
                                                </select>

                                            </div>
                                        </div>
                                        <div class="col-md-1">
                                            <br>
                                            <button type="button" class="btn btn-info" id="clearPartNumbersButton"
                                                class="refresh-button btn-block btn-sm btn btn-info"><i
                                                    class="fas fa-sync"></i></button>
                                        </div>
                                        <div class="col-md-1">
                                            <div class="form-group">
                                                <label for=""></label>
                                                <label for=""></label>
                                                <label for=""></label>
                                                <a href="{{ route('admin.products.create') }}" class=" ml-2 mr-2">
                                                    <button type="button" class="btn btn-primary"><i class="fa fa-plus"
                                                            aria-hidden="true"></i></button>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 alert alert-info" style="margin-top: -10px;">
                                            <p id="product_info" class="mb-0 px-2"></p>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="qty" id="qty-label">Enter Qty</label>
                                                <input value="0" class="form-control" type="number" name="qty"
                                                    id="qty">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="alternate_unit" id="qty-label">ALT Qty</label>
                                                <input value="0" class="form-control" type="number"
                                                    name="alternate_unit" id="alternate_unit">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="free" id="free-label">Free Item</label>
                                                <select class="form-control FreeItemSelect" name="free_item_id"
                                                    id="free_item_id" style="width: 100%">
                                                    <option value=""> -- Select Item --</option>
                                                    {{-- @foreach ($items as $item)
                                                        <option value="{{ $item->id }}">{{ $item->product_name }}
                                                        </option>
                                                    @endforeach --}}
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="free" id="free-label">F Qty</label>
                                                <input value="0" class="form-control" type="number" name="free"
                                                    id="free">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="unit_id" id="unit-label">Unit</label>
                                                <select class="form-control" name="unit_id" id="unit_id">
                                                    @foreach ($units as $unit)
                                                        <option value="{{ $unit->id }}">{{ $unit->unit_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="row">
                                        <div class="col-md-3" id="lockedSection">
                                            <div class="form-group form-check">
                                                <input type="checkbox" class="form-check-input" id="CalclutWithMrp">
                                                <label class="form-check-label" for="CalclutWithMrp">On S Rate</label>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group form-check">
                                                <input type="checkbox" class="form-check-input"
                                                    id="CalculationAdditionalDiscount">
                                                <label class="form-check-label" for="CalclutWithMrp">AD</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="" id="">MRP</label>
                                                <input value="0" class="form-control" type="number" name="mrp"
                                                    id="mrp" step=".01">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="rate" id="rate-label">Rate</label>
                                                <input value="0" class="form-control" type="number" name="rate"
                                                    id="rate" step=".01">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="basic_amt" id="basic-amt-label">Basic Amt.</label>
                                                <input value="0" class="form-control" readonly type="text"
                                                    name="basic_amt" id="basic_amt" step=".01">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="dis_pre" id="discount-label">D %</label>
                                                <input value="0" class="form-control" type="number" name="dis_pre"
                                                    id="dis_pre" step=".01" min="0">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="dis_amount" id="discounnt-amt-label">D.Amt.</label>
                                                <input value="0" class="form-control" type="number"
                                                    name="dis_amount" step=".01" id="dis_amount">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="basic_amt" id="basic-amt-label">Total Amt.</label>
                                                <input value="0" class="form-control" readonly type="text"
                                                    name="basic_net_amount" id="basic_net_amount" step=".01">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="additional_discount" id="tax-label">Add Dis</label>
                                                <input value="0" class="form-control" type="text"
                                                    name="additional_discount" id="additional_discount" readonly>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="additional_discount_amt" id="tax-label">Dis Amt.</label>
                                                <input value="0" class="form-control" type="text"
                                                    name="additional_discount_amt" id="additional_discount_amt"
                                                    step=".01" readonly>
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="tax_par" id="tax-label">Tax %</label>
                                                <input value="0" readonly class="form-control" type="text"
                                                    name="tax_par" step=".01" id="tax_par">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="tax_amt" id="tax-label">Tax Amt.</label>
                                                <input value="0" readonly class="form-control" type="text"
                                                    name="tax_amt" step=".01" id="tax_amt">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group ">
                                                <label for="amount" id="amt-label">Net Amount</label>
                                                <input value="0" class="form-control" readonly type="text"
                                                    name="amount" id="amount" step=".01">
                                            </div>
                                        </div>
                                        <div class="col-md-1">
                                            <div class="row">
                                                <div class="col-md-6 pl-md-3" style="margin-top: 31px;">
                                                    <button type="submit" class="btn btn-success"
                                                        id="submitBtn">+</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-5">
                                    <div class="row">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <div class="form-group row">
                                                    <label for=""
                                                        class="col-md-5 col-form-label text-right text-right pl-md-2"
                                                        id="">A S</label>
                                                    <div class="col-md-7">
                                                        <input value="100" class="form-control" type="text"
                                                            name="total_qty_sum" id="total_qty_sum" readonly>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group row">
                                                    <label class="col-md-5 col-form-label text-right pl-md-2">Pcs.</label>
                                                    <div class="col-md-7">
                                                        <input value="0" class="form-control" type="text"
                                                            name="alternate_unit_total" id="alternate_unit_total"
                                                            readonly>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group row">
                                                    <label for=""
                                                        class="col-md-5 col-form-label text-right pl-md-2"
                                                        id="">M S</label>
                                                    <div class="col-md-7">
                                                        <input value="100" class="form-control" type="text"
                                                            name="maximum_level" id="maximum_level" readonly>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group row">
                                                    <label for=""
                                                        class="col-md-5 col-form-label text-right pl-md-2"
                                                        id="">M M</label>
                                                    <div class="col-md-7">
                                                        <input value="100" class="form-control" type="text"
                                                            name="minimum_level" id="minimum_level" readonly>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group row">
                                                    <label for=""
                                                        class="col-md-5 col-form-label text-right pl-md-2"
                                                        id="">R L</label>
                                                    <div class="col-md-7">
                                                        <input value="100" class="form-control" type="text"
                                                            name="reorder_level" id="reorder_level" readonly>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12" id="batch1" style="height: 250px; overflow-y: scroll;">
                                            <table class="table" id="batchDataTable">
                                                <thead class="table-success">
                                                    <tr>
                                                        <th scope="col">Barcode</th>
                                                        <th scope="col">Mrp</th>
                                                        <th scope="col">S p</th>
                                                        <th scope="col">P P</th>
                                                        <th scope="col">N P</th>
                                                        <th scope="col">Stock </th>
                                                        <th scope="col"></th>
                                                    </tr>
                                                </thead>
                                                <tbody>


                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                    <div class="row" id="batch" style="height: 150px; overflow-y: scroll;">
                                        <div class="col-md-12" id="BarcodSerialNumberDataTableSection"
                                            style="display: none">
                                            <table class="table" id="productBarcodSerialNumberDataTable">
                                                <thead class="table">
                                                    <tr>
                                                        <th scope="col">
                                                            <div class="form-group form-check">
                                                                <input type="checkbox" class="form-check-input"
                                                                    id="SerialNumberAllCheck">
                                                                <label class="form-check-label"
                                                                    for="SerialNumberAllCheck"></label>
                                                            </div>
                                                        </th>
                                                        <th scope="col">Seril No</th>
                                                    </tr>
                                                </thead>
                                                <tbody>


                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="col-md-12" id="BatchNumberDataTableSection" style="display: none">
                                            <table class="table" id="productBatchNumberDataTable">
                                                <thead class="table">
                                                    <tr>
                                                        <th scope="col">
                                                            <div class="form-group form-check">
                                                                <input type="checkbox" class="form-check-input"
                                                                    id="BatchNumberAllCheck">
                                                                <label class="form-check-label"
                                                                    for="BatchNumberAllCheck"></label>
                                                            </div>
                                                        </th>
                                                        <th scope="col">Batch Number</th>
                                                        <th scope="col">mfg date</th>
                                                        <th scope="col">exp date</th>
                                                    </tr>
                                                </thead>
                                                <tbody>


                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="col-md-12" id="LotNumberDataTableSection" style="display: none">
                                            <table class="table" id="productLotNumberDataTable">
                                                <thead class="table">
                                                    <tr>
                                                        <th scope="col">
                                                            <div class="form-group form-check">
                                                                <input type="checkbox" class="form-check-input"
                                                                    id="LotNumberAllCheck">
                                                                <label class="form-check-label"
                                                                    for="BatchNumberAllCheck"></label>
                                                            </div>
                                                        </th>
                                                        <th scope="col">Lot Number</th>
                                                    </tr>
                                                </thead>
                                                <tbody>


                                                </tbody>
                                            </table>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
            </div>


            </form>
        </div>
    </div>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="CustomertDetailsModal" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document" style="max-width: 800px;">
            <div class="modal-content" style="max-height: 90vh; overflow-y: auto;">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Customer Details</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" style="padding: 20px;">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="customer_name" style="font-weight: bold;">Customer Name</label>
                                <input value="" class="form-control" type="text" name="modal_customer_name"
                                    id="modal_customer_name" style="border-radius: 5px;">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="mobile_no" style="font-weight: bold;">WhatsApp No</label>
                                <input value="" class="form-control" type="text" name="modal_mobile_no"
                                    id="modal_mobile_no" style="border-radius: 5px;">
                            </div>
                        </div>


                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="phone_no" style="font-weight: bold;">Mobile No</label>
                                <input value="" class="form-control" type="text" name="modal_phone_no"
                                    id="modal_phone_no" style="border-radius: 5px;">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="gmail_address" style="font-weight: bold;">Gmail Address</label>
                                <input value="" class="form-control" type="text" name="modal_gmail_address"
                                    id="modal_gmail_address" style="border-radius: 5px;">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="car_bike_name" style="font-weight: bold;">Car/Bike Name</label>
                                <input value="" class="form-control" type="text" name="modal_car_bike_name"
                                    id="modal_car_bike_name" style="border-radius: 5px;">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="car_bike_numbar" style="font-weight: bold;">Car/Bike Numbar</label>
                                <input value="" class="form-control" type="text"
                                    name="modal_car_bike_numbar" id="modal_car_bike_numbar"
                                    style="border-radius: 5px;">
                            </div>
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="Address_1" style="font-weight: bold;">Address 1</label>
                                <input value="" class="form-control" type="text" name="modal_Address_1"
                                    id="modal_Address_1" style="border-radius: 5px;">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="Address_2" style="font-weight: bold;">Address 2</label>
                                <input value="" class="form-control" type="text" name="modal_Address_2"
                                    id="modal_Address_2" style="border-radius: 5px;">
                            </div>
                        </div>
                    </div>
                    <div class="row mt-2">

                    </div>
                    <div class="row mt-2">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="village" style="font-weight: bold;">City/Village</label>
                                <input value="" class="form-control" type="text" name="modal_village"
                                    id="modal_village" style="border-radius: 5px;">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="pin_code" style="font-weight: bold;">Pin Code</label>
                                <input value="" class="form-control" type="text" name="modal_pin_code"
                                    id="modal_pin_code" style="border-radius: 5px;">
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="state" style="font-weight: bold;">State</label>
                                <input value="" class="form-control" type="text" name="modal_state"
                                    id="modal_state" style="border-radius: 5px;">
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="state_code" style="font-weight: bold;">State Code</label>
                                <input value="" class="form-control" type="text" name="modal_state_code"
                                    id="modal_state_code" style="border-radius: 5px;">
                            </div>
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="pan_card_no" style="font-weight: bold;">PAN Card No</label>
                                <input value="" class="form-control" type="text" name="modal_pan_card_no"
                                    id="modal_pan_card_no" style="border-radius: 5px;">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="aadhar_card_no" style="font-weight: bold;">Aadhar Card No</label>
                                <input value="" class="form-control" type="text"
                                    name="modal_aadhar_card_no" id="modal_aadhar_card_no" style="border-radius: 5px;">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="gstin" style="font-weight: bold;">GSTIN</label>
                                <input value="" class="form-control" type="text" name="modal_gstin"
                                    id="modal_gstin" style="border-radius: 5px;">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="saveCustomerDetails()">Continue</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        const urlSelect = "{{ route('admin.sale.return-get-select') }}"
        const importOrdersUrl = "{{ route('admin.sale.import-orders') }}"
    </script>
    <script src="{{ asset('js/sale/sale-add.js') }}"></script>
    @include('admin.entries.sale.sale-return.manage-Item-script')

@endsection