@if($has_sidebar)
<aside id="sweb-sidebar">
  <div class="d-flex flex-column justify-content-between h-100">
    <div class="">
      @foreach($menus as $group)
        {{-- 添加判斷，如果 $group 為空，則不顯示那條線 --}}
        @if(count($group) > 0)
          @foreach($group as $menu)
            <div @class(['menu-item', $menu['active']])>
              <a href="{{ $menu['url'] ?? '#' }}" @class(['has-child' => count($menu['pages'])])>
                <i @class(['menu-icon', $menu['icon']])></i><span>{{ $menu['label'] }}</span>
              </a>
              <div class="submenu">
                @foreach($menu['pages'] as $child)
                  <a href="{{ $child['url'] ?? '#' }}" @class([$child['active']])>{{ $child['label'] }}</a>
                @endforeach
              </div>
              @if(count($menu['pages']))
                <div class="submenu-tip">
                  @foreach($menu['pages'] as $child)
                    <a href="{{ $child['url'] ?? '#' }}" class="">{{ $child['label'] }}</a>
                  @endforeach
                </div>
              @endif
            </div>
          @endforeach
          <div class="divider"></div>
        @endif
      @endforeach
    </div>
    <div class="agent_meta text-white">
      <div><a href="https://docs.google.com/spreadsheets/d/1-0e4xlxGlpgfAPtMZjgxR4j73N9e0sUzuwY0zUsfjp8/edit?usp=sharing" target="_blank">問題回報</a></div>
    </div>
  </div>
</aside>
@endif