{{-- Single manual booking modal --}}
<div class="modal fade" id="manualBookModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"><i class="fa fa-pen me-2"></i>Manual Courier Booking</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="manualOrderId" value="">
                <div class="mb-3">
                    <label class="form-label fw-semibold">Courier <span class="text-danger">*</span></label>
                    <select id="manualCourierType" class="form-select">
                        @include('backEnd.order.partials.courier-select-options', ['manualCouriers' => $manualCouriers])
                    </select>
                </div>
                <div class="mb-3" id="manualCourierCustomWrap" style="display:none;">
                    <label class="form-label fw-semibold">New Courier Name <span class="text-danger">*</span></label>
                    <input type="text" id="manualCourierCustom" class="form-control" placeholder="e.g. SA Paribahan">
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold">Consignment ID <small class="text-muted">(optional)</small></label>
                    <input type="text" id="manualConsignmentId" class="form-control" placeholder="Pore add korle khali rakhte parben">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-success" id="saveManualBookBtn">
                    <i class="fa fa-paper-plane me-1"></i> Send to Packing
                </button>
            </div>
        </div>
    </div>
</div>

{{-- Bulk manual booking modal --}}
<div class="modal fade" id="bulkManualModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"><i class="fa fa-pen me-2"></i>Bulk Manual Booking</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="bulkManualCourier" value="">
                <div class="alert alert-info py-2 small mb-3" id="bulkManualInfo"></div>
                <div class="table-responsive">
                    <table class="table table-sm table-bordered mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Order</th>
                                <th>Customer</th>
                                <th>Location</th>
                                <th style="min-width:180px;">Consignment ID</th>
                            </tr>
                        </thead>
                        <tbody id="bulkManualRows"></tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-success" id="saveBulkManualBtn">
                    <i class="fa fa-save me-1"></i> Book All
                </button>
            </div>
        </div>
    </div>
</div>