@extends('layouts.app')

@section('content')
  <div class="container">
    <h3 class="mb-4">📋 資訊資產一覽表</h3>

    {{-- ✅ 自己的資產卡片 --}}
    <div class="card mb-5 shadow rounded-3 border-0">
      <div class="card-header bg-primary text-white fw-bold">
        👤 您自己（{{ $supervisor->name }}｜{{ $supervisor->department }}）的資產清單
        <span class="float-end">📦 共 {{ $myAssets->count() }} 項設備</span>
      </div>
      <div class="card-body p-0">
        <div class="table-responsive">
          <table class="table table-sm table-bordered mb-0 text-center align-middle">
            <thead class="table-light">
              <tr>
                <th>分類</th>
                <th>設備名稱</th>
                <th>序號</th>
                <th>CIA</th>
                <th>位置</th>
                <th>可外借</th>
              </tr>
            </thead>
            <tbody>
              @forelse($myAssets as $a)
                <tr>
                  <td>{{ $a->category }}</td>
                  <td>{{ $a->asset_name }}</td>
                  <td>{{ $a->asset_sn }}</td>
                  <td>{{ $a->confidentiality }}/{{ $a->integrity }}/{{ $a->availability }}</td>
                  <td>{{ $a->location }}</td>
                  <td>{{ $a->lendable ? '✅' : '❌' }}</td>
                </tr>
              @empty
                <tr>
                  <td colspan="6" class="text-muted">尚無資產</td>
                </tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>

    {{-- ✅ 部屬的卡片們 --}}
    <h4 class="mb-3">👥 您的部屬（共 {{ $subordinates->count() }} 位）</h4>

    <div class="row g-4">
      @forelse($subordinates as $user)
        <div class="col-12 col-md-6">
          <div class="card shadow-sm h-100 border-0 rounded-3">
            <div class="card-header bg-success text-white fw-bold">
              👤 {{ $user->name }}（{{ $user->department }}）
              <span class="float-end">📦 {{ $user->managedAssets->count() }} 項設備</span>
            </div>
            <div class="card-body p-0">
              <div class="table-responsive">
                <table class="table table-sm table-bordered mb-0 text-center align-middle">
                  <thead class="table-light">
                    <tr>
                      <th>分類</th>
                      <th>設備名稱</th>
                      <th>序號</th>
                      <th>CIA</th>
                      <th>位置</th>
                      <th>可外借</th>
                    </tr>
                  </thead>
                  <tbody>
                    @forelse($user->managedAssets as $a)
                      <tr>
                        <td>{{ $a->category }}</td>
                        <td>{{ $a->asset_name }}</td>
                        <td>{{ $a->asset_sn }}</td>
                        <td>{{ $a->confidentiality }}/{{ $a->integrity }}/{{ $a->availability }}</td>
                        <td>{{ $a->location }}</td>
                        <td>{{ $a->lendable ? '✅' : '❌' }}</td>
                      </tr>
                    @empty
                      <tr>
                        <td colspan="6" class="text-muted">尚無資產</td>
                      </tr>
                    @endforelse
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      @empty
        <div class="col-12">
          <div class="alert alert-warning">目前沒有部屬資料</div>
        </div>
      @endforelse
    </div>
  </div>
@endsection