@section('page-scripts')
    <script>

        function deleteEmployee(name) {

            Swal.fire({
                text: "Are you sure you want to delete selected employee, "+ name+"?!!",
                icon: "warning",
                showCancelButton: true,
                buttonsStyling: false,
                confirmButtonText: "Yes, delete!",
                cancelButtonText: "No, cancel",
                customClass: {
                    confirmButton: "btn fw-bold btn-danger",
                    cancelButton: "btn fw-bold btn-active-light-primary"
                }
            }).then(function (result) {
                if (result.value) {
                    Livewire.dispatch('deleteEmployee');
                    Swal.fire({
                        text: "You have deleted selected employee!.",
                        icon: "success",
                        buttonsStyling: false,
                        confirmButtonText: "Ok, got it!",
                        customClass: {
                            confirmButton: "btn fw-bold btn-primary",
                        }
                    }).then(function () {
                        window.location.reload()
                    });

                } else if (result.dismiss === 'cancel') {
                    Swal.fire({
                        text: "Employee not deleted.",
                        icon: "error",
                        buttonsStyling: false,
                        confirmButtonText: "Ok, got it!",
                        customClass: {
                            confirmButton: "btn fw-bold btn-primary",
                        }
                    }).then(function () {
                        window.location.reload()
                    });
                }
            });
        }

    </script>
@endsection