@extends('layouts.app')

@section('title', 'Manajemen Pengguna')

@section('content')
    <div class="page-header">
        <div><span class="eyebrow">Administrasi Sistem</span><h1>Manajemen Pengguna</h1><p>Kelola akun admin dan anggota yang dapat masuk ke sistem.</p></div>
        <div class="header-actions"><a class="btn btn-primary btn-link" href="{{ route('users.create') }}">＋ Tambah Pengguna</a></div>
    </div>
    <section class="card">
        <div class="card-header"><div><h2>Daftar Akun</h2><p>Anggota dapat menggunakan modul operasional. Hanya admin yang dapat mengelola akun pengguna.</p></div></div>
        <div class="table-scroll"><table>
            <thead><tr><th>Nama</th><th>Username</th><th>Peran</th><th>Dibuat</th></tr></thead>
            <tbody>
            @forelse($users as $user)
                <tr>
                    <td><strong>{{ $user->name }}</strong>@if($user->id === auth()->id()) <span class="subcell">Akun Anda</span>@endif</td>
                    <td><span class="code">{{ $user->username }}</span></td>
                    <td><span class="badge badge-{{ $user->role === 'admin' ? 'green' : 'amber' }}">{{ ucfirst($user->role) }}</span></td>
                    <td>{{ $user->created_at->translatedFormat('d M Y') }}</td>
                </tr>
            @empty
                <tr><td colspan="4" class="empty-row">Belum ada akun pengguna.</td></tr>
            @endforelse
            </tbody>
        </table></div>
        <div class="pagination"><span>Menampilkan {{ $users->firstItem() ?? 0 }}–{{ $users->lastItem() ?? 0 }} dari {{ $users->total() }} akun</span>{{ $users->links() }}</div>
    </section>
@endsection