@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-person-dash me-2"></i>離職/調職交接</h4>
    @if(auth()->user()->role !== 'admin')
      <a href="{{ route('handovers.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-lg me-1"></i>申請交接
      </a>
    @endif
  </div>

  {{-- 待我審核 --}}
  @if($pendingApprovals->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>待我審核（{{ $pendingApprovals->count() }}）
      </div>
      <div class="list-group list-group-flush">
        @foreach($pendingApprovals as $a)
          <a href="{{ route('handovers.show', $a->handover) }}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
            <span>
              <strong>{{ $a->handover->applicant->name }}</strong>
              <span class="text-muted ms-2">{{ $a->handover->type === 'resignation' ? '離職' : '調職' }}</span>
            </span>
            <span class="badge bg-warning text-dark">{{ $a->stageLabel() }} 待核准</span>
          </a>
        @endforeach
      </div>
    </div>
  @endif

  {{-- 我需要確認的交接（被交接人） --}}
  @if($receiverHandovers->isNotEmpty())
    <div class="card border-info shadow-sm mb-4">
      <div class="card-header bg-info bg-opacity-10 fw-bold text-info-emphasis">
        <i class="bi bi-box-arrow-in-down me-1"></i>我需要確認的交接（{{ $receiverHandovers->count() }}）
      </div>
      <div class="list-group list-group-flush">
        @foreach($receiverHandovers as $h)
        @php
          $myProjects = $h->projects; // already filtered in controller
          $allConfirmed = $myProjects->every(fn($p) => $p->receiver_confirmed_at !== null);
          $confirmedCount = $myProjects->where('receiver_confirmed_at', '!=', null)->count();
          $sl = $h->statusLabel();
        @endphp
        <a href="{{ route('handovers.show', $h) }}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
          <span>
            <strong>{{ $h->applicant->name }}</strong>
            <span class="text-muted ms-2">{{ $h->type === 'resignation' ? '離職' : '調職' }}</span>
            <span class="text-muted ms-2 small">
              專案：{{ $myProjects->map(fn($p) => $p->project->name)->join('、') }}
            </span>
          </span>
          <span>
            @if($allConfirmed)
              <span class="badge bg-success">已全部確認</span>
            @elseif($confirmedCount > 0)
              <span class="badge bg-warning text-dark">確認中（{{ $confirmedCount }}/{{ $myProjects->count() }}）</span>
            @else
              <span class="badge bg-secondary">待確認</span>
            @endif
          </span>
        </a>
        @endforeach
      </div>
    </div>
  @endif

  {{-- 申請清單 --}}
  <div class="card shadow-sm">
    <div class="card-header fw-bold">交接申請紀錄</div>
    @if($handovers->isEmpty())
      <div class="card-body text-center text-muted py-5">
        <i class="bi bi-inbox fs-2 d-block mb-2"></i>尚無交接申請
      </div>
    @else
      <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($handovers as $h)
            @php $sl = $h->statusLabel(); @endphp
            <tr>
              <td class="fw-semibold">{{ $h->applicant->name }}</td>
              <td>{{ $h->type === 'resignation' ? '🚪 離職' : '🔄 調職' }}</td>
              <td>{{ $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->created_at->format('Y-m-d') }}</td>
              <td>
                <a href="{{ route('handovers.show', $h) }}" class="btn btn-sm btn-outline-primary">查看</a>
                @if($h->isDeletable() && $h->applicant_id === auth()->id())
                  <form action="{{ route('handovers.destroy', $h) }}" method="POST" class="d-inline"
                        onsubmit="return confirm('確定刪除此申請？')">
                    @csrf @method('DELETE')
                    <button class="btn btn-sm btn-outline-danger">刪除</button>
                  </form>
                @endif
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>
      @if($handovers->hasPages())
        <div class="card-footer">{{ $handovers->links() }}</div>
      @endif
    @endif
  </div>

  @if(auth()->user()->role === 'admin' || auth()->user()->role === 'supervisor')
    <div class="mt-3 text-end">
      <a href="{{ route('handovers.checklist') }}" class="btn btn-outline-secondary btn-sm">
        <i class="bi bi-list-check me-1"></i>管理交接項目範本
      </a>
    </div>
  @endif

</div>
@endsection