{{-- resources/views/layouts/navbar.blade.php --}}
@php
$_navColor = config('app.navbar_color', '#212529');
// 計算亮度決定文字色（公式：YIQ）
$_hex = ltrim($_navColor, '#');
if (strlen($_hex) === 3) $_hex = $_hex[0].$_hex[0].$_hex[1].$_hex[1].$_hex[2].$_hex[2];
$_r = hexdec(substr($_hex,0,2)); $_g = hexdec(substr($_hex,2,2)); $_b = hexdec(substr($_hex,4,2));
$_yiq = (($_r * 299) + ($_g * 587) + ($_b * 114)) / 1000;
$_navTheme = $_yiq >= 128 ? 'navbar-light' : 'navbar-dark';
@endphp
<nav class="navbar navbar-expand-lg {{ $_navTheme }} shadow" style="background-color: {{ $_navColor }};" id="mainNavbar">
  <div class="container-fluid" style="padding-left:1.5rem; padding-right:1.5rem;">

    {{-- Brand / Toggler ------------------------------------------------ --}}
    @php
      $navLogo = file_exists(public_path('logo-nav.png')) ? '/logo-nav.png' : null;
    @endphp
    <a class="navbar-brand d-flex align-items-center gap-2" href="{{ route('dashboard') }}">
      @if($navLogo)
        <img src="{{ $navLogo }}?v={{ filemtime(public_path('logo-nav.png')) }}" alt="{{ config('app.company_name') }}"
             style="height:28px;width:auto;max-width:100px;object-fit:contain;">
      @else
        {{ config('app.company_name') }}
      @endif
    </a>

    {{-- macOS Safari 風格導航按鈕（Mac 主題才顯示） --}}
    <div id="macNavBtns" class="align-items-center me-3" style="gap:4px;">
      <button type="button" class="mac-nav-btn" id="macBtnBack" title="上一頁">
        <i class="bi bi-chevron-left"></i>
      </button>
      <button type="button" class="mac-nav-btn" id="macBtnForward" title="下一頁">
        <i class="bi bi-chevron-right"></i>
      </button>
      <a class="mac-nav-btn ms-1" href="{{ route('dashboard') }}" title="回首頁">
        <i class="bi bi-house-fill"></i>
      </a>
    </div>

    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMenu"
      aria-controls="navbarMenu" aria-expanded="false" aria-label="切換導覽">
      <span class="navbar-toggler-icon"></span>
    </button>

    {{-- Collapsible menu ----------------------------------------------- --}}
    <div class="collapse navbar-collapse" id="navbarMenu">
      <ul class="navbar-nav me-auto" style="font-size:.9rem;">
        @auth
          @php
            $role    = Auth::user()->role;
            $isAdmin = $role === 'admin';
            $user    = Auth::user();

            // ── can_use 權限 ──────────────────────────────────────────
            $canUseDevice  = $isAdmin || $user->hasModulePermission('DeviceRequestController');
            $canUseVpn     = $isAdmin || $user->hasModulePermission('VpnRequestController');
            $canUseVpnAcct = $isAdmin || $user->hasModulePermission('VpnAccountController');
            $canUseGitlab  = $isAdmin || $user->hasModulePermission('GitlabRequestController');
            $canUseRedmine = $isAdmin || $user->hasModulePermission('RedmineAccountRequestController');
            $canUseAsset   = $isAdmin || $user->hasModulePermission('AssetController');
            $canUseRepair  = $isAdmin || $user->hasModulePermission('RepairRequestController');
            $canUseProjMaintenance = $isAdmin || $user->hasModulePermission('ProjectController', 'projects.index');
            $canUseProjManagement  = $isAdmin || $user->hasModulePermission('ProjectController', 'projects.all');
            $canUseProject = $canUseProjMaintenance || $canUseProjManagement;
            $canUseClient  = $isAdmin || $user->hasModulePermission('ClientController');
            $canUseK6      = $isAdmin || $user->hasModulePermission('K6TestController');
            $canUseOvertime    = $isAdmin || $user->hasModulePermission('OvertimeRequestController');
            $canUseAccount     = $isAdmin || $user->hasModulePermission('AccountRequestController');
            $canUseHost        = $isAdmin || $user->hasModulePermission('HostController');
            $canUseLogAnalysis = $isAdmin || $user->hasModulePermission('LogAnalysisController');
            $canUseDocker    = $isAdmin || $user->hasModulePermission('DockerController');
            $canManageDocker = $isAdmin || $user->hasModuleAdminPermission('DockerController');
            $canUseVulnScan = $isAdmin || $user->hasModulePermission('VulnScanController');
            $canUseCodeScan = $isAdmin || $user->hasModulePermission('CodeScanController');
            $canUsePenTest  = $isAdmin || $user->hasModulePermission('PenTestController');
            $canUseReport      = $isAdmin || $user->hasModulePermission('TestReportController');
            $canUseManualGen   = $isAdmin || $user->hasModulePermission('ManualGeneratorController');
            $canUseCve     = $isAdmin || $user->hasModulePermission('CveController');
            $canUseGcb     = $isAdmin || $user->hasModulePermission('GcbController');
            $canUseSsl     = $isAdmin || $user->hasModulePermission('SslCsrController');
            $canUseStat        = $isAdmin || $user->hasModulePermission('StatisticController');
            $canUseAttendance      = $isAdmin || $user->hasModulePermission('AttendanceController');
            $canManageAttendance   = $isAdmin || $user->hasModuleAdminPermission('AttendanceController');
            $canUseTimeRecord      = $isAdmin || $user->hasModulePermission('TimeRecordController');
            $canUseTimeSheet       = $isAdmin || $user->hasModulePermission('TimeSheetController');
            $canManageTimeSheet    = $isAdmin || $user->hasModuleAdminPermission('TimeSheetController');
            $canUseIsms            = $isAdmin || $user->hasModulePermission('IsmsController');
            $canUsePsms            = $isAdmin || $user->hasModulePermission('PsmsController');
            $canManageIsms         = $isAdmin || $user->hasModuleAdminPermission('IsmsController');
            $canManagePsms         = $isAdmin || $user->hasModuleAdminPermission('PsmsController');
            $canUseLeave           = $isAdmin || $user->hasModulePermission('LeaveController');
            $canUseHandover        = $isAdmin || $user->hasModulePermission('HandoverController');
            $canManageLeave        = $isAdmin || $user->hasModuleAdminPermission('LeaveSettingController');
            // 有下屬的主管（supervisor_id 指向自己的 user 存在）
            $hasSubordinates       = \App\Models\User::where('supervisor_id', $user->id)->exists();
            $leaveApprovalCount    = 0;
            if ($hasSubordinates || $canManageLeave) {
                $leaveApprovalCount = \App\Models\LeaveRequest::query()
                    ->when($canManageLeave, fn($q) => $q->whereIn('status', ['pending','supervisor_approved'])->where('days', '>', 3)
                        ->union(\App\Models\LeaveRequest::where('status','pending')->where('days','<=',3)->whereHas('user', fn($u)=>$u->where('supervisor_id',$user->id)))
                    )
                    ->when(!$canManageLeave && $hasSubordinates, fn($q) =>
                        $q->where('status','pending')->where('days','<=',3)->whereHas('user', fn($u)=>$u->where('supervisor_id',$user->id))
                    )
                    ->count();
            }

            // ── is_admin 審核權限（限 supervisor / admin role） ────────
            $isSupervisorOrAdmin = in_array($role, ['supervisor', 'admin']);
            $canReviewOvertime = $isSupervisorOrAdmin && ($isAdmin || $user->hasModuleAdminPermission('OvertimeRequestController'));
            $canReviewDevice   = $isSupervisorOrAdmin && ($isAdmin || $user->hasModuleAdminPermission('DeviceRequestController'));
            $canReviewVpn      = $isSupervisorOrAdmin && ($isAdmin || $user->hasModuleAdminPermission('VpnRequestController'));
            $canReviewVpnAcct  = $isSupervisorOrAdmin && ($isAdmin || $user->hasModuleAdminPermission('VpnAccountController'));
            $canReviewGitlab   = $isSupervisorOrAdmin && ($isAdmin || $user->hasModuleAdminPermission('GitlabRequestController'));
            $canReviewRedmine  = $isSupervisorOrAdmin && ($isAdmin || $user->hasModuleAdminPermission('RedmineAccountRequestController'));
            $canReviewAccount  = $isSupervisorOrAdmin && ($isAdmin || $user->hasModuleAdminPermission('AccountRequestController'));
            $canReviewHandover = $isSupervisorOrAdmin
                || \App\Models\HandoverApproval::where('approver_id', $user->id)->exists();
          @endphp

          {{-- ===== 申請服務 ===== --}}
          @if ($canUseDevice || $canUseVpn || $canUseGitlab || $canUseRedmine || $canUseOvertime || $canUseAccount || $canUseAttendance || $canUseLeave || $canUseHandover)
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="serviceDropdown" data-bs-toggle="dropdown">
              <i class="bi bi-pencil-square me-1"></i>申請服務
            </a>
            <ul class="dropdown-menu" style="min-width: 240px;">
              {{-- 申請中心入口 --}}
              <li>
                <a class="dropdown-item fw-bold" href="{{ route('service-center') }}">
                  <i class="bi bi-grid-3x3-gap text-success me-1"></i> 申請服務中心
                </a>
              </li>
              <li><hr class="dropdown-divider"></li>

              {{-- ── 人事 ──────────────────────────────────────── --}}
              @if ($canUseAttendance || $canUseLeave || $canUseOvertime || $canUseHandover)
              <li class="dropdown-header">人事</li>
              @if ($canUseAttendance)
              <li><a class="dropdown-item {{ request()->routeIs('attendance.index') || request()->routeIs('attendance.store') ? 'active' : '' }}"
                     href="{{ route('attendance.index') }}">
                <i class="bi bi-clock me-2 text-muted"></i>簽到退
              </a></li>
              @endif
              @if ($canUseLeave)
              <li><a class="dropdown-item {{ request()->routeIs('leave.create') ? 'active' : '' }}"
                     href="{{ route('leave.create') }}">
                <i class="bi bi-calendar-plus me-2 text-muted"></i>申請請假
              </a></li>
              @endif
              @if ($canUseOvertime && $canReviewOvertime)
              <li><a class="dropdown-item" href="{{ route('overtime-requests.create') }}">
                <i class="bi bi-clock-history me-2 text-muted"></i>申請加班
              </a></li>
              @endif
              @if ($canUseHandover)
              <li><a class="dropdown-item" href="{{ route('handovers.index') }}">
                <i class="bi bi-person-dash me-2 text-muted"></i>調離職交接
              </a></li>
              @endif
              @endif

              {{-- ── 帳號服務 ───────────────────────────────────── --}}
              @if ($canUseVpn || $canUseGitlab || $canUseRedmine || $canUseAccount)
              <li><hr class="dropdown-divider"></li>
              <li class="dropdown-header">帳號服務</li>
              @if ($canUseVpn)
              <li><a class="dropdown-item" href="{{ route('vpn-requests.create') }}"><i class="bi bi-shield-lock me-2 text-muted"></i>申請 VPN 帳號</a></li>
              @endif
              @if ($canUseGitlab || $canUseRedmine)
              <li><a class="dropdown-item" href="{{ route('gitlab-requests.create') }}"><i class="bi bi-shield-check me-2 text-muted"></i>專案管理(GitLab)申請</a></li>
              @endif
              @if ($canUseAccount)
              <li><a class="dropdown-item" href="{{ route('account-requests.create') }}"><i class="bi bi-person-badge me-2 text-muted"></i>申請主機/信箱帳號</a></li>
              @endif
              @endif

              {{-- ── 設備 ──────────────────────────────────────── --}}
              @if ($canUseDevice)
              <li><hr class="dropdown-divider"></li>
              <li class="dropdown-header">設備</li>
              <li><a class="dropdown-item" href="{{ route('device-requests.menu') }}"><i class="bi bi-box-arrow-in-right me-2 text-muted"></i>設備攜出/入申請</a></li>
              @endif

            </ul>
          </li>
          @endif

          {{-- ===== 審核管理 ===== --}}
          @if ($canReviewDevice || $canReviewVpn || $canReviewGitlab || $canReviewRedmine || $canReviewHandover || $canReviewOvertime || $canReviewAccount || $hasSubordinates || $canManageLeave)
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="approvalDropdown" data-bs-toggle="dropdown">
              <i class="bi bi-clipboard-check me-1"></i>審核管理
            </a>
            <ul class="dropdown-menu" style="min-width: 240px;">
              {{-- 審核中心入口 --}}
              <li>
                <a class="dropdown-item fw-bold" href="{{ route('review-center') }}">
                  <i class="bi bi-grid-3x3-gap text-primary me-1"></i> 審核管理中心
                </a>
              </li>
              <li><hr class="dropdown-divider"></li>

              {{-- ── 人事 ──────────────────────────────────────── --}}
              @if ($hasSubordinates || $canManageLeave || $canReviewOvertime || $canReviewHandover)
              <li class="dropdown-header">
                人事
                @if($leaveApprovalCount > 0)
                  <span class="badge bg-danger rounded-pill ms-1" style="font-size:.65rem;">{{ $leaveApprovalCount }}</span>
                @endif
              </li>
              @if ($hasSubordinates || $canManageLeave)
              <li><a class="dropdown-item {{ request()->routeIs('leave.approval.*') ? 'active' : '' }}"
                     href="{{ route('leave.approval.index') }}">
                <i class="bi bi-calendar-check me-2 text-muted"></i>請假審核
                @if($leaveApprovalCount > 0)
                  <span class="badge bg-danger rounded-pill ms-1" style="font-size:.65rem;">{{ $leaveApprovalCount }}</span>
                @endif
              </a></li>
              @endif
              @if ($canReviewOvertime)
              <li><a class="dropdown-item" href="{{ route('overtime-requests.supervisor.index') }}">
                <i class="bi bi-clock-history me-2 text-muted"></i>加班審核
              </a></li>
              @endif
              @if ($canReviewHandover)
              <li><a class="dropdown-item" href="{{ route('handovers.review') }}">
                <i class="bi bi-person-dash me-2 text-muted"></i>調離職審核
              </a></li>
              @endif
              @endif

              {{-- ── 帳號服務 ───────────────────────────────────── --}}
              @if ($canReviewVpn || $canReviewGitlab || $canReviewRedmine || $canReviewAccount || $isSupervisorOrAdmin)
              <li><hr class="dropdown-divider"></li>
              <li class="dropdown-header">帳號服務</li>
              @if ($canReviewVpn)
              <li><a class="dropdown-item" href="{{ route('vpn-requests.supervisor.index') }}">
                <i class="bi bi-shield-lock me-2 text-muted"></i>VPN 審核
              </a></li>
              @endif
              @if ($canReviewGitlab || $canReviewRedmine)
              <li><a class="dropdown-item" href="{{ route('gitlab-requests.supervisor.index') }}">
                <i class="bi bi-shield-check me-2 text-muted"></i>專案管理(GitLab)審核
              </a></li>
              @endif
              @if ($isSupervisorOrAdmin)
              <li><a class="dropdown-item" href="{{ route('firewall-requests.supervisor.index') }}">
                <i class="bi bi-shield-lock me-2 text-warning"></i>防火牆申請初審
              </a></li>
              @endif
              @if (Auth::id() === 1)
              <li><a class="dropdown-item" href="{{ route('firewall-requests.admin.index') }}">
                <i class="bi bi-shield-lock me-2 text-danger"></i>防火牆申請最終審核
              </a></li>
              @endif
              @if ($canReviewAccount)
              <li><a class="dropdown-item" href="{{ route('account-requests.supervisor.index') }}">
                <i class="bi bi-person-badge me-2 text-muted"></i>帳號審核
              </a></li>
              @endif
              @endif

              {{-- ── 設備 ──────────────────────────────────────── --}}
              @if ($canReviewDevice)
              <li><hr class="dropdown-divider"></li>
              <li class="dropdown-header">設備</li>
              <li><a class="dropdown-item" href="{{ route('device-requests.supervisor.index') }}">
                <i class="bi bi-box-arrow-in-right me-2 text-muted"></i>設備審核
              </a></li>
              @endif
            </ul>
          </li>
          @endif

          {{-- ===== 資安工作 ===== --}}
          @if ($canUseCve || $canUseGcb || $canUseSsl || $canUseAsset || $canUseRepair || $canUseIsms || $canUsePsms || $canUseVulnScan || $canUseCodeScan || $canUsePenTest)
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="securityDropdown" data-bs-toggle="dropdown">
              <i class="bi bi-shield-lock me-1"></i>資安工作
            </a>
            <ul class="dropdown-menu" style="min-width: 220px;">

              {{-- CVE --}}
              @if ($canUseCve)
              <li>
                <a class="dropdown-item" href="{{ route('cve.index') }}">
                  <i class="bi bi-shield-exclamation me-2 text-danger"></i>CVE 通報
                </a>
              </li>
              @endif

              {{-- GCB --}}
              @if($canUseGcb)
              <li>
                <a class="dropdown-item" href="{{ route('gcb.index') }}">
                  <i class="bi bi-clipboard-check me-2 text-primary"></i>GCB 政府組態基準
                </a>
              </li>
              @endif

              {{-- GCB 與 Log 已移至「主機管理」選單 --}}

              {{-- SSL --}}
              @if ($canUseSsl)
                <li><hr class="dropdown-divider"></li>
                <li class="dropdown-header">SSL 管理</li>
                <li><a class="dropdown-item" href="{{ route('ssl-csr.index') }}"><i class="bi bi-file-earmark-lock me-2 text-muted"></i>產生 CSR</a></li>
                <li><a class="dropdown-item" href="{{ route('ssl-csr.list') }}"><i class="bi bi-list-ul me-2 text-muted"></i>檔案列表</a></li>
                <li><a class="dropdown-item" href="{{ route('ssl-csr.verify.form') }}"><i class="bi bi-patch-check me-2 text-muted"></i>CSR 驗證</a></li>
              @endif

              {{-- 資訊資產 --}}
              @if ($canUseAsset || $canUseRepair)
                <li><hr class="dropdown-divider"></li>
                <li class="dropdown-header">資訊資產管理</li>
                @if ($canUseAsset)
                  @if ($isAdmin || $user->hasModuleAdminPermission('AssetController'))
                    <li><a class="dropdown-item" href="{{ route('assets.index') }}"><i class="bi bi-box me-2 text-muted"></i>資訊資產清單</a></li>
                  @endif
                  @if ($role === 'supervisor')
                    <li><a class="dropdown-item" href="{{ route('assets.subordinates') }}"><i class="bi bi-people me-2 text-muted"></i>部屬資產一覽</a></li>
                  @endif
                  <li><a class="dropdown-item" href="{{ route('assets.byuser.result') }}"><i class="bi bi-person me-2 text-muted"></i>個人資產一覽</a></li>
                @endif
                @if ($canUseRepair)
                  <li><a class="dropdown-item" href="{{ route('repair-requests.index') }}"><i class="bi bi-tools me-2 text-muted"></i>報修清單</a></li>
                @endif
              @endif

              {{-- 資安個資文件 --}}
              @if($canUseIsms || $canUsePsms)
                <li><hr class="dropdown-divider"></li>
                <li class="dropdown-header">資安個資文件</li>
                @if($canUseIsms)
                <li>
                  <a class="dropdown-item {{ request()->routeIs('isms.*') ? 'active' : '' }}"
                     href="{{ route('isms.index') }}">
                    <i class="bi bi-file-earmark-lock me-2 text-primary"></i>ISMS 資安文件
                  </a>
                </li>
                @if($canManageIsms)
                <li><a class="dropdown-item small text-muted ps-4" href="{{ route('isms.categories') }}"><i class="bi bi-folder-plus me-2"></i>管理目錄</a></li>
                <li><a class="dropdown-item small text-muted ps-4" href="{{ route('isms.create') }}"><i class="bi bi-upload me-2"></i>上傳文件</a></li>
                @endif
                @endif
                @if($canUsePsms)
                <li>
                  <a class="dropdown-item {{ request()->routeIs('psms.*') ? 'active' : '' }}"
                     href="{{ route('psms.index') }}">
                    <i class="bi bi-person-lock me-2 text-success"></i>PSMS 個資文件
                  </a>
                </li>
                @if($canManagePsms)
                <li><a class="dropdown-item small text-muted ps-4" href="{{ route('psms.categories') }}"><i class="bi bi-folder-plus me-2"></i>管理目錄</a></li>
                <li><a class="dropdown-item small text-muted ps-4" href="{{ route('psms.create') }}"><i class="bi bi-upload me-2"></i>上傳文件</a></li>
                @endif
                @endif
              @endif

            </ul>
          </li>
          @endif

          {{-- ===== 主機管理 ===== --}}
          @if ($canUseHost || $canUseLogAnalysis || $canUseDocker)
          @php $hostAlertUnread = $canUseHost ? \App\Models\HostAlert::whereNull('read_at')->count() : 0; @endphp
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle {{ request()->routeIs('hosts.*') || request()->routeIs('log-analysis.*') || request()->routeIs('host-alerts.*') || request()->routeIs('docker.*') ? 'active' : '' }}"
               href="#" id="hostMgmtDropdown" data-bs-toggle="dropdown">
              <i class="bi bi-hdd-network me-1"></i>主機管理
            </a>
            <ul class="dropdown-menu" style="min-width:200px;">
              @if($canUseHost)
              <li>
                <a class="dropdown-item {{ request()->routeIs('hosts.*') ? 'active' : '' }}"
                   href="{{ route('hosts.index') }}">
                  <i class="bi bi-hdd-network-fill me-2 text-info"></i>主機監控
                </a>
              </li>
              @endif
              @if($canUseLogAnalysis)
              <li>
                <a class="dropdown-item {{ request()->routeIs('log-analysis.*') ? 'active' : '' }}"
                   href="{{ route('log-analysis.index') }}">
                  <i class="bi bi-journal-code me-2 text-info"></i>Log 分析
                </a>
              </li>
              @endif
              @if($canUseHost)
              <li>
                <a class="dropdown-item d-flex align-items-center justify-content-between
                          {{ request()->routeIs('host-alerts.*') ? 'active' : '' }}"
                   href="{{ route('host-alerts.index') }}">
                  <span><i class="bi bi-bell-fill text-warning me-2"></i>主機監控通知</span>
                  @if($hostAlertUnread > 0)
                    <span class="badge bg-danger rounded-pill">{{ $hostAlertUnread }}</span>
                  @endif
                </a>
              </li>
              @endif
              @if($canUseDocker)
              @if($canUseHost || $canUseLogAnalysis)<li><hr class="dropdown-divider"></li>@endif
              <li>
                <a class="dropdown-item {{ request()->routeIs('docker.*') ? 'active' : '' }}"
                   href="{{ route('docker.index') }}">
                  <i class="bi bi-box me-2 text-primary"></i>Docker 管理
                </a>
              </li>
              @endif
            </ul>
          </li>
          @endif

          {{-- 專案工作 --}}
          @if ($canUseProject || $canUseK6 || $canUseReport || $canUseRedmine || $canUseVulnScan || $canUseCodeScan || $canUsePenTest || $canUseManualGen)
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="projectDropdown" data-bs-toggle="dropdown">
              <i class="bi bi-kanban me-1"></i>專案工作
            </a>
            <ul class="dropdown-menu">
              <li>
                <a class="dropdown-item fw-bold" href="{{ route('project-center') }}">
                  <i class="bi bi-grid-3x3-gap text-primary me-1"></i> 專案工作中心
                </a>
              </li>
              <li><hr class="dropdown-divider"></li>
              @if ($canUseProjManagement)
                <li><a class="dropdown-item" href="{{ route('projects.list') }}"><i class="bi bi-folder2-open me-2 text-muted"></i>專案管理</a></li>
              @endif
              {{-- 手冊產生器：暫時隱藏
              @if ($canUseManualGen)
                <li><a class="dropdown-item {{ request()->routeIs('manual-generators*') ? 'active' : '' }}"
                       href="{{ route('manual-generators.index') }}">
                  <i class="bi bi-journal-text me-2 text-muted"></i>手冊產生器
                </a></li>
              @endif
              --}}
              <li><a class="dropdown-item" href="{{ route('boards.index') }}">
                <i class="bi bi-grid-3x3-gap me-1 text-primary"></i>看板
              </a></li>

              @if ($canUseTimeRecord)
              <li><a class="dropdown-item {{ request()->routeIs('time-records.*') ? 'active' : '' }}"
                     href="{{ route('time-records.index') }}">
                <i class="bi bi-clock me-1 text-primary"></i>工時記錄
              </a></li>
              @endif
              @if ($canUseProject || $canUseK6 || $canUseReport || $canUseRedmine)
                <li><hr class="dropdown-divider"></li>
              @endif
              @if ($canUseK6)
                <li><a class="dropdown-item" href="{{ route('k6.index') }}"><i class="bi bi-speedometer2 me-1 text-warning"></i>壓力測試</a></li>
              @endif
              @if ($canUseVulnScan)
                <li><a class="dropdown-item" href="{{ route('vuln-scan.index') }}"><i class="bi bi-crosshair me-1 text-danger"></i>弱點掃描</a></li>
              @endif
              @if ($canUseCodeScan)
                <li><a class="dropdown-item" href="{{ route('code-scan.index') }}"><i class="bi bi-code-slash me-1 text-primary"></i>源碼掃描</a></li>
              @endif
              @if ($canUsePenTest)
                <li><a class="dropdown-item" href="{{ route('pen-test.index') }}"><i class="bi bi-terminal-fill me-1 text-danger"></i>滲透測試</a></li>
              @endif
              <li><a class="dropdown-item" href="{{ route('accessibility-scan.index') }}"><i class="bi bi-universal-access me-1 text-success"></i>無障礙掃描</a></li>
              @if ($canUseReport)
                <li><a class="dropdown-item" href="{{ route('test-reports.index') }}"><i class="bi bi-file-earmark-text me-2 text-muted"></i>程式碼審查報告</a></li>
              @endif
            </ul>
          </li>
          @endif



          {{-- ===== 功能管理 ===== --}}
          @if ($isAdmin || $canUseProject || $canUseClient || $canManageAttendance || $canUseTimeSheet || $canManageLeave || $user->hasModuleAdminPermission('ProjectSettingController'))
          <li class="nav-item dropdown">
            <button class="nav-link dropdown-toggle" id="featureMgmtDropdown"
               data-bs-toggle="dropdown" aria-expanded="false">
              <i class="bi bi-sliders me-1"></i>功能管理
            </button>
            <ul class="dropdown-menu dropdown-menu-end" style="min-width:220px;">

              <li><a class="dropdown-item fw-semibold {{ request()->routeIs('feature-center') ? 'active' : '' }}"
                     href="{{ route('feature-center') }}">
                <i class="bi bi-grid-1x2 me-2 text-indigo-500" style="color:#6366f1;"></i>功能管理中心
              </a></li>
              <li><hr class="dropdown-divider"></li>

              {{-- 專案 / 客戶 --}}
              @if ($canUseProject || $canUseClient)
              <li class="dropdown-header">專案管理</li>
              @if ($canUseProjMaintenance)
              <li><a class="dropdown-item" href="{{ route('projects.index') }}">
                <i class="bi bi-folder me-2 text-muted"></i>專案維護
              </a></li>
              @endif
              @if ($canUseClient)
              <li><a class="dropdown-item" href="{{ route('clients.index') }}">
                <i class="bi bi-building me-2 text-muted"></i>客戶維護
              </a></li>
              @endif
              @endif

              @if ($isAdmin || $user->hasModuleAdminPermission('ProjectSettingController'))
              <li><a class="dropdown-item" href="{{ route('settings.projects.index') }}">
                <i class="bi bi-gear me-2 text-muted"></i>專案設定
              </a></li>
              @endif
              @if ($isAdmin)
              <li><a class="dropdown-item" href="{{ route('settings.scanner') }}">
                <i class="bi bi-shield-fill-check me-2 text-danger"></i>掃瞄器設定
              </a></li>
              @endif
              @if ($canManageDocker)
              <li><a class="dropdown-item {{ request()->routeIs('docker.hosts.*') ? 'active' : '' }}"
                     href="{{ route('docker.hosts.index') }}">
                <i class="bi bi-hdd-network me-2 text-primary"></i>Docker 主機設定
              </a></li>
              @endif

              {{-- 工時管理 --}}
              @if ($canUseTimeSheet)
              <li><hr class="dropdown-divider"></li>
              <li class="dropdown-header"><i class="bi bi-clock me-1"></i>工時管理</li>
              <li><a class="dropdown-item {{ request()->routeIs('time-sheets.show') ? 'active' : '' }}"
                     href="{{ route('time-sheets.show') }}">
                <i class="bi bi-table me-2 text-muted"></i>工時總表
              </a></li>
              <li><a class="dropdown-item {{ request()->routeIs('time-sheets.range') ? 'active' : '' }}"
                     href="{{ route('time-sheets.range') }}">
                <i class="bi bi-calendar-range me-2 text-muted"></i>區間統計表
              </a></li>
              <li><a class="dropdown-item {{ request()->routeIs('time-sheets.yearly') ? 'active' : '' }}"
                     href="{{ route('time-sheets.yearly') }}">
                <i class="bi bi-bar-chart-steps me-2 text-muted"></i>年度統計表
              </a></li>
              <li><a class="dropdown-item {{ request()->routeIs('time-charts.*') ? 'active' : '' }}"
                     href="{{ route('time-charts.index') }}">
                <i class="bi bi-bar-chart-fill me-2 text-muted"></i>工時統計圖表
              </a></li>
              <li><a class="dropdown-item {{ request()->routeIs('time-sheets.user-order') ? 'active' : '' }}"
                     href="{{ route('time-sheets.user-order') }}">
                <i class="bi bi-people-fill me-2 text-muted"></i>人員排序設定
              </a></li>
              {{-- 周次管理：暫時隱藏（功能待確認）
              <li><a class="dropdown-item {{ request()->routeIs('sprints.*') ? 'active' : '' }}"
                     href="{{ route('sprints.index') }}">
                <i class="bi bi-calendar-week me-2 text-muted"></i>周次管理
              </a></li>
              --}}
              @if ($canManageTimeSheet)
              <li><a class="dropdown-item {{ request()->routeIs('settings.time') ? 'active' : '' }}"
                     href="{{ route('settings.time') }}">
                <i class="bi bi-sliders me-2 text-muted"></i>工時設定
              </a></li>
              @endif
              @endif

              {{-- 簽到退管理 --}}
              @if ($canManageAttendance)
              <li><hr class="dropdown-divider"></li>
              <li class="dropdown-header"><i class="bi bi-clock-history me-1"></i>簽到退管理</li>
              <li><a class="dropdown-item {{ request()->routeIs('attendance.admin') ? 'active' : '' }}"
                     href="{{ route('attendance.admin') }}">
                <i class="bi bi-people me-2 text-muted"></i>簽到退紀錄查詢
              </a></li>
              <li><a class="dropdown-item {{ request()->routeIs('attendance.stats*') ? 'active' : '' }}"
                     href="{{ route('attendance.stats') }}">
                <i class="bi bi-bar-chart-line me-2 text-muted"></i>簽到退報表
              </a></li>
              <li><a class="dropdown-item {{ request()->routeIs('attendance.settings') ? 'active' : '' }}"
                     href="{{ route('attendance.settings') }}">
                <i class="bi bi-shield-lock me-2 text-muted"></i>簽到退設定（IP 限制）
              </a></li>
              @endif

              {{-- 人事設定 --}}
              @if ($canManageLeave)
              <li><hr class="dropdown-divider"></li>
              <li class="dropdown-header"><i class="bi bi-calendar-heart me-1"></i>人事設定</li>
              <li><a class="dropdown-item {{ request()->routeIs('leave.settings.types') ? 'active' : '' }}"
                     href="{{ route('leave.settings.types') }}">
                <i class="bi bi-tags me-2 text-muted"></i>假別管理
              </a></li>
              <li><a class="dropdown-item {{ request()->routeIs('leave.settings.balance') ? 'active' : '' }}"
                     href="{{ route('leave.settings.balance') }}">
                <i class="bi bi-person-lines-fill me-2 text-muted"></i>特休配額
              </a></li>
              <li><a class="dropdown-item {{ request()->routeIs('leave.settings.stats') ? 'active' : '' }}"
                     href="{{ route('leave.settings.stats') }}">
                <i class="bi bi-bar-chart me-2 text-muted"></i>請假統計
              </a></li>
              @endif

              {{-- 通知 / 推播 --}}
              @if ($isAdmin)
              <li><hr class="dropdown-divider"></li>
              <li class="dropdown-header">通知設定</li>
              <li><a class="dropdown-item" href="{{ route('settings.maintenance-reports') }}">
                <i class="bi bi-envelope-check me-2 text-primary"></i>通知信件排程
              </a></li>
              <li><a class="dropdown-item" href="{{ route('settings.chat-channels') }}">
                <i class="bi bi-chat-dots me-2 text-success"></i>Google Chat 通知
              </a></li>
              <li><a class="dropdown-item" href="{{ route('push.admin') }}">
                <i class="bi bi-bell me-2 text-warning"></i>推播管理
              </a></li>
              @endif

            </ul>
          </li>
          @endif

          {{-- ===== 系統設定（admin only）===== --}}
          @if ($isAdmin)
          <li class="nav-item dropdown">
            <button class="nav-link dropdown-toggle" id="systemDropdown"
               data-bs-toggle="dropdown" aria-expanded="false">
              <i class="bi bi-gear-fill me-1"></i>系統設定
            </button>
            <ul class="dropdown-menu dropdown-menu-end" style="min-width:200px;">

              <li><a class="dropdown-item fw-semibold {{ request()->routeIs('system-center') ? 'active' : '' }}"
                     href="{{ route('system-center') }}">
                <i class="bi bi-grid-1x2 me-2" style="color:#6366f1;"></i>系統中心
              </a></li>
              <li><hr class="dropdown-divider"></li>

              <li><a class="dropdown-item" href="{{ route('users.index') }}">
                <i class="bi bi-people me-2 text-muted"></i>帳號管理
              </a></li>
              <li><a class="dropdown-item" href="{{ route('permissions.index') }}">
                <i class="bi bi-key me-2 text-muted"></i>權限管理
              </a></li>
              <li><a class="dropdown-item {{ request()->routeIs('settings.departments*') ? 'active' : '' }}"
                     href="{{ route('settings.departments.index') }}">
                <i class="bi bi-diagram-3 me-2 text-muted"></i>部門管理
              </a></li>
              <li><hr class="dropdown-divider"></li>
              <li><a class="dropdown-item {{ request()->routeIs('logs.index') ? 'active' : '' }}"
                     href="{{ route('logs.index') }}">
                <i class="bi bi-journal-text me-2 text-muted"></i>操作紀錄
              </a></li>
              <li><hr class="dropdown-divider"></li>
              <li class="dropdown-header">統計報表</li>
              <li><a class="dropdown-item" href="{{ route('overtime-requests.department') }}">
                <i class="bi bi-bar-chart-line me-2 text-muted"></i>加班部門統計
              </a></li>
              <li><a class="dropdown-item" href="{{ route('stats.vpn') }}">
                <i class="bi bi-key me-2 text-muted"></i>VPN 申請統計
              </a></li>
              <li><a class="dropdown-item" href="{{ route('stats.device_in') }}">
                <i class="bi bi-box-arrow-in-right me-2 text-muted"></i>設備攜入統計
              </a></li>
              <li><a class="dropdown-item" href="{{ route('stats.device_out') }}">
                <i class="bi bi-box-arrow-right me-2 text-muted"></i>設備攜出統計
              </a></li>
              <li><a class="dropdown-item" href="{{ route('stats.repair') }}">
                <i class="bi bi-tools me-2 text-muted"></i>維修申請統計
              </a></li>
              <li><hr class="dropdown-divider"></li>
              <li><a class="dropdown-item {{ request()->routeIs('settings.system.index') ? 'active' : '' }}"
                     href="{{ route('settings.system.index') }}">
                <i class="bi bi-sliders2 me-2 text-muted"></i>環境變數 / 系統設定
              </a></li>
              <li><a class="dropdown-item {{ request()->routeIs('settings.system.db-docs') ? 'active' : '' }}"
                     href="{{ route('settings.system.db-docs') }}">
                <i class="bi bi-database me-2 text-muted"></i>資料庫 DB 說明
              </a></li>

            </ul>
          </li>
          @endif
        @endauth
      </ul>

      <ul class="navbar-nav ms-auto align-items-center">
        @auth
          {{-- 📖 使用手冊 --}}
          <li class="nav-item">
            <a class="nav-link d-flex align-items-center gap-1 px-2" href="{{ route('manual') }}" target="_blank">
              <i class="bi bi-book" style="font-size:1.1rem;"></i>
              <span class="d-none d-lg-inline" style="font-size:.85rem;">手冊</span>
            </a>
          </li>

          @if(session('impersonating_as'))
          <li class="nav-item">
            <form method="POST" action="{{ route('impersonate.stop') }}" class="mb-0">
              @csrf @method('DELETE')
              <button type="submit" class="btn btn-warning btn-sm d-flex align-items-center gap-1 mx-1"
                      style="font-size:.8rem;padding:4px 10px;border-radius:20px;">
                <i class="bi bi-arrow-left-circle-fill"></i>
                <span class="d-none d-sm-inline">切回管理者</span>
              </button>
            </form>
          </li>
          @endif

          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle d-flex align-items-center gap-1 px-2" href="#" id="userDropdown" data-bs-toggle="dropdown">
              @if(session('impersonating_as'))
                <i class="bi bi-person-badge-fill text-warning" style="font-size:1.1rem;"></i>
              @else
                <i class="bi bi-person-circle" style="font-size:1.1rem;"></i>
              @endif
              <span style="font-size:.85rem;">{{ Auth::user()->name }}</span>
            </a>
            <ul class="dropdown-menu dropdown-menu-end">
              @if(session('impersonating_as'))
              <li>
                <form method="POST" action="{{ route('impersonate.stop') }}" class="mb-0">
                  @csrf
                  @method('DELETE')
                  <button type="submit" class="dropdown-item text-warning fw-semibold">
                    <i class="bi bi-person-badge me-2"></i>結束身分切換
                  </button>
                </form>
              </li>
              <li><hr class="dropdown-divider"></li>
              @endif
              <li><a class="dropdown-item" href="{{ route('profile.edit') }}">
                <i class="bi bi-person-circle me-2 text-muted"></i>個人資料中心
              </a></li>
              <li><a class="dropdown-item {{ request()->routeIs('api-docs') ? 'active' : '' }}"
                     href="{{ route('api-docs') }}">
                <i class="bi bi-plug-fill me-2 text-muted"></i>API 文件
              </a></li>
              <li>
                <button type="button" class="dropdown-item text-muted small"
                        data-bs-toggle="modal" data-bs-target="#versionModal">
                  <i class="bi bi-info-circle me-2"></i>版本資訊
                </button>
              </li>
              <li><hr class="dropdown-divider"></li>
              <li>
                <form method="POST" action="{{ route('logout') }}">
                  @csrf
                  <button type="submit" class="dropdown-item">登出</button>
                </form>
              </li>
            </ul>
          </li>

          {{-- 🔔 通知鈴鐺（最後）--}}
          <li class="nav-item dropdown" id="notifBellItem">
            <a class="nav-link d-flex align-items-center px-2 position-relative" href="#" id="notifBell" data-bs-toggle="dropdown" aria-expanded="false">
              <i class="bi bi-bell" style="font-size:1.1rem;"></i>
              <span id="notifBadge" class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger d-none"></span>
            </a>
            <div class="dropdown-menu dropdown-menu-end p-0" style="width:340px;max-height:480px;overflow-y:auto;" id="notifDropdown">
              <div class="d-flex justify-content-between align-items-center px-3 py-2 border-bottom">
                <span class="fw-semibold small">通知</span>
                <div class="d-flex gap-2 align-items-center">
                  <button class="btn btn-link btn-sm p-0 text-muted small" id="notifReadAll">全部已讀</button>
                  <div class="form-check form-switch mb-0 d-flex align-items-center gap-1" id="notifPushWrap">
                    <input class="form-check-input mt-0" type="checkbox" id="notifPushToggle" style="cursor:pointer">
                    <label class="form-check-label small text-muted mb-0" for="notifPushToggle" style="cursor:pointer">推播</label>
                  </div>
                </div>
              </div>
              <ul class="list-unstyled mb-0" id="notifList">
                <li class="text-center text-muted small py-3" id="notifEmpty">目前沒有通知</li>
              </ul>
            </div>
          </li>

        @else
          <li class="nav-item"><a class="nav-link" href="{{ route('login') }}">登入</a></li>
          @if (Route::has('register'))
            <li class="nav-item"><a class="nav-link" href="{{ route('register') }}">註冊</a></li>
          @endif
        @endauth
      </ul>
    </div>
  </div>
