@extends('admin.layout')
@section('title','Role & Permission')
@section('content')

<div class="page-header">
  <div>
    <h1>Role & Permission</h1>
    <p>Ringkasan peran saat ini dan daftar akun Administrator/Super Admin.</p>
  </div>
</div>

<div class="card">
  <div class="card-body">
    <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;">
      @foreach($roles as $role)
      <div class="stat-card" style="padding:18px;">
        <div class="stat-label">{{ $roleLabels[$role->role] ?? ucfirst($role->role) }}</div>
        <div class="stat-value" style="margin-top:10px;">{{ $role->total }}</div>
      </div>
      @endforeach
    </div>
  </div>
</div>

<div class="card">
  <div class="card-header"><div class="card-title"><i data-lucide="users" style="width:16px;height:16px;"></i> Akun Super Admin & Admin</div></div>
  <div class="card-body">
    <div style="overflow-x:auto;">
      <table>
        <thead>
          <tr><th>#</th><th>Nama</th><th>Username / Email</th><th>Role</th><th>Terdaftar</th><th>Aksi</th></tr>
        </thead>
        <tbody>
          @forelse($admins as $index => $admin)
          <tr>
            <td>{{ $index + 1 }}</td>
            <td>{{ $admin->nama_pendaftar ?? '-' }}</td>
            <td>{{ $admin->username ?? $admin->email ?? '-' }}</td>
            <td>
              @if($admin->role === 'superadmin')
                <span class="badge badge-red">Super Admin</span>
              @else
                <form method="POST" action="{{ route('admin.role.permissions.update') }}" style="display:flex;gap:8px;align-items:center;">
                  @csrf
                  <input type="hidden" name="user_id" value="{{ $admin->id_user }}">
                  <select name="role" class="form-select" style="width:180px;">
                    <option value="admin" {{ $admin->role === 'admin' ? 'selected' : '' }}>Admin PPDB</option>
                    <option value="pendaftar" {{ $admin->role === 'pendaftar' ? 'selected' : '' }}>Pendaftar</option>
                  </select>
                  <button type="submit" class="btn btn-outline btn-sm">Simpan</button>
                </form>
              @endif
            </td>
            <td>{{ \Carbon\Carbon::parse($admin->created_at)->format('d M Y') }}</td>
            <td>
              @if($admin->role !== 'superadmin')
              <span class="badge badge-blue">Dapat diubah</span>
              @else
              <span class="badge badge-green">Terkunci</span>
              @endif
            </td>
          </tr>
          @empty
          <tr><td colspan="6" style="text-align:center;color:var(--gray-600);padding:18px;">Tidak ada akun admin</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>

<div class="card">
  <div class="card-body">
    <div style="padding:18px;border:1px dashed var(--gray-200);border-radius:14px;background:var(--gray-50);">
      <strong>Catatan:</strong> Pengaturan hak akses masih berbasis role di database. Halaman ini hanya menampilkan ringkasan peran saat ini dan bukan editor hak akses penuh.
    </div>
  </div>
</div>

@endsection