@extends('layout.layout')

@php
  $pageTitle = '網站導覽';
@endphp

@section('content')
<h2>{{$pageTitle}}<hr></h2>

<div class="row mb-3">
  <div class="col-md-12">
    <div class="card">
      <div class="card-body px-3">
        <p>本網站依無障礙網頁設計原則而建置，網站的主要樣版內容分為三個大區塊：</p>
        <p>上方選單連結區</p>
        <p>中間主要內容顯示區</p>
        <p>下方置底區塊</p>
        <p>本網站的便捷鍵（Accesskey，也稱為快速鍵）設定如下：</p>
        <p>Alt+U (IE), Alt+Shift+U (Firefox)：上方選單連結區，此區塊列有功能選單連結。</p>
        <p>Alt+C (IE), Alt+Shift+C (Firefox)：中間主要內容顯示區，此區塊呈現各網頁的資訊內容。</p>
        <p>Alt+B (IE), Alt+Shift+B (Firefox)：下方置底區塊，包括相關聯絡資訊、版權聲明等。</p>
      </div>
      <div class="card-body px-3">
        <ul class="list-group list-group-flush">
          @foreach($navbar as $menu)
          @if ($menu['order'] >= -1)
          <li class="list-group-item">
            @isset($menu['route'])
            <a href="{{route($menu['route'], $menu['params'])}}" class="text-primary" title="{{$menu['label']}}">{{$menu['label']}}</a>
            @else
            {{$menu['label']}}
            @endisset
            @if (count($menu['pages']))
            <ul>
              @foreach($menu['pages'] as $child)
              <li>
                <a href="{{route($child['route'], $child['params'])}}" class="text-primary" title="{{$child['label']}}">{{$child['label']}}</a>
              </li>
              @endforeach
            </ul>
            @endif
          </li>
          @endif
          @endforeach
        </ul>
      </div>
    </div>
  </div>
</div>
@endsection