@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
$(document).ready(function() {
    // Status toggle for detail page
    $('.status-toggle-detail').on('change', function() {
        const $select = $(this);
        const bookingId = $select.data('booking-id');
        const newStatus = $select.val();
        const oldStatus = $select.data('old-status') || '{{ $booking->booking_status }}';
        
        // Disable dropdown during update
        $select.prop('disabled', true);
        var baseUrl = "{{ url('/') }}";
        // Send AJAX request
        $.ajax({
            url: baseUrl + `/admin/warehouse-bookings/${bookingId}/update-status`,
            type: 'POST',
            data: {
                _token: '{{ csrf_token() }}',
                status: newStatus
            },
            success: function(response) {
                if (response.success) {
                    Swal.fire({
                        icon: 'success',
                        title: 'Status Updated!',
                        text: response.message,
                        confirmButtonColor: '#28a745',
                        timer: 3000,
                        showConfirmButton: false
                    }).then(() => {
                        // Reload page to show updated info
                        location.reload();
                    });
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: 'Update Failed',
                        text: response.message,
                        confirmButtonColor: '#dc3545'
                    });
                    $select.val(oldStatus);
                    $select.prop('disabled', false);
                }
            },
            error: function(xhr) {
                const message = xhr.responseJSON?.message || 'Failed to update status. Please try again.';
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: message,
                    confirmButtonColor: '#dc3545'
                });
                $select.val(oldStatus);
                $select.prop('disabled', false);
            }
        });
    });
});
</script>
@endpush
@endsection