@php
$editUrl =  route($routeEdit, $data->id);
$deleteUrl = route($routeDelete, $data->id);
@endphp
<a class="btn btn-primary btn-sm mr-5" data-value="{{$data->id}}" href="{{$editUrl}}"><i class="fa fa-eye"></i></a>
<button type="button" class="btn btn-danger btn-sm delete" data-url="{{$deleteUrl}}" data-value="{{$data->id}}"><i class="fa fa-trash"></i></button>

<script>
    $(document).ready(function() {
      
            $('.delete').on('click', function(e) {
          
            e.preventDefault();
            var targetUrl = $(this).attr("data-url");

            Swal.fire({
                html: `Are you sure you would like to delete this product?`,
                icon: "warning",
                buttonsStyling: false,
                showCancelButton: true,
                confirmButtonText: "Yes, delete it!",
                cancelButtonText: 'Nope, return back',
                customClass: {
                    confirmButton: "btn btn-primary",
                    cancelButton: 'btn btn-danger'
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = targetUrl;
                }
            });
        });
     
     
    });
</script>