@extends('layouts.app')

@section('content')
<div class="container my-4">
  <h1 class="mb-4">帳號申請 — 主管審核</h1>

  @if (session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
  @endif

  @if ($list->isEmpty())
    <div class="alert alert-light text-center text-muted">目前沒有待審核的申請。</div>
  @else
    <div class="card">
      <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>
            </tr>
          </thead>
          <tbody>
            @foreach ($list as $item)
            <tr>
              <td>{{ $item->id }}</td>
              <td>{{ optional($item->user)->name }}</td>
              <td>{{ $item->request_type_label }}</td>
              <td>
                {{ $item->username }}
                @if ($item->chinese_name)
                  <br><small class="text-muted">{{ $item->chinese_name }}</small>
                @endif
              </td>
              <td>{{ $item->host_info ?? '-' }}</td>
              <td class="text-muted" style="max-width:200px; white-space:pre-wrap;">{{ Str::limit($item->reason, 60) }}</td>
              <td>{{ $item->created_at->format('Y-m-d') }}</td>
              <td>
                <div class="d-flex gap-1 flex-wrap">
                  <a href="{{ route('account-requests.show', $item) }}" class="btn btn-sm btn-outline-secondary">查看</a>
                  <form action="{{ route('account-requests.supervisor.approve', $item) }}" method="POST" class="d-inline">
                    @csrf
                    <button class="btn btn-sm btn-success" onclick="return confirm('確定核准此申請？')">核准</button>
                  </form>
                  <button class="btn btn-sm btn-danger" data-bs-toggle="modal"
                    data-bs-target="#rejectModal{{ $item->id }}">拒絕</button>
                </div>

                {{-- 拒絕 Modal --}}
                <div class="modal fade" id="rejectModal{{ $item->id }}" tabindex="-1">
                  <div class="modal-dialog">
                    <form action="{{ route('account-requests.supervisor.reject', $item) }}" method="POST">
                      @csrf
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title">拒絕申請 #{{ $item->id }}</h5>
                          <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                        </div>
                        <div class="modal-body">
                          <label class="form-label">拒絕原因（選填）</label>
                          <textarea name="reject_reason" class="form-control" rows="3"
                            placeholder="請填寫拒絕原因，申請人可查看"></textarea>
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                          <button type="submit" class="btn btn-danger">確定拒絕</button>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
    <div class="mt-3">{{ $list->links() }}</div>
  @endif
</div>
@endsection