@if($useChequeRegister ?? false)
<div class="col-12" id="chequeRegisterPanel" style="display:none">
    <div class="border rounded p-3" style="background:#f8fafc">
        <div class="fw-semibold mb-2" style="font-size:13px">
            <i class="bi bi-journal-bookmark me-1 text-primary"></i>Cheque Book
        </div>
        <div class="row g-3">
            <div class="col-12 col-md-4">
                <label class="form-label fw-semibold" for="chequeBookId">Select Cheque Book</label>
                <select name="cheque_book_id" id="chequeBookId" class="form-select form-select-sm">
                    <option value="">Select cheque book</option>
                </select>
                <div class="form-text" id="chequeBookHelp" style="font-size:11px"></div>
            </div>
            <div class="col-12 col-md-8">
                <label class="form-label fw-semibold">Available Cheque No</label>
                <div id="chequeLeafList" class="border rounded bg-white p-2" style="min-height:42px;max-height:160px;overflow:auto">
                    <span class="text-muted" style="font-size:12.5px">Select a cheque book to see unused leaf numbers.</span>
                </div>
            </div>
        </div>
    </div>
</div>
@endif