@extends('layouts.app')
@section('title', 'Data Petugas')
@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 style="color:#334155; font-weight:600;">Manajemen Petugas</h4>
    <a href="{{ route('users.create') }}" class="btn btn-primary btn-sm">
        <i class="bi bi-person-plus me-1"></i> Tambah Petugas
    </a>
</div>

<div class="card shadow-sm" style="border:none; border-radius:10px;">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table mb-0">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Nama Lengkap</th>
                        <th>Username</th>
                        <th>Role Akses</th>
                        <th width="150">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($users as $i => $u)
                    <tr>
                        <td>{{ $users->firstItem() + $i }}</td>
                        <td class="fw-bold">{{ $u->nama }}</td>
                        <td><span class="text-muted">{{ $u->username }}</span></td>
                        <td>
                            @if($u->role == 'admin') <span class="badge-aktif">Admin</span>
                            @else <span class="badge-dipinjam">Petugas Biasa</span>
                            @endif
                        </td>
                        <td>
                            <a href="{{ route('users.edit', $u) }}" class="btn btn-warning btn-sm">Edit</a>
                            @if($u->id != session('user_id'))
                            <form action="{{ route('users.destroy', $u) }}" method="POST" style="display:inline" onsubmit="return confirm('Hapus petugas ini?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-danger btn-sm">Hapus</button>
                            </form>
                            @endif
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="5" class="text-center py-4 text-muted">Belum ada data petugas</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="mt-3">
    {{ $users->links() }}
</div>

@endsection