{{-- VPN 申請 --}}
<div class="col-md-6 col-lg-4">
  <div class="card shadow-sm h-100 text-center">
    <div class="card-body">
      <div class="display-1 mb-3">🔑</div>
      <h4 class="card-title">VPN 申請</h4>
      <p class="card-text">申請 VPN 帳號並查看紀錄。</p>
      <a href="{{ route('vpn-requests.create') }}" class="btn btn-primary">申請 VPN</a>
      <a href="{{ route('vpn-requests.index') }}" class="btn btn-outline-primary ms-2">申請紀錄</a>
      @if (Auth::user()->role === 'supervisor')
        <div class="mt-2">
          <a href="{{ route('vpn-requests.supervisor.index') }}" class="btn btn-warning btn-sm">待審核</a>
        </div>
      @endif
    </div>
  </div>
</div>

{{-- 設備申請 --}}
<div class="col-md-6 col-lg-4">
  <div class="card shadow-sm h-100 text-center">
    <div class="card-body">
      <div class="display-1 mb-3">💼</div>
      <h4 class="card-title">設備攜入申請</h4>
      <p class="card-text">填寫並管理電腦設備攜入申請。</p>
      <a href="{{ route('device-requests.menu') }}" class="btn btn-primary">新增申請</a>
      <a href="{{ route('device-requests.index') }}" class="btn btn-outline-primary ms-2">申請紀錄</a>
      @if (Auth::user()->role === 'supervisor')
        <div class="mt-2">
          <a href="{{ route('device-requests.supervisor.index') }}" class="btn btn-warning btn-sm">待審核</a>
        </div>
      @endif
    </div>
  </div>
</div>

{{-- 👥 資產一覽卡片 --}}
<div class="col-md-6 col-lg-4">
  <div class="card shadow-sm h-100 text-center">
    <div class="card-body">
      <div class="display-1 mb-3">📋</div>
      <h4 class="card-title">部屬資產管理</h4>
      <p class="card-text">查看您與部屬所管理的資產總表。</p>
      <a href="{{ route('assets.subordinates') }}" class="btn btn-success">前往查看</a>
    </div>
  </div>
</div>