</nav>

<style>
  /* macOS 導航按鈕：預設隱藏，Mac 主題才顯示 */
  #macNavBtns { display: none; }
  [data-theme="mac"] #macNavBtns { display: flex; }

  .mac-nav-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(0,0,0,.07);
    border: 1px solid rgba(0,0,0,.1);
    color: #1d1d1f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    cursor: pointer;
    transition: background .12s, opacity .12s;
    text-decoration: none;
    line-height: 1;
    padding: 0;
    flex-shrink: 0;
  }

  .mac-nav-btn:hover {
    background: rgba(0,0,0,.14);
    color: #1d1d1f;
    text-decoration: none;
  }

  .mac-nav-btn:disabled,
  .mac-nav-btn.mac-disabled {
    opacity: .3;
    cursor: default;
    pointer-events: none;
  }

  /* 在暗色 navbar 上（非 Mac 模式）按鈕不顯示，不影響 */
</style>
<script>
  (function () {
    var backBtn  = document.getElementById('macBtnBack');
    var fwdBtn   = document.getElementById('macBtnForward');

    if (!backBtn || !fwdBtn) return;

    backBtn.addEventListener('click', function () { history.back(); });
    fwdBtn.addEventListener('click',  function () { history.forward(); });

    // 初始狀態：無歷史則 back 變灰
    if (window.history.length <= 1) {
      backBtn.classList.add('mac-disabled');
    }

    // 進入後標記「可以 forward」（若是 back 回來的頁面）
    window.addEventListener('popstate', function () {
      backBtn.classList.toggle('mac-disabled', history.length <= 1);
    });
  })();
