@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

  {{-- 狀態篩選 --}}
  @php
    $statuses = [
      ''              => '全部',
      'pending'       => '待主管審核',
      'pending_admin' => '待管理者審核',
      'approved'      => '已核准',
      'rejected'      => '已拒絕',
    ];
    $currentStatus = request('status', '');
  @endphp
  <div class="mb-3 d-flex gap-2 flex-wrap">
    @foreach ($statuses as $val => $label)
      <a href="{{ route('account-requests.admin.index', array_filter(['status' => $val])) }}"
        class="btn btn-sm {{ $currentStatus === $val ? 'btn-dark' : 'btn-outline-secondary' }}">
        {{ $label }}
      </a>
    @endforeach
  </div>

  @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>
                <span class="badge bg-{{ $item->status_badge }}">{{ $item->status_label }}</span>
              </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>
                  @if ($item->status === 'pending_admin')
                    <form action="{{ route('account-requests.admin.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="#adminRejectModal{{ $item->id }}">拒絕</button>
                  @endif
                </div>

                {{-- 拒絕 Modal --}}
                @if ($item->status === 'pending_admin')
                <div class="modal fade" id="adminRejectModal{{ $item->id }}" tabindex="-1">
                  <div class="modal-dialog">
                    <form action="{{ route('account-requests.admin.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>
                @endif
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
    <div class="mt-3">{{ $list->links() }}</div>
  @endif
</div>
@endsection