{{-- jQuery --}}
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

{{-- Bootstrap 4 bundle (with Popper) --}}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>

{{-- AdminLTE --}}
<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.2.0/dist/js/adminlte.min.js"></script>

{{-- DataTables --}}
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/dataTables.bootstrap4.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.bootstrap4.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.5.0/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.5.0/js/responsive.bootstrap4.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.print.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>

{{-- Select2 --}}
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

{{-- Toastr --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>

{{-- SweetAlert 2 --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

{{-- Chart.js --}}
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>

<script>
    // CSRF token
    $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });

    // Toastr defaults
    toastr.options = {
        closeButton: true,
        progressBar: true,
        positionClass: '{{ in_array(app()->getLocale(), ['ar']) ? 'toast-top-left' : 'toast-top-right' }}',
        timeOut: 5000,
        rtl: {{ in_array(app()->getLocale(), ['ar']) ? 'true' : 'false' }}
    };

    // Flash messages from session
    @if(session('success'))
        toastr.success(@json(session('success')));
    @endif
    @if(session('error'))
        toastr.error(@json(session('error')));
    @endif
    @if(session('warning'))
        toastr.warning(@json(session('warning')));
    @endif
    @if(session('info'))
        toastr.info(@json(session('info')));
    @endif

    // SweetAlert delete confirmation helper
    window.confirmDelete = function(formSelector) {
        Swal.fire({
            title: '{{ __('admin.are_you_sure') }}',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#dc3545',
            cancelButtonColor: '#6c757d',
            confirmButtonText: '{{ __('admin.confirm') }}',
            cancelButtonText: '{{ __('admin.cancel') }}'
        }).then(r => { if (r.isConfirmed) document.querySelector(formSelector).submit(); });
    };

    /* === Notifications bell === */
    @auth
    (function () {
        const $badge  = $('#notifBadge');
        const $list   = $('#notifList');
        const $header = $('#notifHeader');
        const url = '{{ route('admin.notifications.recent') }}';

        function fmtItem(n) {
            return `
                <a href="${n.url || '#'}" class="dropdown-item notif-item" data-id="${n.id}">
                    <i class="fas fa-${n.icon} text-${n.color} mx-1"></i>
                    <b>${$('<span>').text(n.title).html()}</b>
                    <span class="float-${'{{ $isRtl ?? true ? "left" : "right" }}'} text-muted text-sm">${n.created_at}</span>
                    <p class="mb-0 small text-muted">${$('<span>').text(n.body).html()}</p>
                </a>`;
        }

        function load() {
            $.get(url).done(d => {
                if (d.count > 0) $badge.text(d.count).show();
                else $badge.hide();
                if (! d.items.length) {
                    $header.text('لا توجد إشعارات جديدة');
                    $list.html('');
                } else {
                    $header.text(`عندك ${d.count} إشعار${d.count > 10 ? '— أحدث 10' : ''}`);
                    $list.html(d.items.map(fmtItem).join(''));
                }
            }).fail(() => {});
        }

        $(document).on('click', '.notif-item', function () {
            $.post('{{ url('admin/notifications') }}/' + $(this).data('id') + '/read', { _token: '{{ csrf_token() }}' });
        });

        load();
        setInterval(load, 60000);  // poll every 60s
    })();
    @endauth
</script>

@stack('scripts')