@php
    $driver = config('notify.driver', 'toastr');
    $position = config('notify.position', 'top-right');
    $duration = config('notify.duration', 5000);
    $stack = config('notify.stack', true);
    $assets = config('notify.assets', 'cdn');
    $swalConfirm = config('notify.confirm', []);
    $notifications = session('notifications', []);
@endphp

{{-- Assets (CDN) --}}
@if($assets === 'cdn')
    {{-- jQuery for Toastr (only loaded if driver === 'toastr') --}}
    @if($driver === 'toastr')
        <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css"/>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    @elseif($driver === 'notyf')
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css"/>
        <script src="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.js"></script>
    @endif

    {{-- SweetAlert2 always loaded (for confirm + optional toast driver) --}}
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.all.min.js"></script>
@else
    {{-- If 'local' assets, assume you placed them in public/vendor/notify/... --}}
    @if($driver === 'toastr')
        <script src="{{ asset('vendor/notify/jquery.min.js') }}"></script>
        <link rel="stylesheet" href="{{ asset('vendor/notify/toastr.min.css') }}"/>
        <script src="{{ asset('vendor/notify/toastr.min.js') }}"></script>
    @elseif($driver === 'notyf')
        <link rel="stylesheet" href="{{ asset('vendor/notify/notyf.min.css') }}"/>
        <script src="{{ asset('vendor/notify/notyf.min.js') }}"></script>
    @endif
    <script src="{{ asset('vendor/notify/sweetalert2.min.js') }}"></script>
@endif

<script>
    (function () {
        // Configuration from server
        const notifyConfig = {
            driver: @json($driver),
            position: @json($position),
            duration: @json($duration),
            stack: @json($stack),
            swalConfirm: @json($swalConfirm)
        };

        // Helper - map our unified types to librarie-specific calls
        function fireNotification(note) {
            const type = note.type || 'info';
            const message = note.message || '';
            const title = note.title || '';

            if (notifyConfig.driver === 'toastr') {
                // Toastr expects classes like toastr.success, toastr.error etc.
                if (typeof toastr !== 'undefined') {
                    // configure toastr
                    toastr.options = {
                        "closeButton": true,
                        "debug": false,
                        "newestOnTop": notifyConfig.stack,
                        "progressBar": true,
                        "positionClass": notifyConfig.position === 'top-right' ? 'toast-top-right' : 'toast-top-left',
                        "preventDuplicates": false,
                        "timeOut": notifyConfig.duration.toString(),
                        "extendedTimeOut": "1000"
                    };
                    toastr[type](message, title);
                }
            } else if (notifyConfig.driver === 'notyf') {
                if (typeof Notyf !== 'undefined' || typeof notyf !== 'undefined') {
                    // instantiate Notyf
                    const n = new Notyf({
                        duration: notifyConfig.duration,
                        ripple: true,
                        dismissible: true,
                        position: {
                            x: notifyConfig.position.includes('right') ? 'right' : 'left',
                            y: notifyConfig.position.includes('top') ? 'top' : 'bottom'
                        }
                    });

                    if (type === 'success') n.success(message);
                    else if (type === 'error') n.error(message);
                    else if (type === 'warning') n.open({type: 'warning', message});
                    else n.open({type: 'info', message});
                }
            } else if (notifyConfig.driver === 'swal') {
                // SweetAlert2 toast mode
                Swal.fire({
                    toast: true,
                    position: notifyConfig.position.replace('-', ' '),
                    icon: type,
                    title: title || message,
                    showConfirmButton: false,
                    timer: notifyConfig.duration,
                    timerProgressBar: true,
                });
            } else {
                // fallback: simple alert
                alert(type.toUpperCase() + ': ' + message);
            }
        }

        // Fire all notifications in session (stacked if allowed)
        const notifications = @json($notifications, JSON_UNESCAPED_UNICODE);
        if (notifications && notifications.length) {
            notifications.forEach(function(note, idx) {
                // If stack = false, show them sequentially with delay (replace) - but config says we want stacked so this is fine
                fireNotification(note);
            });
        }

        // Automatically convert Laravel validation errors to notifications (if any)
        @if ($errors->any())
            @php
                $errs = $errors->all();
            @endphp
            @foreach ($errs as $err)
                fireNotification({type: 'error', message: {!! json_encode($err) !!}});
            @endforeach
        @endif

        // SweetAlert2 confirm helper for client-side confirm flows
        // Usage: <button data-confirm="Are you sure?" data-confirm-type="delete" data-confirm-form="#deleteForm">Delete</button>
        document.addEventListener('click', function (e) {
            const target = e.target.closest('[data-confirm]');
            if (!target) return;
            e.preventDefault();

            const message = target.getAttribute('data-confirm') || notifyConfig.swalConfirm.title;
            const confirmBtn = target.getAttribute('data-confirm-yes') || notifyConfig.swalConfirm.confirmButtonText;
            const cancelBtn = target.getAttribute('data-confirm-no') || notifyConfig.swalConfirm.cancelButtonText;
            const icon = target.getAttribute('data-confirm-icon') || notifyConfig.swalConfirm.icon || 'warning';
            const formSelector = target.getAttribute('data-confirm-form'); // optional selector to submit
            const href = target.getAttribute('href'); // optional link to follow

            Swal.fire({
                title: message,
                icon: icon,
                showCancelButton: true,
                confirmButtonText: confirmBtn,
                cancelButtonText: cancelBtn,
            }).then((result) => {
                if (result.isConfirmed) {
                    if (formSelector) {
                        const form = document.querySelector(formSelector);
                        if (form) form.submit();
                    } else if (href) {
                        window.location.href = href;
                    } else {
                        // If neither, and button is inside a form, submit parent form
                        const parentForm = target.closest('form');
                        if (parentForm) parentForm.submit();
                    }
                }
            });
        }, false);

    })();
</script>