{{-- LRMIS SIDEBAR OVERLAY --}}
<div id="lrmis-sidebar-overlay"></div>

{{-- LRMIS SIDEBAR --}}
<aside class="newnavbar-bg sidenav navbar navbar-vertical navbar-expand-xs border-radius-xl fixed-start ms-3"
    id="lrmis-sidebar" style="height:auto;">

    <div class="sidenav-height justify-content-center align-items-center"
        style="margin-top: 1rem; margin-bottom: 1rem;">

        {{-- SIDEBAR HEADER / LOGO --}}
        <div class="d-flex justify-content-center align-items-center" style="margin-top: 1rem;">
            <a href="{{ url('/index') }}">
                <img id="logo" src="{{ asset('assets/image/logo/LRMIS_Logo_Black.png') }}"
                    style="height: 120px; width: auto; max-width: 100%; object-fit: contain;" alt="LRMIS Logo">
            </a>
        </div>

        {{-- SIDEBAR NAVIGATION ITEMS --}}
        <div class="collapse navbar-collapse w-auto overflow-hidden" style="height:auto;" id="sidenav-collapse-main">
            <ul class="navbar-nav d-flex flex-column overflow-hidden">

                {{-- DASHBOARD --}}
                <li class="nav-item">
                    <a class="navbar-btn navbar-newcss-text {{ request()->is('pages/dashboard') ? 'active' : '' }}"
                        href="{{ url('../pages/dashboard') }}">
                        <div class="text-center me-2 d-flex align-items-center justify-content-center">
                            <i class="material-icons opacity-10">dashboard</i>
                        </div>
                        <span id="txtDashboard" class="ms-1">Dashboard</span>
                    </a>
                </li>

                {{-- LEARNING RESOURCES SECTION --}}
                <li class="nav-item mt-3">
                    <h6 class="ps-4 ms-2 text-uppercase text-xs font-weight-bolder opacity-8 navbar-newcss-text">
                        Learning Resources</h6>
                </li>

                {{-- ALLOCATIONS --}}
                <li class="nav-item">
                    <a class="navbar-btn navbar-newcss-text {{ request()->is('pages/allocations-two') ? 'active' : '' }}"
                        href="{{ route('pages.allocations-two') }}">
                        <div class="text-center me-1 d-flex align-items-center justify-content-center">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                <path fill="currentColor"
                                    d="M3 16h5v-2H3zm6.5 0h5v-2h-5zm6.5 0h5v-2h-5zM3 20h2v-2H3zm4 0h2v-2H7zm4 0h2v-2h-2zm4 0h2v-2h-2zm4 0h2v-2h-2zM3 12h8v-2H3zm10 0h8v-2h-8zM3 4v4h18V4z" />
                            </svg>
                        </div>
                        <span class="txtAllocations ms-1">Allocations</span>
                    </a>
                </li>

                {{-- DELIVERY ACCEPTANCE (Authority Level 3 & 4 only) --}}
                {{--  @if(in_array(session('authority_level'), $deliveryAcceptanceShortcodes))
                    <li class="nav-item">
                        <a class="navbar-btn navbar-newcss-text {{ request()->is('pages/delivery-acceptance') ? 'active' : '' }}"
                            href="{{ route('pages.delivery-acceptance.DeliveryAcceptanceForms') }}">
                            <div class="text-center me-2 d-flex align-items-center justify-content-center"
                                style="width: 20px;">
                                <i class="fa-solid fa-clipboard-check" style="color: white; font-size: 16px;"></i>
                            </div>
                            <span class="txtAllocations ms-1">Delivery Acceptance</span>
                        </a>
                    </li>
                @endif --}}

                {{-- ADD NEW RESOURCE (School Levels Only) --}}
                @php $shortcode = session('shortcode'); @endphp
                @if(in_array($shortcode, $schoolLevelShortcodes))
                    <li class="nav-item">
                        <a class="navbar-btn navbar-newcss-text {{ request()->is('pages/add-resources') ? 'active' : '' }}"
                            href="{{ url('../pages/add-resources') }}">
                            <div class="text-center me-2 d-flex align-items-center justify-content-center">
                                <i class="material-icons opacity-10">addchart</i>
                            </div>
                            <span id="txtAddNewRcs" class="ms-1">Add New Resource</span>
                        </a>
                    </li>
                @endif

                {{-- RESOURCES (Authority-Level Aware) --}}
                @if(session('authority_level') == 1)
                    {{-- Central Office: All Resources --}}
                    <li class="nav-item">
                        <a class="navbar-btn navbar-newcss-text {{ request()->is('pages/all-resource') ? 'active' : '' }}"
                            href="{{ url('../pages/all-resource') }}">
                            <div class="text-center me-2 d-flex align-items-center justify-content-center">
                                <i class="material-icons opacity-10">table_view</i>
                            </div>
                            <span class="txtRcsOne ms-1">Resources</span>
                        </a>
                    </li>

                @elseif(session('authority_level') == 2)
                    {{-- Regional Office: Regional Resources --}}
                    <li class="nav-item">
                        <a class="navbar-btn navbar-newcss-text {{ request()->is('pages/region-resource') ? 'active' : '' }}"
                            href="{{ url('../pages/region-resource') }}">
                            <div class="text-center me-2 d-flex align-items-center justify-content-center">
                                <i class="material-icons opacity-10">table_view</i>
                            </div>
                            <span class="txtRcsOne ms-1">Resources</span>
                        </a>
                    </li>

                @else
                    {{-- School Division & Below: Collapsible Resources --}}
                    <li class="nav-item">
                        <a class="navbar-btn" id="resourcesToggle" role="button" data-bs-toggle="collapse">
                            <div class="text-center me-2 d-flex align-items-center justify-content-center">
                                <i class="material-icons opacity-10">table_view</i>
                            </div>
                            <span class="txtRcsOne ms-1">Resources</span>
                        </a>
                        <div class="collapse" id="resourcesCollapse">
                            <ul class="newsubmenu">
                                <li class="navbar-btn-resources mx-2 mb-1 navbar-newcss-text {{ request()->is('pages/school-resources') ? 'active' : '' }}"
                                    style="border-radius: 5px;" id="school-resources-link">
                                    <a id="txtSchoolRscs" href="{{ url('/pages/school-resources') }}">School Resources</a>
                                </li>
                                <li class="navbar-btn-resources mx-2 navbar-newcss-text {{ request()->is('pages/lr-hubs') ? 'active' : '' }}"
                                    style="border-radius: 5px;" id="lr-hubs-link">
                                    <a id="txtLRHub" href="{{ url('/pages/lr-hubs') }}">LR Hub</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                @endif

                {{-- GENERATE REPORT --}}
                <li class="nav-item">
                    <a class="navbar-btn" id="reportsToggle" role="button" data-bs-toggle="collapse">
                        <div class="text-center me-2 d-flex align-items-center justify-content-center">
                            <i class="material-icons opacity-10">summarize</i>
                        </div>
                        <span id="txtGreport" class="ms-1">Generate Report</span>
                    </a>
                    <div class="collapse" id="reportsCollapse">
                        <ul class="newsubmenu">
                            {{-- Visual Reports (CO only) --}}
                            @if(in_array(session('shortcode'), $visualReportsShortcodes))
                                <li class="navbar-btn-resources mx-2 mb-1 navbar-newcss-text {{ request()->is('pages/visual-reports-main') ? 'active' : '' }}"
                                    style="border-radius: 5px;" id="visual-reports-link">
                                    <a href="{{ route('pages.visual-reports-main') }}">Visual Reports</a>
                                </li>
                            @endif

                            {{-- Learning Resource Reports (All users) --}}
                            <li class="navbar-btn-resources mx-2 navbar-newcss-text {{ request()->is('report/lr') ? 'active' : '' }}"
                                style="border-radius: 5px;" id="generate-reports-link">
                                <a href="{{ route('report.learning.resource') }}">Learning Resource Reports</a>
                            </li>
                        </ul>
                    </div>
                </li>

                {{-- USER MANAGEMENT SECTION --}}
                <li class="nav-item mt-3">
                    <h6 class="ps-4 ms-2 text-uppercase text-xs font-weight-bolder opacity-8 navbar-newcss-text">User
                        Management</h6>
                </li>

                {{-- USER LIST --}}
                <li class="nav-item">
                    <a class="navbar-btn navbar-newcss-text {{ request()->is('pages/user-profile') ? 'active' : '' }}"
                        href="{{ url('../pages/user-profile') }}">
                        <div class="text-center me-2 d-flex align-items-center justify-content-center">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 640 512">
                                <path fill="currentColor"
                                    d="M144 160a80 80 0 1 0 0-160a80 80 0 1 0 0 160m368 0a80 80 0 1 0 0-160a80 80 0 1 0 0 160M0 298.7C0 310.4 9.6 320 21.3 320h214c-26.6-23.5-43.3-57.8-43.3-96c0-7.6.7-15 1.9-22.3c-13.6-6.3-28.7-9.7-44.6-9.7h-42.7C47.8 192 0 239.8 0 298.7M320 320c24 0 45.9-8.8 62.7-23.3c2.5-3.7 5.2-7.3 8-10.7c2.7-3.3 5.7-6.1 9-8.3C410 262.3 416 243.9 416 224c0-53-43-96-96-96s-96 43-96 96s43 96 96 96m65.4 60.2c-10.3-5.9-18.1-16.2-20.8-28.2H261.4C187.7 352 128 411.7 128 485.3c0 14.7 11.9 26.7 26.7 26.7h300.6c-2.1-5.2-3.2-10.9-3.2-16.4v-3c-1.3-.7-2.7-1.5-4-2.3l-2.6 1.5c-16.8 9.7-40.5 8-54.7-9.7c-4.5-5.6-8.6-11.5-12.4-17.6l-.1-.2l-.1-.2l-2.4-4.1l-.1-.2l-.1-.2c-3.4-6.2-6.4-12.6-9-19.3c-8.2-21.2 2.2-42.6 19-52.3l2.7-1.5v-4.6l-2.7-1.5zM533.3 192h-42.7c-15.9 0-31 3.5-44.6 9.7c1.3 7.2 1.9 14.7 1.9 22.3c0 17.4-3.5 33.9-9.7 49c2.5.9 4.9 2 7.1 3.3l2.6 1.5c1.3-.8 2.6-1.6 4-2.3v-3c0-19.4 13.3-39.1 35.8-42.6c7.9-1.2 16-1.9 24.2-1.9s16.3.6 24.2 1.9c22.5 3.5 35.8 23.2 35.8 42.6v3c1.3.7 2.7 1.5 4 2.3l2.6-1.5c16.8-9.7 40.5-8 54.7 9.7c2.3 2.8 4.5 5.8 6.6 8.7c-2.1-57.1-49-102.7-106.6-102.7zm91.3 163.9c6.3-3.6 9.5-11.1 6.8-18c-2.1-5.5-4.6-10.8-7.4-15.9l-2.3-4c-3.1-5.1-6.5-9.9-10.2-14.5c-4.6-5.7-12.7-6.7-19-3l-2.9 1.7c-9.2 5.3-20.4 4-29.6-1.3s-16.1-14.5-16.1-25.1v-3.4c0-7.3-4.9-13.8-12.1-14.9c-6.5-1-13.1-1.5-19.9-1.5s-13.4.5-19.9 1.5c-7.2 1.1-12.1 7.6-12.1 14.9v3.4c0 10.6-6.9 19.8-16.1 25.1s-20.4 6.6-29.6 1.3l-2.9-1.7c-6.3-3.6-14.4-2.6-19 3c-3.7 4.6-7.1 9.5-10.2 14.6l-2.3 3.9c-2.8 5.1-5.3 10.4-7.4 15.9c-2.6 6.8.5 14.3 6.8 17.9l2.9 1.7c9.2 5.3 13.7 15.8 13.7 26.4s-4.5 21.1-13.7 26.4l-3 1.7c-6.3 3.6-9.5 11.1-6.8 17.9c2.1 5.5 4.6 10.7 7.4 15.8l2.4 4.1c3 5.1 6.4 9.9 10.1 14.5c4.6 5.7 12.7 6.7 19 3l2.9-1.7c9.2-5.3 20.4-4 29.6 1.3s16.1 14.5 16.1 25.1v3.4c0 7.3 4.9 13.8 12.1 14.9c6.5 1 13.1 1.5 19.9 1.5s13.4-.5 19.9-1.5c7.2-1.1 12.1-7.6 12.1-14.9V492c0-10.6 6.9-19.8 16.1-25.1s20.4-6.6 29.6-1.3l2.9 1.7c6.3 3.6 14.4 2.6 19-3c3.7-4.6 7.1-9.4 10.1-14.5l2.4-4.2c2.8-5.1 5.3-10.3 7.4-15.8c2.6-6.8-.5-14.3-6.8-17.9l-3-1.7c-9.2-5.3-13.7-15.8-13.7-26.4s4.5-21.1 13.7-26.4l3-1.7zM472 384a40 40 0 1 1 80 0a40 40 0 1 1-80 0" />
                            </svg>
                        </div>
                        <span id="txtUserList" class="ms-1">User List</span>
                    </a>
                </li>

                {{-- INCLUDE FILTER OPTIONS --}}
                @include('section.nav-filter')

                {{-- HELP & SUPPORT SECTION --}}
                <li class="nav-item mt-3">
                    <h6 class="ps-4 ms-2 text-uppercase text-xs font-weight-bolder opacity-8 navbar-newcss-text">Help &
                        Support</h6>
                </li>

                {{-- ACCESS REQUESTS --}}
                <!-- <li class="nav-item">
                    <a class="navbar-btn navbar-newcss-text" href="#"
                        target="_blank">
                        <div class="text-center me-2 d-flex align-items-center justify-content-center">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-door-open-fill" viewBox="0 0 16 16">
                                <path d="M1.5 15a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1H13V2.5A1.5 1.5 0 0 0 11.5 1H11V.5a.5.5 0 0 0-.57-.495l-7 1A.5.5 0 0 0 3 1.5V15zM11 2h.5a.5.5 0 0 1 .5.5V15h-1zm-2.5 8c-.276 0-.5-.448-.5-1s.224-1 .5-1 .5.448.5 1-.224 1-.5 1"/>
                            </svg>
                        </div>
                        <span id="txtAccessRequests" class="ms-1">Access Requests</span>
                    </a>
                </li> -->

                {{-- REPORT A PROBLEM --}}
                <li class="nav-item">
                    <a class="navbar-btn navbar-newcss-text" href="https://forms.cloud.microsoft/r/d0MnhQBqhn"
                        target="_blank">
                        <div class="text-center me-2 d-flex align-items-center justify-content-center">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                <path fill="currentColor"
                                    d="M12 21q-1.625 0-3.012-.8T6.8 18H5q-.425 0-.712-.288T4 17t.288-.712T5 16h1.1q-.075-.5-.088-1T6 14H5q-.425 0-.713-.288T4 13t.288-.712T5 12h1q0-.5.013-1t.087-1H5q-.425 0-.712-.288T4 9t.288-.712T5 8h1.8q.35-.575.788-1.075T8.6 6.05l-.925-.95Q7.4 4.825 7.4 4.413t.3-.713q.275-.275.7-.275t.7.275l1.45 1.45q.7-.225 1.425-.225t1.425.225l1.5-1.475q.275-.275.687-.275t.713.3q.275.275.275.7t-.275.7l-.95.95q.575.375 1.037.863T17.2 8H19q.425 0 .713.288T20 9t-.288.713T19 10h-1.1q.075.5.088 1T18 12h1q.425 0 .712.288T20 13t-.288.713T19 14h-1q0 .5-.012 1t-.088 1H19q.425 0 .713.288T20 17t-.288.713T19 18h-1.8q-.8 1.4-2.187 2.2T12 21m-1-5h2q.425 0 .713-.288T14 15t-.288-.712T13 14h-2q-.425 0-.712.288T10 15t.288.713T11 16m0-4h2q.425 0 .713-.288T14 11t-.288-.712T13 10h-2q-.425 0-.712.288T10 11t.288.713T11 12" />
                            </svg>
                        </div>
                        <span id="txtProblem" class="ms-1">Report a Problem</span>
                    </a>
                </li>

                {{-- USERS MANUAL --}}
                <li class="nav-item">
                    <a class="navbar-btn navbar-newcss-text"
                        href="https://depedph-my.sharepoint.com/:f:/g/personal/lrmis_deped_gov_ph/IgCzF4uZSamZSYMya_aCjVpXAT67R53eGJIJFlAV8s0IRVc?e=VjvbYj"
                        target="_blank">
                        <div class="text-center me-2 d-flex align-items-center justify-content-center">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
                                class="bi bi-book-fill" viewBox="0 0 16 16">
                                <path
                                    d="M8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783" />
                            </svg>
                        </div>
                        <span id="txtManual" class="ms-1">Users Manual</span>
                    </a>
                </li>

            </ul>

            {{-- STATION LOGO DISPLAY --}}
            <div style="text-align:center; margin-top: 1em; margin-bottom: 1.2em;">
                @if ($profileService->stationLogoPic && file_exists(public_path($imageStationPath . $profileService->stationLogoPic)))
                    <img src="{{ asset($imageStationPath . $profileService->stationLogoPic) }}" alt="Logo Picture"
                        class="logopic_" style="width:auto; height: 100px; background-color: white;">
                @else
                    <i class="fas fa-image" style="font-size: 100px; color: white;"></i>
                @endif
            </div>

        </div>
    </div>
