@extends('admin.layout')
@section('title', 'Admin')
@section('subtitle', 'Akun yang bisa masuk ke CMS ini')

@section('content')
    <div class="flex flex-wrap items-center gap-2 mb-4">
        <p class="text-sm text-sub">Total {{ $admins->total() }} akun admin.</p>
        <form method="GET" class="ml-auto">
            <input name="q" value="{{ request('q') }}" placeholder="Cari nama / email…"
                   class="w-64 max-w-full rounded-xl border border-line px-3.5 py-2 text-sm outline-none focus:border-brand focus:ring-2 focus:ring-brand/20">
        </form>
    </div>

    <div class="bg-white rounded-2xl border border-line overflow-hidden">
        <div class="overflow-x-auto">
            <table class="w-full text-sm">
                <thead class="bg-canvas text-sub text-xs uppercase tracking-wide">
                    <tr>
                        <th class="text-left font-semibold px-5 py-3">Nama</th>
                        <th class="text-left font-semibold px-5 py-3">Email</th>
                        <th class="text-left font-semibold px-5 py-3">Status</th>
                        <th class="text-left font-semibold px-5 py-3">Login terakhir</th>
                        <th class="text-left font-semibold px-5 py-3">Dibuat</th>
                        <th class="text-right font-semibold px-5 py-3">Aksi</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-line">
                    @forelse ($admins as $row)
                        <tr class="hover:bg-canvas transition">
                            <td class="px-5 py-3">
                                <div class="flex items-center gap-3">
                                    <span class="w-8 h-8 rounded-full bg-accent-soft text-accent grid place-items-center text-xs font-bold">
                                        {{ strtoupper(mb_substr($row->name, 0, 1)) }}
                                    </span>
                                    <span class="font-semibold">{{ $row->name }}</span>
                                    @if ($row->is(auth('admin')->user()))
                                        <x-badge color="blue">Anda</x-badge>
                                    @endif
                                </div>
                            </td>
                            <td class="px-5 py-3 text-sub">{{ $row->email }}</td>
                            <td class="px-5 py-3">
                                <x-badge :color="$row->is_active ? 'green' : 'red'">
                                    {{ $row->is_active ? 'Aktif' : 'Nonaktif' }}
                                </x-badge>
                            </td>
                            <td class="px-5 py-3 text-sub">{{ $row->last_login_at?->format('d M Y H:i') ?? '—' }}</td>
                            <td class="px-5 py-3 text-sub">{{ $row->created_at?->format('d M Y') }}</td>
                            <td class="px-5 py-3 text-right whitespace-nowrap">
                                {{-- Tombolnya disembunyikan untuk diri sendiri dan untuk admin
                                     terakhir. Keduanya juga ditolak di server — tombol yang
                                     hilang bukan penjagaan. --}}
                                @if ($row->is(auth('admin')->user()) || $admins->total() <= 1)
                                    <span class="text-muted">—</span>
                                @else
                                    <form method="POST" action="{{ route('admin.admins.destroy', $row) }}"
                                          onsubmit="return confirm(@js("Hapus admin {$row->name}?\n\nAkun ini tidak akan bisa masuk CMS lagi.\n\nTindakan ini tidak bisa dibatalkan."))">
                                        @csrf @method('DELETE')
                                        <button class="font-semibold text-red-500 hover:text-red-600">Hapus</button>
                                    </form>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="px-5 py-8 text-center text-sub">Tidak ada data.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <x-pagination :paginator="$admins" unit="admin" />
@endsection