@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-clock-history me-2"></i>歷史審核紀錄</h4>
    <a href="{{ route('handovers.review') }}" class="btn btn-outline-secondary btn-sm">
      <i class="bi bi-arrow-left me-1"></i>回待審核
    </a>
  </div>

  @if($history->isEmpty())
    <div class="card shadow-sm">
      <div class="card-body text-center text-muted py-5">
        <i class="bi bi-inbox fs-2 d-block mb-2"></i>
        尚無審核紀錄
      </div>
    </div>
  @else
    <div class="card shadow-sm">
      <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>
              <th>意見</th>
              <th>審核時間</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            @foreach($history as $a)
            @php
              $h = $a->handover;
              $stageLabel = \App\Models\HandoverApproval::STAGE_LABELS[$a->stage] ?? $a->stage;
            @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-secondary">{{ $stageLabel }}</span></td>
              <td>
                @if($a->status === 'approved')
                  <span class="badge bg-success">核准</span>
                @else
                  <span class="badge bg-danger">退回</span>
                @endif
              </td>
              <td class="text-muted small">{{ $a->approver?->name ?? '—' }}</td>
              <td class="text-muted small" style="max-width:200px">
                {{ $a->comment ? \Illuminate\Support\Str::limit($a->comment, 50) : '—' }}
              </td>
              <td class="text-muted small">{{ $a->updated_at->format('Y-m-d H:i') }}</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
</div>
@endsection