@props([
    'name' => '',
    'route' => 'javascript:void(0)',
    'modelId' => null,
    'icon' => 'fas fa-envelope',
])
<button {{ $attributes->class(['btn btn-primary btn-sm']) }}
        id="btn-send-email-{{ Str::slug($name) . $modelId }}"
        data-bs-toggle="tooltip"
        data-bs-placement="top"
        title="{{ __('general.send_email') }}"
        onclick="sendInvoiceEmail('{{ $route }}', '{{ Str::slug($name) . $modelId }}')">
    <i class="{{ $icon }}"></i>
</button>

@pushonce('scripts')
<script>
function sendInvoiceEmail(url, buttonId) {
    Swal.fire({
        title: '{{ __("messages.confirm.send_email") }}',
        icon: 'question',
        showCancelButton: true,
        confirmButtonText: '{{ __("general.yes") }}',
        cancelButtonText: '{{ __("general.cancel") }}',
        reverseButtons: true,
    }).then((result) => {
        if (result.isConfirmed) {
            const button = document.getElementById('btn-send-email-' + buttonId);
            const originalContent = button.innerHTML;
            button.innerHTML = '<i class="fas fa-spinner fa-spin"></i>';
            button.disabled = true;

            fetch(url, {
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
                    'Content-Type': 'application/json',
                    'Accept': 'application/json'
                }
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    Swal.fire({
                        icon: 'success',
                        title: '{{ __("messages.success") }}',
                        text: data.message,
                        timer: 2000,
                        showConfirmButton: false,
                    });
                } else {
                    Swal.fire({
                        icon: 'error',
                        title: '{{ __("messages.failed") }}',
                        text: data.message,
                        timer: 3000,
                        showConfirmButton: false,
                    });
                }
            })
            .catch(error => {
                console.error('Error:', error);
                Swal.fire({
                    icon: 'error',
                    title: '{{ __("messages.generic.error") }}',
                    text: '{{ __("messages.generic.error") }}',
                    timer: 2500,
                    showConfirmButton: false,
                });
            })
            .finally(() => {
                button.innerHTML = originalContent;
                button.disabled = false;
            });
        }
    });
}
</script>
@endpushonce