@extends('layouts.admin')
@section('title', 'Akun & Role')
@section('admin_content')
<div class="admin-card overflow-hidden">
    <div class="flex flex-wrap items-center justify-between gap-3 border-b border-slate-100 p-5">
        <form class="flex gap-2"><input class="admin-input" name="q" placeholder="Cari akun..." value="{{ request('q') }}"><button class="btn-admin-soft">Cari</button></form>
        <a class="btn-admin-primary" href="{{ route('admin.users.create') }}"><i class="fa-solid fa-plus"></i>Tambah Akun</a>
    </div>
    <div class="overflow-x-auto"><table class="w-full min-w-[720px] text-sm"><thead class="bg-slate-50 text-left text-xs uppercase text-slate-500"><tr><th class="px-5 py-4">Nama</th><th>Email</th><th>Role</th><th>Warga Terkait</th><th>Aksi</th></tr></thead><tbody class="divide-y divide-slate-100">@foreach($users as $u)<tr><td class="px-5 py-4 font-black">{{ $u->name }}</td><td>{{ $u->email }}</td><td><span class="badge">{{ $u->role }}</span></td><td>{{ optional($u->resident)->name ?? '-' }}</td><td class="flex gap-2 py-3"><a class="btn-admin-soft" href="{{ route('admin.users.edit',$u) }}">Edit</a><form method="post" action="{{ route('admin.users.destroy',$u) }}" onsubmit="return confirm('Hapus akun?')">@csrf @method('delete')<button class="btn-danger">Hapus</button></form></td></tr>@endforeach</tbody></table></div><div class="p-4">{{ $users->links() }}</div>
</div>
@endsection