@php
    $resourceNavs = $aNavs->filter(fn($nav) => \App\Services\ResourcePages::supports($nav->sSlug));
@endphp
<header class="header">
   <nav class="navbar navbar-expand-xl shadow" id="header">
      <div class="container">
         <a href="/" rel="home" class="logo navbar-brand order-2 order-xl-1{{ config('app.site_code_short') === 'cfn' ? ' cfn-brand' : '' }}">
         @if(config('app.site_code_short') === 'cfn')
             @include('components.cfn-brand')
         @else
         <img style="border-radius:8px;" src="/sites/{{ config('app.site_code_short') }}/images/logo/logo.png"
            class="d-inline-block logo-light nc-no-lazy"
            alt="{{ config('app.name') }}">
         <img style="border-radius:8px;" src="/sites/{{ config('app.site_code_short') }}/images/logo/logo.png"
            class="d-none logo-dark nc-no-lazy"
            alt="{{ config('app.name') }}">
         @endif
         </a>
         <button class="btn btn-link btn-icon btn-sm btn-rounded navbar-toggler order-1" type="button"
            id="sidebarCollapse" aria-label="打开导航菜单" aria-controls="mobile-navigation" aria-expanded="false">
         <span><i class="iconfont icon-menu"></i></span>
         </button>

         <div class="mobile-header-actions d-flex d-xl-none align-items-center order-3">
         @include('components.theme-toggle')
         <button class="btn btn-link btn-icon btn-sm btn-rounded navbar-toggler nav-search collapsed"
            data-bs-target="#navbar-search" data-bs-toggle="collapse" aria-expanded="false"
            aria-controls="navbar-search">
         <span>
         <i class="iconfont icon-search"></i>
         <i class="iconfont icon-close"></i>
         </span>
         </button>
         </div>
         <div class="collapse navbar-collapse order-xl-2">
            <ul class="navbar-nav main-menu ms-4 me-auto">

            @foreach($aNavs as $oNav)

                @php
                    $navPath = \App\Services\Seo::categoryPath($oNav);
                    $bIsMatched = $navPath === '/' ? request()->is('/') : (request()->is(ltrim($navPath, '/')) || request()->is(ltrim($navPath, '/') . '/*'));
                    $sActiveAttr = $bIsMatched ? 'menua-checked' : '';
                @endphp

                <li class=" menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent {{ $oNav->aChildren->isNotEmpty() ? 'menu-item-has-children' : '' }}">
                    <a class="menua {{ $sActiveAttr }}" href="{{ url($navPath) }}">
                        <i class="{{ $oNav->sHtmlClass }} nav-category-icon" aria-hidden="true"></i>
                        <span class="nav-category-label">{{ $oNav->sName }}</span>
                    </a>
                    
                    @if($oNav->aChildren->isNotEmpty())
                        <div class="submenu-arrow iconfont icon-jiantou1"></div>
                        <ul class="sub-menu">
                            @foreach($oNav->aChildren as $oSub)
                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a class="menuaSub" href="{{ url($oNav->sSlug.'/'.$oSub->sSlug) }}">{{ $oSub->sName }}</a></li>
                            @endforeach
                        </ul>
                    @endif
                </li>
            @endforeach
            @if($resourceNavs->isNotEmpty())
                @include('components.resource-history-menu', ['mobileHistoryMenu' => false])
            @endif
               
            </ul>
            <ul class="navbar-nav align-items-center">
               <li class="nav-item me-2 me-md-3">
                @include('components.telegram-link')
                <a href="{{ config('path.url_github_href') }}" target="_blank" rel="noopener noreferrer">
                    <button class="btn btn-link btn-icon btn-sm btn-rounded nav-search collapsed">
                    <span>
                        <i class="iconfont icon-github-fill"></i>
                    </span>
                    </button>
                </a>

                @include('components.theme-toggle')
                <button class="btn btn-link btn-icon btn-sm btn-rounded nav-search collapsed"
                 data-bs-toggle="collapse" data-bs-target="#navbar-search" aria-expanded="false"
                 aria-controls="navbar-search">
                <span>
                <i class="iconfont icon-search"></i>
                <i class="iconfont icon-close"></i>
                </span>
                </button>
               </li>
            </ul>
         </div>
      </div>
   </nav>
   <div class="mobile-sidebar" id="mobile-navigation" aria-hidden="true">
      <div class="mobile-sidebar-inner">
         <div class="mobile-sidebar-header text-end p-3">
            <button type="button" class="btn btn-text btn-icon btn-rounded sidebar-close" aria-label="关闭导航菜单">
            <span><i class="text-xl iconfont icon-close-circle-fill"></i></span>
            </button>
         </div>
         <div class="mobile-sidebar-menu">
            <ul class="mobile-menu-inner">
                @foreach($aNavs as $oNav)
                <li class="menu-item menu-item-type-taxonomy menu-item-object-category {{ $oNav->aChildren->isNotEmpty() ? 'menu-item-has-children' : '' }}">
                     <a href="{{ url(\App\Services\Seo::categoryPath($oNav)) }}">
                         <i class="{{ $oNav->sHtmlClass }} nav-category-icon" aria-hidden="true"></i>
                         <span class="nav-category-label">{{ $oNav->sName }}</span>
                     </a>
                    @if($oNav->aChildren->isNotEmpty())
                    <ul class="sub-menu">
                        @foreach($oNav->aChildren as $oSub)
                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a class="menuaSub" href="{{ url($oNav->sSlug.'/'.$oSub->sSlug) }}">{{ $oSub->sName }}</a></li>
                        @endforeach
                    </ul>
                    @endif
                </li>
                @endforeach
                @if($resourceNavs->isNotEmpty())
                    @include('components.resource-history-menu', ['mobileHistoryMenu' => true])
                @endif
            </ul>
         </div>
         <div class="mobile-sidebar-social-links" role="navigation" aria-label="社区链接">
             @include('components.telegram-link', ['telegramLabel' => 'Telegram频道'])
             <a href="{{ config('path.url_github_href') }}" target="_blank" rel="noopener noreferrer"
                class="btn btn-link mobile-sidebar-social-link mobile-github-link" aria-label="Github地址（新窗口打开）" title="Github地址">
                 <span class="mobile-sidebar-social-link__icon"><i class="iconfont icon-github-fill" aria-hidden="true"></i></span>
                 <span>Github地址</span>
             </a>
         </div>
         <div class="py-5"></div>
      </div>
   </div>
   <div class="navbar-search collapse " id="navbar-search">
      <div class="container">
         <form method="get" role="search" id="searchform" action="/">
            <div class="search-form">
               <input type="text" class="search-input form-control form-control-lg" name="s" id="s"
                  placeholder="请输入搜索关键词并按回车键…">
               <i class="search-toggle iconfont icon-search"></i>
            </div>
         </form>
      </div>
   </div>
</header>