</aside>

{{-- MAIN CONTENT AREA --}}
<main class="main-content" style="overflow-x:hidden">

    {{-- TOP NAVBAR --}}
    <nav class="navbar navbar-main navbar-expand-lg px-0 shadow-none border-radius-xl header-nav mt-3"
        data-scroll="true">
        <div class="d-flex align-items-center justify-content-between w-100">

            {{-- HEADER CONTENT (LEFT) --}}
            <nav class="col-sm-6 inside-header-nav px-3 my-1" aria-label="breadcrumb">
                @if (session('authority_level') !== 1)
                    <h6 class="font-weight-bolder mb-0 welcometext" aria-current="page"
                        style="font-size: clamp(0.8125rem, 0.767rem + 0.2273vw, 0.9375rem); text-align: left; margin-left: 0.1em">
                        {{ session('station_name') }}
                    </h6>
                @else
                    <h6 class="font-weight-bolder mb-0 welcometext" aria-current="page"
                        style="font-size: clamp(0.8125rem, 0.767rem + 0.2273vw, 0.9375rem); text-align: left; margin-left: 0.1em">
                        Bureau of Learning Resources
                    </h6>
                @endif
                <strong id="txtModTitle" class="module-name"></strong>
            </nav>

            {{-- PROFILE MENU (RIGHT) --}}
            <div class="col-sm-6 px-2">
                @include('layout.my-profile')
            </div>
        </div>
    </nav>



