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

@section('content')
<div class="card">
    <div class="card-header bg-white text-end">
        <a href="{{ route('user.create') }}" class="btn btn-primary"><i class="bi bi-person-plus"></i> Tambah Pengguna</a>
    </div>
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead class="table-light"><tr><th>Nama</th><th>Email</th><th>Role</th><th class="text-end">Aksi</th></tr></thead>
            <tbody>
            @foreach($users as $u)
                <tr>
                    <td>{{ $u->name }}</td>
                    <td>{{ $u->email }}</td>
                    <td><span class="badge text-bg-{{ ['admin' => 'primary', 'kasir' => 'success', 'marketing' => 'info'][$u->role] ?? 'secondary' }}">{{ \App\Models\User::PERAN[$u->role] ?? $u->role }}</span></td>
                    <td class="text-end text-nowrap">
                        <a href="{{ route('user.edit', $u) }}" class="btn btn-sm btn-outline-warning"><i class="bi bi-pencil"></i></a>
                        @unless($u->is(auth()->user()))
                            <form method="POST" action="{{ route('user.destroy', $u) }}" class="d-inline" data-confirm="Hapus pengguna {{ $u->name }}?">
                                @csrf @method('DELETE') <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                            </form>
                        @endunless
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    <div class="card-footer bg-white">{{ $users->links() }}
        <div class="small text-muted"><i class="bi bi-info-circle"></i> {{ $jumlahPembeli }} akun portal pembeli dikelola dari halaman <a href="{{ route('pembeli.index') }}">Pembeli</a> (Akun Portal Pembeli).</div>
    </div>
</div>
@endsection