@can($viewPermission)
    @if ($viewUrl)
        <a href="{{ $viewUrl }}" class="mr-1 text-success h4 showLoader" title="View">
            <i class="mdi mdi-eye"></i>
        </a>
    @endif
@endcan

@can($editPermission)
    @if ($editUrl)
        <a href="{{ $editUrl }}" class="h4 text-info showLoader" title="Edit">
            <i class="mdi mdi-square-edit-outline"></i>
        </a>
    @endif
@endcan

@can($restorePermission)
@if ($restoreUrl)
    <form action="{{ $restoreUrl }}" method="POST" class="d-inline confirmable-form" data-action="restore">
        @csrf
        @method('POST')
        <button type="submit" class="btn btn-link p-0 m-0 align-baseline" title="Restore">
            <i class="mdi mdi-backup-restore h4 text-info"></i>
        </button>
    </form>
@endif
@endcan

@can($deletePermission)
@if ($deleteUrl)
    <form action="{{ $deleteUrl }}" method="POST" class="d-inline confirmable-form" data-action="delete">
        @csrf
        @method('DELETE')
        <button type="submit" class="btn btn-link p-0 m-0 align-baseline" title="Delete">
            <i class="mdi mdi-delete-outline h4 text-danger"></i>
        </button>
    </form>
@endif
@endcan

@section('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            document.querySelectorAll('.confirmable-form').forEach(form => {
                form.addEventListener('submit', function(e) {
                    e.preventDefault(); // stop immediate submit

                    let actionType = this.dataset.action;
                    let title = "Are you sure?";
                    let text = "This action cannot be undone.";
                    let icon = "warning";
                    let confirmButtonText = "Yes, delete it!";

                    if (actionType === "restore") {
                        title = "Restore Record?";
                        text = "Do you want to restore this record?";
                        icon = "info";
                        confirmButtonText = "Yes, restore it!";
                    }

                    Swal.fire({
                        title: title,
                        text: text,
                        icon: icon,
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: confirmButtonText
                    }).then((result) => {
                        if (result.isConfirmed) {
                            form.submit();
                        }
                    });
                });
            });
        });
    </script>
@endsection