{{-- ============================================================================
CONSOLIDATED STYLES
============================================================================ --}}
<style>
    /* SIDEBAR BASE STYLES */
    #logo {
        transition: transform 0.5s ease;
    }

    #logo:hover {
        transform: scale(1.1);
    }

    /* OVERLAY BACKDROP */
    #lrmis-sidebar-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        z-index: 1049;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    #lrmis-sidebar-overlay.visible {
        display: block;
        opacity: 1;
    }

    /* MOBILE SIDEBAR BEHAVIOR */
    @media (max-width: 1199.98px) {
        aside#lrmis-sidebar {
            position: fixed !important;
            top: 0;
            left: 0;
            height: 100vh !important;
            z-index: 1050;
            transform: translateX(-110%);
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: none;
            overflow-y: auto !important;
            overflow-x: hidden;
            margin: 0 !important;
            border-radius: 0 !important;
        }

        aside#lrmis-sidebar.lrmis-open {
            transform: translateX(0);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
        }

        aside#lrmis-sidebar .sidenav-height {
            min-height: 100%;
            padding-bottom: 1.5rem;
        }
    }
</style>

{{-- ============================================================================
CONSOLIDATED JAVASCRIPT - SIDEBAR TOGGLE & COLLAPSE MANAGEMENT
============================================================================ --}}
<script>
    (function () {
        // ========================================================================
        // SIDEBAR MOBILE TOGGLE
        // ========================================================================
        const sidebar = document.querySelector('#lrmis-sidebar');
        const burger = document.querySelector('[data-toggle="lrmis-sidebar"]');
        const overlay = document.getElementById('lrmis-sidebar-overlay');

        if (sidebar && burger && overlay) {
            function openSidebar() {
                sidebar.classList.add('lrmis-open');
                overlay.classList.add('visible');
                document.body.style.overflow = 'hidden';
            }

            function closeSidebar() {
                sidebar.classList.remove('lrmis-open');
                overlay.classList.remove('visible');
                document.body.style.overflow = '';
            }

            burger.addEventListener('click', function (e) {
                e.stopPropagation();
                sidebar.classList.contains('lrmis-open') ? closeSidebar() : openSidebar();
            });

            overlay.addEventListener('click', closeSidebar);

            document.addEventListener('keydown', function (e) {
                if (e.key === 'Escape') closeSidebar();
            });

            window.addEventListener('resize', function () {
                if (window.innerWidth >= 1200) closeSidebar();
            });
        }

        // ========================================================================
        // COLLAPSIBLE MENU MANAGEMENT (Resources & Reports)
        // ========================================================================
        $(document).ready(function () {
            const collapseConfigs = [
                {
                    toggleId: '#resourcesToggle',
                    collapseId: '#resourcesCollapse',
                    storageKey: 'resourcesCollapseState',
                    allowedPaths: ['/pages/school-resources', '/pages/lr-hubs'],
                    activeLinks: {
                        '/pages/school-resources': '#school-resources-link',
                        '/pages/lr-hubs': '#lr-hubs-link'
                    }
                },
                {
                    toggleId: '#reportsToggle',
                    collapseId: '#reportsCollapse',
                    storageKey: 'reportsCollapseState',
                    allowedPaths: ['/pages/learning-resource-reports-main', '/pages/visual-reports-main'],
                    activeLinks: {
                        '/pages/learning-resource-reports-main': '#generate-reports-link',
                        '/pages/visual-reports-main': '#visual-reports-link'
                    }
                }
            ];

            collapseConfigs.forEach(config => {
                const collapse = $(config.collapseId);
                const toggle = $(config.toggleId);
                const currentPath = window.location.pathname;
                const isAllowedPath = config.allowedPaths.includes(currentPath);
                const storedState = localStorage.getItem(config.storageKey);

                // Initialize collapse state
                if (!isAllowedPath) {
                    collapse.hide();
                    toggle.attr('aria-expanded', 'false');
                    localStorage.setItem(config.storageKey, 'hide');
                } else {
                    if (storedState === 'show') {
                        collapse.show();
                        toggle.attr('aria-expanded', 'true');
                    } else {
                        collapse.hide();
                        toggle.attr('aria-expanded', 'false');
                    }
                }

                // Apply active state to current link
                if (config.activeLinks[currentPath]) {
                    $(config.activeLinks[currentPath]).addClass('bg-gradient-info').find('a').css('color', '#fff');
                }

                // Toggle collapse on click
                toggle.on('click', function () {
                    const isExpanded = toggle.attr('aria-expanded') === 'true';

                    if (isExpanded) {
                        collapse.slideUp(200);
                        localStorage.setItem(config.storageKey, 'hide');
                        toggle.attr('aria-expanded', 'false');
                    } else {
                        collapse.slideDown(200);
                        localStorage.setItem(config.storageKey, 'show');
                        toggle.attr('aria-expanded', 'true');
                    }
                });
            });
        });
    })();
</script>