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

{{-- Alpine.js --}}
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>

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

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

{{-- DataTables --}}
<script src="https://cdn.datatables.net/1.13.10/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/fixedheader/3.4.0/js/dataTables.fixedHeader.min.js"></script>
<script src="https://cdn.datatables.net/fixedcolumns/4.3.0/js/dataTables.fixedColumns.min.js"></script>

{{-- Summernote --}}
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.20/dist/summernote-lite.min.js"></script>

{{-- Nepali Date Picker --}}
<script src="https://nepalidatepicker.sajanmaharjan.com.np/v5/nepali.datepicker/js/nepali.datepicker.v5.0.6.min.js"
    type="text/javascript"></script>

{{-- Swiper --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.5/swiper-bundle.min.js"></script>

{{-- Treegrid --}}
<script src="{{ asset('plugins/treegrid/jquery.treegrid.min.js') }}"></script>

{{-- Flowbite (only once) --}}
<script src="https://unpkg.com/flowbite@latest/dist/flowbite.js"></script>

<script>
    (function() {
        const html = document.documentElement;
        const storageKey = "__PROJECT_CONFIG__";
        const savedConfig = sessionStorage.getItem(storageKey);

        // Default config
        const defaultConfig = {
            dir: "ltr",
            theme: "light",
            sidenav: {
                color: "light",
                size: "default",
            },
        };

        // Build config from HTML attributes
        function getSystemTheme() {
            return window.matchMedia('(prefers-color-scheme: dark)').matches ? "dark" : "light";
        }

        // Build config from HTML attributes
        const htmlConfig = {
            dir: html.getAttribute("dir") || defaultConfig.dir,

            theme: html.getAttribute("data-theme") === 'system' ?
                getSystemTheme() : html.getAttribute("data-theme") || (defaultConfig.theme === 'system' ?
                    getSystemTheme() :
                    defaultConfig.theme),
            sidenav: {
                color: html.getAttribute("data-sidenav-color") || defaultConfig.sidenav.color,
                size: html.getAttribute("data-sidenav-size") || defaultConfig.sidenav.size,
            },
        };

        // Save merged config as defaults globally
        window.defaultConfig = structuredClone(htmlConfig);

        // Load from session if exists
        let config = savedConfig ? JSON.parse(savedConfig) : htmlConfig;
        window.config = config;

        // Apply layout attributes immediately
        html.setAttribute("dir", config.dir);
        html.setAttribute("data-theme", config.theme);
        html.setAttribute("data-sidenav-color", config.sidenav.color);

        if (config.sidenav.size) {
            let size = config.sidenav.size;

            if (window.innerWidth <= 1140) {
                size = "offcanvas";
            }

            html.setAttribute("data-sidenav-size", size);
        }
    })();
</script>

<script>
    /* --------------------------------------------------------
        ALPINE SIDEBAR STATE
    -------------------------------------------------------- */
    function sidebarState() {
        return {
            sidebarOpen: window.innerWidth >= 1024,
            sidebarCollapsed: false,
            sidebarHovered: false,
            init() {
                window.addEventListener("resize", () => {
                    this.sidebarOpen = window.innerWidth >= 1024;
                });
            }
        };
    }

    /* --------------------------------------------------------
        SELECT2 + SUMMERNOTE INITIALIZATION
    -------------------------------------------------------- */
    $(document).ready(function() {
        $('.select, .select-multi').select2({
            theme: 'tailwindcss-3'
        });
    });

    /* --------------------------------------------------------
        ENGLISH → NEPALI NUMBER CONVERSION
    -------------------------------------------------------- */
    function convertEnglishToNepaliNumbers(number) {
        const englishDigits = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
        const nepaliDigits = ['०', '१', '२', '३', '४', '५', '६', '७', '८', '९'];

        return number.toString().split('').map(d => nepaliDigits[englishDigits.indexOf(d)] || d).join('');
    }

    /* --------------------------------------------------------
        TOAST FUNCTIONS
    -------------------------------------------------------- */
    function successToast(message) {
        Swal.fire({
            icon: "success",
            title: message,
            toast: true,
            position: "top-end",
            timer: 3000,
            showConfirmButton: false,
            timerProgressBar: true
        });
    }

    function errorToast(message) {
        Swal.fire({
            icon: "error",
            title: message,
            toast: true,
            position: "top-end",
            timer: 3000,
            showConfirmButton: false,
            timerProgressBar: true
        });
    }

    function warningToast(message) {
        Swal.fire({
            icon: "warning",
            title: message,
            toast: true,
            position: "top-end",
            timer: 3000,
            showConfirmButton: false,
            timerProgressBar: true
        });
    }

    /* --------------------------------------------------------
        SESSION TOAST HANDLERS
    -------------------------------------------------------- */
    @if (Session::has('success'))
        successToast('{{ Session::get('success') }}');
        @php Session::forget('success'); @endphp
    @endif

    @if (Session::has('error'))
        errorToast('{{ Session::get('error') }}');
        @php Session::forget('error'); @endphp
    @endif

    @if (Session::has('warning'))
        warningToast('{{ Session::get('warning') }}');
        @php Session::forget('warning'); @endphp
    @endif

    function generateSlug(text) {
        return text
            .toLowerCase()
            .trim()
            .replace(/[^a-z0-9\s-]/g, '')
            .replace(/\s+/g, '-')
            .replace(/-+/g, '-');
    }
</script>

@vite(['resources/js/app.js'])

@yield('scripts')
@stack('scripts')