@extends('layouts.app')
@section('title', 'Urus Pengguna')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <div class="text-muted">Pengguna sistem mengikut peranan: Admin, Kaunter, Cabutan.</div>
    <a href="{{ route('admin.users.create') }}" class="btn btn-teal"><i class="bi bi-person-plus"></i> Pengguna Baru</a>
</div>

<div class="card"><div class="card-body">
    <div class="table-responsive">
        <table class="table table-koipb table-hover align-middle">
            <thead><tr><th>Nama</th><th>Emel</th><th>Peranan</th><th></th></tr></thead>
            <tbody>
            @forelse($users as $user)
                <tr>
                    <td class="fw-semibold">{{ $user->name }}
                        @if($user->id === auth()->id())<span class="badge bg-teal ms-1">Anda</span>@endif</td>
                    <td>{{ $user->email }}</td>
                    <td><span class="badge bg-dark2">{{ $user->roleLabel() }}</span></td>
                    <td class="text-end">
                        <a href="{{ route('admin.users.edit', $user) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-pencil"></i></a>
                        <form action="{{ route('admin.users.destroy', $user) }}" method="POST" class="d-inline" onsubmit="return confirm('Padam pengguna ini?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger" @disabled($user->id === auth()->id())><i class="bi bi-trash"></i></button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="4" class="text-center text-muted py-4">Tiada pengguna.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    {{ $users->links() }}
</div></div>
@endsection