@extends('layouts.admin')
@section('title', 'Karyawan & Akses')
@section('breadcrumb', 'Sistem / Manajemen Pengguna')
@section('content')
<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-users-cog" style="color:var(--sage);margin-right:8px;"></i> Daftar Pengguna / Karyawan</h3>
        <a href="{{ route('admin.users.create') }}" class="btn btn-primary"><i class="fas fa-user-plus"></i> Tambah Pengguna</a>
    </div>
    <div class="table-wrap">
        <table>
            <thead><tr><th>#</th><th>Nama</th><th>Email</th><th>Telepon</th><th>Role</th><th>Status</th><th>Bergabung</th><th>Aksi</th></tr></thead>
            <tbody>
                @foreach($users as $u)
                <tr>
                    <td style="color:var(--text-light);">{{ $loop->iteration }}</td>
                    <td>
                        <div style="display:flex;align-items:center;gap:10px;">
                            <div style="width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--sage),var(--dark-green));display:flex;align-items:center;justify-content:center;font-weight:700;color:white;font-size:14px;flex-shrink:0;">
                                {{ strtoupper(substr($u->name,0,1)) }}
                            </div>
                            <strong>{{ $u->name }}</strong>
                            @if($u->id === auth()->id()) <span style="font-size:10px;background:rgba(156,175,155,0.2);color:var(--sage);padding:2px 8px;border-radius:10px;">Kamu</span> @endif
                        </div>
                    </td>
                    <td style="color:var(--text-light);">{{ $u->email }}</td>
                    <td style="color:var(--text-light);">{{ $u->phone ?? '—' }}</td>
                    <td>
                        @php $roleColors = ['owner'=>'badge-danger','admin'=>'badge-warning','kasir'=>'badge-info']; @endphp
                        <span class="badge {{ $roleColors[$u->role] ?? 'badge-gray' }}">{{ ucfirst($u->role) }}</span>
                    </td>
                    <td>
                        @if($u->is_active)
                            <span class="badge badge-success">✓ Aktif</span>
                        @else
                            <span class="badge badge-danger">✗ Nonaktif</span>
                        @endif
                    </td>
                    <td style="font-size:12px;color:var(--text-light);">{{ $u->created_at->format('d/m/Y') }}</td>
                    <td>
                        <div style="display:flex;gap:6px;">
                            <a href="{{ route('admin.users.edit', $u) }}" class="btn btn-outline btn-sm"><i class="fas fa-edit"></i></a>
                            @if($u->id !== auth()->id())
                            <form method="POST" action="{{ route('admin.users.destroy', $u) }}" onsubmit="return confirm('Hapus pengguna {{ $u->name }}?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button>
                            </form>
                            @endif
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="pagination-wrap">{{ $users->links() }}</div>
</div>
@endsection