</script>

{{-- 版本資訊 Modal --}}
<div class="modal fade" id="versionModal" tabindex="-1" aria-labelledby="versionModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" style="max-width:480px;">
    <div class="modal-content border-0 shadow overflow-hidden" style="border-radius:16px;">

      {{-- ── Header ── --}}
      <div class="position-relative text-white px-4 pt-4 pb-4 overflow-hidden"
           style="background:linear-gradient(140deg,#0f172a 0%,#1e3a8a 55%,#2563eb 100%);">
        {{-- 背景裝飾圓 --}}
        <div class="position-absolute" style="width:180px;height:180px;border-radius:50%;
             background:rgba(255,255,255,.04);top:-60px;right:-50px;pointer-events:none;"></div>
        <div class="position-absolute" style="width:100px;height:100px;border-radius:50%;
             background:rgba(255,255,255,.06);bottom:-30px;right:60px;pointer-events:none;"></div>

        <div class="position-relative">
          <div class="d-flex align-items-start justify-content-between mb-4">
            <div class="d-flex align-items-center gap-3">
              <div class="rounded-3 d-flex align-items-center justify-content-center flex-shrink-0"
                   style="width:44px;height:44px;background:rgba(255,255,255,.15);backdrop-filter:blur(4px);">
                <i class="bi bi-layers-fill fs-5"></i>
              </div>
              <div>
                <div class="fw-semibold lh-1" style="font-size:.82rem;letter-spacing:.08em;opacity:.55;text-transform:uppercase;">
                  {{ config('app.name') }}
                </div>
                <div class="mt-1" style="font-size:.78rem;opacity:.5;">企業內部管理平台</div>
              </div>
            </div>
            <button type="button" class="btn-close btn-close-white mt-1" style="opacity:.5;" data-bs-dismiss="modal"></button>
          </div>

          <div class="d-flex align-items-end gap-3">
            <span style="font-size:2.8rem;font-weight:800;letter-spacing:-.03em;line-height:1;">v1.0.2</span>
            <div class="mb-1 d-flex flex-column gap-1">
              <span class="badge px-2 py-1 rounded-pill"
                    style="background:rgba(255,255,255,.15);font-size:.72rem;font-weight:500;">
                <i class="bi bi-calendar3 me-1"></i>2026-07-25
              </span>
              <span class="badge px-2 py-1 rounded-pill"
                    style="background:rgba(99,214,164,.25);color:#86efac;font-size:.72rem;font-weight:500;">
                <i class="bi bi-check-circle me-1"></i>Stable
              </span>
            </div>
          </div>
        </div>
      </div>

      {{-- ── Release Notes ── --}}
      <div class="modal-body p-0" style="max-height:340px;overflow-y:auto;">

        {{-- Section label --}}
        <div class="px-4 py-2 d-flex align-items-center gap-2 border-bottom"
             style="background:#f8fafc;position:sticky;top:0;z-index:1;">
          <i class="bi bi-journal-text text-muted" style="font-size:.8rem;"></i>
          <span class="text-muted fw-semibold" style="font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;">
            Release Notes
          </span>
        </div>

        <div class="px-4 py-3">

          {{-- v1.0.2 --}}
          <div class="mb-4">
            <div class="d-flex align-items-center gap-2 mb-3">
              <span class="fw-bold" style="font-size:.9rem;">v1.0.2</span>
              <span class="text-muted" style="font-size:.78rem;">2026-07-25</span>
              <span class="badge rounded-pill ms-auto px-2"
                    style="background:#eff6ff;color:#2563eb;font-size:.68rem;">最新版本</span>
            </div>
            @foreach([
              ['type'=>'NEW','text'=>'介面樣式新增：Japandi 日系清新主題'],
              ['type'=>'NEW','text'=>'工時紀錄總表 可查個人歷程'],
              ['type'=>'IMP','text'=>'優化 首頁個人化功能'],
              ['type'=>'FIX','text'=>'修正專案管理介面切換（傳統/新版）無法正確切換的問題'],
            ] as $item)
            @php
              $styles = [
                'NEW' => ['bg'=>'#dcfce7','color'=>'#16a34a'],
                'IMP' => ['bg'=>'#dbeafe','color'=>'#2563eb'],
                'FIX' => ['bg'=>'#fef3c7','color'=>'#b45309'],
              ];
              $s = $styles[$item['type']];
            @endphp
            <div class="d-flex gap-2 mb-2 align-items-start">
              <span class="badge rounded-1 flex-shrink-0 mt-1 px-2"
                    style="background:{{ $s['bg'] }};color:{{ $s['color'] }};font-size:.68rem;font-weight:700;">
                {{ $item['type'] }}
              </span>
              <span class="text-secondary" style="font-size:.85rem;line-height:1.5;">{{ $item['text'] }}</span>
            </div>
            @endforeach
          </div>

          {{-- 分隔線 --}}
          <div class="d-flex align-items-center gap-2 mb-4">
            <hr class="flex-grow-1 my-0">
          </div>

          {{-- v1.0.1 --}}
          <div class="mb-4">
            <div class="d-flex align-items-center gap-2 mb-3">
              <span class="fw-bold text-muted" style="font-size:.9rem;">v1.0.1</span>
              <span class="text-muted" style="font-size:.78rem;">2026-07-20</span>
            </div>
            @foreach([
              ['type'=>'NEW','text'=>'工時填報：專案選擇支援即時輸入搜尋（combobox）'],
              ['type'=>'NEW','text'=>'合約管理：每筆合約獨立設定定時維護報告'],
              ['type'=>'NEW','text'=>'Timelog API 文件頁面與 Token 管理'],
              ['type'=>'IMP','text'=>'舊專案資料自動回填合約，保留原有欄位'],
              ['type'=>'FIX','text'=>'修正 bootstrap/cache 權限導致頁面空白'],
            ] as $item)
            @php
              $styles = [
                'NEW' => ['bg'=>'#dcfce7','color'=>'#16a34a'],
                'IMP' => ['bg'=>'#dbeafe','color'=>'#2563eb'],
                'FIX' => ['bg'=>'#fef3c7','color'=>'#b45309'],
              ];
              $s = $styles[$item['type']];
            @endphp
            <div class="d-flex gap-2 mb-2 align-items-start">
              <span class="badge rounded-1 flex-shrink-0 mt-1 px-2"
                    style="background:{{ $s['bg'] }};color:{{ $s['color'] }};font-size:.68rem;font-weight:700;">
                {{ $item['type'] }}
              </span>
              <span class="text-secondary" style="font-size:.85rem;line-height:1.5;">{{ $item['text'] }}</span>
            </div>
            @endforeach
          </div>

          {{-- 分隔線 --}}
          <div class="d-flex align-items-center gap-2 mb-4">
            <hr class="flex-grow-1 my-0">
          </div>

          {{-- v1.0.0 --}}
          <div class="mb-2">
            <div class="d-flex align-items-center gap-2 mb-3">
              <span class="fw-bold text-muted" style="font-size:.9rem;">v1.0.0</span>
              <span class="text-muted" style="font-size:.78rem;">2026-07-07</span>
            </div>
            @foreach([
              ['type'=>'NEW','text'=>'工時記錄與工時管理模組正式上線'],
              ['type'=>'NEW','text'=>'Sprint 看板與工時 API 整合'],
              ['type'=>'NEW','text'=>'合約模組：每個專案可建立多筆合約'],
              ['type'=>'NEW','text'=>'系統設定頁面（環境變數管理）'],
            ] as $item)
            @php $s = $styles[$item['type']]; @endphp
            <div class="d-flex gap-2 mb-2 align-items-start">
              <span class="badge rounded-1 flex-shrink-0 mt-1 px-2"
                    style="background:{{ $s['bg'] }};color:{{ $s['color'] }};font-size:.68rem;font-weight:700;">
                {{ $item['type'] }}
              </span>
              <span class="text-secondary" style="font-size:.85rem;line-height:1.5;">{{ $item['text'] }}</span>
            </div>
            @endforeach
          </div>

        </div>
      </div>

      {{-- ── Footer ── --}}
      <div class="d-flex align-items-center justify-content-between px-4 py-3 border-top"
           style="background:#f8fafc;">
        <div class="d-flex align-items-center gap-2" style="font-size:.82rem;color:#64748b;">
          <i class="bi bi-envelope"></i>
          <a href="mailto:pake@steps.com.tw" class="text-decoration-none" style="color:inherit;">
            pake@steps.com.tw
          </a>
        </div>
        <button type="button" class="btn btn-sm btn-outline-secondary px-3" data-bs-dismiss="modal">
          關閉
        </button>
      </div>

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