@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-gear me-2"></i>交接審核人員設定</h4>
    <a href="{{ route('handovers.index') }}" class="btn btn-outline-secondary btn-sm">
      <i class="bi bi-arrow-left me-1"></i>返回
    </a>
  </div>

  @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
      {{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
  @endif

  <div class="card shadow-sm" style="max-width:600px;">
    <div class="card-header fw-bold">各關卡核准人員</div>
    <div class="card-body">
      <form action="{{ route('handovers.settings.update') }}" method="POST">
        @csrf
        <div class="table-responsive"><table class="table table-sm align-middle mb-3">
          <thead class="table-light">
            <tr><th style="width:140px">關卡</th><th>核准人員</th></tr>
          </thead>
          <tbody>
            @foreach($stages as $status => $info)
            <tr>
              <td class="fw-semibold">{{ $info['label'] }}</td>
              <td>
                <select name="approvers[{{ $info['key'] }}]" class="form-select form-select-sm">
                  <option value="">— 未指定（系統自動） —</option>
                  @foreach($users as $u)
                    <option value="{{ $u->id }}"
                      {{ ($approvers[$info['key']]->approver_id ?? null) == $u->id ? 'selected' : '' }}>
                      {{ $u->name }}
                      @if($u->department) （{{ $u->department }}）@endif
                    </option>
                  @endforeach
                </select>
              </td>
            </tr>
            @endforeach
          </tbody>
        </table></div>
        <div class="text-end">
          <button type="submit" class="btn btn-primary">
            <i class="bi bi-save me-1"></i>儲存設定
          </button>
        </div>
      </form>
    </div>
    <div class="card-footer text-muted small">
      未指定時，系統將依各組 supervisor 帳號或 admin 帳號自動指派。
    </div>
  </div>
</div>
@endsection