{{-- Quick Receipt Modal --}}
<div class="modal fade" id="quick-receipt-modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header bg-light p-3">
                <h5 class="modal-title" id="exampleModalLabel">Quick Receipt</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                    id="close-modal"></button>
            </div>
            <div class="modal-body">
                <form action="/admin/quick-receipt-store" method="POST" class="tablelist-form" autocomplete="off"
                    id="quckReceiptForm">
                    @csrf
                    <input type="hidden" name="accounting_voucher_id" id="accounting_voucher_id">
                    <div class="row mb-3 text-end">
                        <div class="col-lg-12">
                            <h4> Bill Amount : <span id="invoice_amount"></span>
                        </div>
                        </h4>
                    </div>
                    <div class="row mb-3">
                        <div class="col-lg-3">
                            <label class="form-label">Account (Dr)</label>
                        </div>

                        <div class="col-lg-9">
                            <table class="table table-nowrap table-striped-columns">
                                <thead>
                                    <tr>
                                        <th scope="col">Account</th>
                                        <th scope="col">Amount</th>
                                        <th scope="col"></th>
                                    </tr>
                                </thead>
                                <tbody id="receipt-party-rows">
                                    <tr>
                                        <td><select name="ledger[]" class="form-control receipt-account" id=""
                                                required>
                                                <option value="">Select Ledger</option>
                                            </select>
                                        </td>
                                        <td><input type="number" class="form-control receipt-party-amount"
                                                name="ledger_amount[]" required></td>
                                    </tr>
                                    <tr>
                                        <td><select name="ledger[]" class="form-control receipt-account" id="">
                                                <option value="">Select Ledger</option>
                                            </select>
                                        </td>
                                        <td><input type="number" class="form-control receipt-party-amount"
                                                name="ledger_amount[]"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="text-end">
                        <button type="submit" id="receipt-submit-btn" class="btn btn-primary" tabindex="8">
                            Submit
                        </button>
                    </div>
                </form>
            </div>
            </form>
        </div>
    </div>
</div>