@extends('layouts.app')

@section('content')
<div class="container py-4">
  <div class="d-flex justify-content-between align-items-center mb-4">
    <h4>All Administrators</h4>
    <a href="{{ route('admins.create') }}" class="btn btn-success">+ Add Admin</a>
  </div>

  {{-- per‑page & search --}}
  <div class="row mb-3 align-items-center">
    <div class="col-md-6">
      <form method="GET" class="d-flex align-items-center">
        <label class="me-2 mb-0">Show</label>
        <select name="perPage" class="form-select w-auto" onchange="this.form.submit()">
          @foreach([5,10,25,50] as $n)
            <option value="{{ $n }}" {{ request('perPage',10)==$n?'selected':'' }}>
              {{ $n }}
            </option>
          @endforeach
        </select>
        <label class="ms-2 mb-0">entries</label>
        <input type="hidden" name="search" value="{{ request('search') }}">
      </form>
    </div>
    <div class="col-md-6">
      <form method="GET" class="d-flex justify-content-end">
        <input type="text" name="search" class="form-control w-50"
               placeholder="Search..." value="{{ request('search') }}">
        <button type="submit" class="btn btn-primary ms-2">Search</button>
      </form>
    </div>
  </div>

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

  <div class="table-responsive">
    <table class="table table-bordered align-middle mb-0">
      <thead class="table-light">
        <tr>
          <th>ID</th>
          <th>FULLNAMES</th>
          <th>EMAIL</th>
          <th>ADMIN RIGHTS</th>
          <th>STATUS</th>
        </tr>
      </thead>
      <tbody>
        @forelse($admins as $a)
        <tr>
          <td>{{ $a->id }}</td>
          <td>{{ $a->full_name }}</td>
          <td>{{ $a->email }}</td>
          <td>
            <form action="{{ route('admins.toggleRight', $a->id) }}" method="POST" class="d-inline">
              @csrf
              <button type="submit" class="btn btn-sm btn-{{ $a->is_superadmin ? 'secondary' : 'warning' }}">
                {{ $a->is_superadmin ? 'Make Normal' : 'Make Super' }}
              </button>
            </form>
          </td>
          <td>
            <form action="{{ route('admins.toggleStatus', $a->id) }}" method="POST" class="d-inline">
              @csrf
              <button type="submit" class="btn btn-sm btn-{{ $a->is_active ? 'danger' : 'success' }}">
                {{ $a->is_active ? 'Deactivate' : 'Activate' }}
              </button>
            </form>
          </td>
        </tr>
        @empty
        <tr>
          <td colspan="5" class="text-center text-muted py-4">
            No administrators found.
          </td>
        </tr>
        @endforelse
      </tbody>
    </table>
  </div>

  <div class="d-flex justify-content-between align-items-center mt-3">
    <div>
      Showing <strong>{{ $admins->firstItem() ?? 0 }}</strong>
      to <strong>{{ $admins->lastItem() ?? 0 }}</strong>
      of <strong>{{ $admins->total() }}</strong> entries
    </div>
    <nav>
      {{ $admins->withQueryString()->links() }}
    </nav>
  </div>
</div>
@endsection