{{-- toggle_status_button.blade.php --}}

@php
    $buttonLabel =
        $entry->status === 'closed'
            ? '<i class="la la-envelope-open"></i> Re-open Order'
            : '<i class="la la-envelope"></i> Close Order';
    $actionUrl =
        $entry->status === 'closed'
            ? route('transfer-orders.reopen', ['transferOrder' => $entry->id])
            : route('transfer-orders.close', ['transferOrder' => $entry->id]);
@endphp

<a href="javascript:void(0)" onclick="handleToggleStatus('{{ $actionUrl }}', '{{ strip_tags($buttonLabel) }}')"
    class="btn btn-sm btn-link">
    {!! $buttonLabel !!}
</a>

<script>
    function handleToggleStatus(url, actionLabel) {
        swal({
            title: `Are you sure you want to ${actionLabel.toLowerCase()} this order?`,
            icon: "warning",
            buttons: {
                cancel: {
                    text: "Cancel",
                    visible: true,
                    className: "bg-secondary",
                    closeModal: true,
                },
                confirm: {
                    text: actionLabel,
                    className: "bg-primary",
                }
            },
            dangerMode: true,
        }).then((willProceed) => {
            if (willProceed) {
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: {
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {

                        operation = actionLabel.toLowerCase().includes('close') ? 'Closed' : 're-opened';

                        if (response.status) {
                            swal({
                                title: "Success!",
                                text: `Order ${operation} successfully.`,
                                icon: "success",
                                button: "OK",
                            }).then(() => location.reload());

                        } else {
                            swal({
                                title: "Error",
                                text: "Failed to change order status. Please check the log for details.",
                                icon: "error",
                                button: "OK",
                            });
                        }
                    },
                    error: function() {
                        swal({
                            title: "Error",
                            text: "Failed to change order status. Please check the log for details.",
                            icon: "error",
                            button: "OK",
                        });
                    }
                });
            }
        });
    }
</script>