@extends('layouts.app')

@section('content')
<div class="container my-4">
  <div class="d-flex justify-content-between align-items-center mb-4">
    <h1>帳號申請紀錄</h1>
    <a href="{{ route('account-requests.create') }}" class="btn btn-primary">
      <i class="bi bi-plus-lg"></i> 新增申請
    </a>
  </div>

  @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>
            </tr>
          </thead>
          <tbody>
            @foreach ($list as $item)
            <tr>
              <td>{{ $item->id }}</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>
                <a href="{{ route('account-requests.show', $item) }}" class="btn btn-sm btn-outline-secondary">查看</a>
                @if ($item->status === 'pending')
                  <form action="{{ route('account-requests.destroy', $item) }}" 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>
    </div>
    <div class="mt-3">{{ $list->links() }}</div>
  @endif
</div>
@endsection