{{--
    Shared behaviour for admin list pages. Include once in @section('js'), then call
    CrudTable.bind($('#table'), datatable).

    Markup it understands inside the table:
      [data-toggle-status="url"]   checkbox → PATCH url, JSON {is_active, message}; updates the sibling [data-status-label]
      [data-delete-url="url"]      button   → SweetAlert confirm, DELETE url, reloads the table
      [data-details-url="url"]     button   → loads the url's HTML into #crudDetailsModal (see partials/details-modal)
--}}
<script>
    window.CrudTable = window.CrudTable || {
        labels: {
            published: @json(trans('dash_site.site_status_visible')),
            hidden: @json(trans('dash_site.site_status_hidden')),
            confirmDelete: @json(trans('dash_site.confirm_delete')),
            deleteBtn: @json(trans('forms.delete_btn')),
            cancel: @json(trans('dash_site.Cancel')),
            error: @json(trans('dash_site.request_failed')),
        },

        bind: function ($table, datatable, options) {
            var labels = $.extend({}, this.labels, options || {});

            $table.on('change', '[data-toggle-status]', function () {
                var input = this;
                var $label = $(input).closest('label').find('[data-status-label]');
                $.ajax({url: input.dataset.toggleStatus, type: 'PATCH'})
                    .done(function (response) {
                        input.checked = !!response.is_active;
                        $label.text(response.is_active ? labels.published : labels.hidden)
                            .toggleClass('text-success', !!response.is_active)
                            .toggleClass('text-muted', !response.is_active);
                        if (response.message) { toastr.success(response.message); }
                    })
                    .fail(function () {
                        input.checked = !input.checked;
                        toastr.error(labels.error);
                    });
            });

            $table.on('click', '[data-delete-url]', function () {
                var button = this;
                var name = button.dataset.deleteName ? ' «' + button.dataset.deleteName + '»' : '';
                Swal.fire({
                    text: labels.confirmDelete + name,
                    icon: 'warning',
                    showCancelButton: true,
                    buttonsStyling: false,
                    confirmButtonText: labels.deleteBtn,
                    cancelButtonText: labels.cancel,
                    customClass: {confirmButton: 'btn btn-danger', cancelButton: 'btn btn-light'}
                }).then(function (result) {
                    if (!result.isConfirmed) { return; }
                    $.ajax({url: button.dataset.deleteUrl, type: 'DELETE'})
                        .done(function (response) {
                            toastr.success(response.message || labels.deleteBtn);
                            datatable.ajax.reload(null, false);
                        })
                        .fail(function (xhr) {
                            toastr.error((xhr.responseJSON && (xhr.responseJSON.message || xhr.responseJSON.error)) || labels.error);
                        });
                });
            });

            // Classic delete forms (redirect back with a flash): confirm with SweetAlert first.
            $table.on('submit', 'form[data-confirm-delete]', function (event) {
                var form = this;
                if (form.dataset.confirmed) { return; }
                event.preventDefault();
                Swal.fire({
                    text: form.dataset.confirmDelete,
                    icon: 'warning',
                    showCancelButton: true,
                    buttonsStyling: false,
                    confirmButtonText: labels.deleteBtn,
                    cancelButtonText: labels.cancel,
                    customClass: {confirmButton: 'btn btn-danger', cancelButton: 'btn btn-light'}
                }).then(function (result) {
                    if (result.isConfirmed) { form.dataset.confirmed = '1'; form.submit(); }
                });
            });

            $table.on('click', '[data-details-url]', function () {
                CrudTable.showDetails(this.dataset.detailsUrl, this.dataset.detailsTitle);
            });
        },

        showDetails: function (url, title) {
            var $modal = $('#crudDetailsModal');
            $modal.find('[data-details-title]').text(title || '');
            $modal.find('[data-details-body]').html('<div class="text-center py-10"><span class="spinner-border text-primary"></span></div>');
            bootstrap.Modal.getOrCreateInstance($modal[0]).show();
            $.get(url)
                .done(function (html) { $modal.find('[data-details-body]').html(html); })
                .fail(function () { $modal.find('[data-details-body]').html('<div class="alert alert-danger mb-0">' + CrudTable.labels.error + '</div>'); });
        }
    };
</script>