@once
@push('head')
<style>
body.modal-open .select2-dropdown { display: none !important; }
</style>
@endpush
@endonce

<div class="modal fade" id="addCustomerModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Add New Customer</h5>
                <button type="button" class="close" id="addCustomerModalClose" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row g-3" id="customerModalForm">
                    @include('admin.job-details._customer-modal-fields')
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light border" id="addCustomerModalCancel">Cancel</button>
                <button type="button" class="btn btn-dark" id="saveCustomerBtn">
                    <i class="fas fa-save me-1"></i> Save Customer
                </button>
            </div>
        </div>
    </div>
</div>

@once
@push('scripts')
<script>
function bkCloseOpenSelect2() {
    if (!window.jQuery) return;
    $('.select2-hidden-accessible').each(function () {
        try { $(this).select2('close'); } catch (e) {}
    });
}

function bkOpenAddCustomerModal() {
    if (typeof cmClearFields === 'function') {
        cmClearFields(['cm_business_name', 'cm_name', 'cm_phone', 'cm_email']);
    }

    const $customerDd = $('#customerDropdown');
    if ($customerDd.length) {
        const prev = $customerDd[0].dataset.prevValue || '';
        bkCloseOpenSelect2();
        if ($customerDd.val() === '__add__') {
            $customerDd.val(prev).trigger('change.select2');
        }
    }

    $('#addCustomerModal').modal('show');

    if (window.initGoogleAddressAutocomplete) {
        window.initGoogleAddressAutocomplete();
    }
}

function bkCloseAddCustomerModal() {
    bkCloseOpenSelect2();
    $('#addCustomerModal').modal('hide');
}

$(document).on('show.bs.modal', '#addCustomerModal', function () {
    bkCloseOpenSelect2();
});

$(document).on('click', '#addCustomerModalClose, #addCustomerModalCancel', function () {
    bkCloseAddCustomerModal();
});
</script>
@endpush
@endonce