@extends('layouts.app')
@section('title', '交接審核管理')

@section('content')
<div class="container-fluid px-4 py-4">
  <div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="fw-bold mb-0"><i class="bi bi-clipboard-check me-2"></i>交接審核管理</h4>
    <div class="d-flex gap-2">
      <a href="{{ route('handovers.index') }}" class="btn btn-sm btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i>返回清單
      </a>
      @if(auth()->user()->role === 'admin')
        <div class="dropdown">
          <button class="btn btn-outline-success btn-sm dropdown-toggle" data-bs-toggle="dropdown">
            <i class="bi bi-download me-1"></i>匯出報告
          </button>
          <ul class="dropdown-menu dropdown-menu-end">
            <li><a class="dropdown-item" href="{{ route('handovers.export') }}">
              <i class="bi bi-file-earmark-excel me-1 text-success"></i>全部匯出
            </a></li>
            <li><a class="dropdown-item" href="{{ route('handovers.export', ['status' => 'approved']) }}">
              <i class="bi bi-check-circle me-1 text-success"></i>已核准
            </a></li>
            <li><a class="dropdown-item" href="{{ route('handovers.export', ['status' => 'rejected']) }}">
              <i class="bi bi-x-circle me-1 text-danger"></i>已退回
            </a></li>
          </ul>
        </div>
      @endif
      <a href="{{ route('handovers.review.history') }}" class="btn btn-outline-secondary btn-sm">
        <i class="bi bi-clock-history me-1"></i>歷史審核紀錄
      </a>
    </div>
  </div>

  @foreach(['success','error'] as $t)
    @if(session($t))
      <div class="alert alert-{{ $t === 'error' ? 'danger' : 'success' }} alert-dismissible fade show">
        {{ session($t) }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
      </div>
    @endif
  @endforeach

  @php $user = auth()->user(); @endphp

  @if($user->role === 'supervisor')

    {{-- Supervisor: pending approvals waiting for them --}}
    @if($pending->isEmpty())
      <div class="card shadow-sm">
        <div class="card-body text-center text-muted py-5">
          <i class="bi bi-check2-circle fs-2 d-block mb-2 text-success"></i>
          目前無待審核的交接申請
        </div>
      </div>
    @else
      <div class="card shadow-sm">
        <div class="card-header fw-bold">
          <i class="bi bi-clock-fill text-warning me-1"></i>
          待我審核（{{ $pending->count() }}）
        </div>
        <div class="table-responsive">
          <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
              <tr>
                <th>申請人</th>
                <th>類型</th>
                <th>預計日期</th>
                <th>目前關卡</th>
                <th>送出時間</th>
                <th></th>
              </tr>
            </thead>
            <tbody>
              @foreach($pending as $a)
              @php $h = $a->handover; $sl = $h->statusLabel(); @endphp
              <tr>
                <td class="fw-semibold">{{ $h->applicant->name }}</td>
                <td>{{ $h->type === 'resignation' ? '離職' : '調職' }}</td>
                <td class="text-muted small">{{ $h->expected_date?->format('Y-m-d') ?? '—' }}</td>
                <td><span class="badge bg-{{ $sl['color'] }}">{{ $sl['label'] }}</span></td>
                <td class="text-muted small">{{ $h->updated_at->format('Y-m-d') }}</td>
                <td>
                  <a href="{{ route('handovers.show', $h) }}" class="btn btn-sm btn-primary">
                    <i class="bi bi-pen me-1"></i>審核
                  </a>
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    @endif

    {{-- Pipeline: handovers heading toward this supervisor's stage --}}
    @if($inProgress->isNotEmpty())
      <div class="card shadow-sm mt-4">
        <div class="card-header fw-bold text-muted">
          <i class="bi bi-hourglass-split me-1"></i>
          審核中（尚未到我的關卡，{{ $inProgress->count() }}）
        </div>
        <div class="table-responsive">
          <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
              <tr>
                <th>申請人</th>
                <th>類型</th>
                <th>預計日期</th>
                <th>目前關卡</th>
                <th></th>
              </tr>
            </thead>
            <tbody>
              @foreach($inProgress as $h)
              @php $sl = $h->statusLabel(); @endphp
              <tr>
                <td class="fw-semibold">{{ $h->applicant->name }}</td>
                <td>{{ $h->type === 'resignation' ? '離職' : '調職' }}</td>
                <td class="text-muted small">{{ $h->expected_date?->format('Y-m-d') ?? '—' }}</td>
                <td><span class="badge bg-{{ $sl['color'] }}">{{ $sl['label'] }}</span></td>
                <td>
                  <a href="{{ route('handovers.show', $h) }}" class="btn btn-sm btn-outline-secondary">
                    <i class="bi bi-eye me-1"></i>檢視
                  </a>
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    @endif

  @else

    {{-- Admin: boss-stage pending first, then other in-progress --}}

    {{-- 待營運長核准 --}}
    @if($pending->isNotEmpty())
      <div class="card border-warning shadow-sm mb-4">
        <div class="card-header bg-warning bg-opacity-10 fw-bold text-warning-emphasis">
          <i class="bi bi-clock-fill me-1"></i>待我核准（營運長關卡，{{ $pending->count() }}）
        </div>
        <div class="table-responsive">
          <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
              <tr><th>申請人</th><th>類型</th><th>預計日期</th><th>送出時間</th><th></th></tr>
            </thead>
            <tbody>
              @foreach($pending as $a)
              @php $h = $a->handover; @endphp
              <tr>
                <td class="fw-semibold">{{ $h->applicant->name }}</td>
                <td>{{ $h->type === 'resignation' ? '離職' : '調職' }}</td>
                <td class="text-muted small">{{ $h->expected_date?->format('Y-m-d') ?? '—' }}</td>
                <td class="text-muted small">{{ $h->updated_at->format('Y-m-d') }}</td>
                <td>
                  <a href="{{ route('handovers.show', $h) }}" class="btn btn-sm btn-primary">
                    <i class="bi bi-pen me-1"></i>審核
                  </a>
                </td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    @endif

    {{-- 其他在途（尚未到營運長關卡） --}}
    @if($byStage->isNotEmpty())
      @foreach(\App\Models\Handover::STAGES as $status => $info)
        @if($status === 'stage_5') @continue @endif
        @php $group = $byStage[$status] ?? collect(); @endphp
        @if($group->isNotEmpty())
          @php $sl = \App\Models\Handover::STATUS_LABELS[$status]; @endphp
          <div class="card shadow-sm mb-3">
            <div class="card-header fw-bold">
              <span class="badge bg-{{ $sl['color'] }} me-2">{{ $sl['label'] }}</span>
              {{ $info['label'] }}關卡（{{ $group->count() }} 件）
            </div>
            <div class="table-responsive">
              <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                  <tr><th>申請人</th><th>類型</th><th>預計日期</th><th>送出時間</th><th></th></tr>
                </thead>
                <tbody>
                  @foreach($group as $h)
                  <tr>
                    <td class="fw-semibold">{{ $h->applicant->name }}</td>
                    <td>{{ $h->type === 'resignation' ? '離職' : '調職' }}</td>
                    <td class="text-muted small">{{ $h->expected_date?->format('Y-m-d') ?? '—' }}</td>
                    <td class="text-muted small">{{ $h->updated_at->format('Y-m-d') }}</td>
                    <td>
                      <a href="{{ route('handovers.show', $h) }}" class="btn btn-sm btn-outline-primary">
                        <i class="bi bi-eye me-1"></i>查看
                      </a>
                    </td>
                  </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
          </div>
        @endif
      @endforeach
    @endif

    @if($pending->isEmpty() && $byStage->isEmpty())
      <div class="card shadow-sm">
        <div class="card-body text-center text-muted py-5">
          <i class="bi bi-check2-circle fs-2 d-block mb-2 text-success"></i>
          目前無進行中的交接申請
        </div>
      </div>
    @endif

  @endif
</div>
@endsection