@extends('layouts.app')
@section('title', 'Manajemen Pengguna')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
  <div><h4 class="fw-bold mb-0">Manajemen Pengguna</h4><p class="text-muted mb-0">Kelola akun dan hak akses pengguna sistem</p></div>
  <a href="{{ route('admin.users.create') }}" class="btn btn-primary"><i class="bx bx-plus me-1"></i>Tambah Pengguna</a>
</div>
<div class="card"><div class="card-body">
  <table id="userTable" class="table table-hover">
    <thead><tr><th>No.</th><th>Nama</th><th>Username</th><th>Role</th><th>Terakhir Akses</th><th>Aksi</th></tr></thead>
    <tbody>
      @forelse($users as $i => $u)
      <tr>
        <td>{{ $i+1 }}</td>
        <td class="fw-semibold">{{ $u->name }} @if($u->id === auth()->id()) <span class="badge bg-label-success">Anda</span> @endif</td>
        <td><code>{{ $u->username }}</code></td>
        <td>
          @php $roleColors = ['admin'=>'danger','staf_rab'=>'primary','staf_purchasing'=>'warning','manajer'=>'info']; @endphp
          <span class="badge bg-label-{{ $roleColors[$u->role] ?? 'secondary' }}">{{ str_replace('_',' ', ucwords($u->role,'_')) }}</span>
        </td>
        <td>
          @if($u->last_login_at)
            <span title="{{ $u->last_login_at->format('d M Y H:i:s') }}">{{ $u->last_login_at->diffForHumans() }}</span>
            <div class="text-muted small">{{ $u->last_login_at->format('d/m/Y H:i') }}</div>
          @else
            <span class="text-muted italic">Belum pernah</span>
          @endif
        </td>
        <td>
          <a href="{{ route('admin.users.edit', $u) }}" class="btn btn-sm btn-outline-warning me-1"><i class="bx bx-edit"></i></a>
          @if($u->id !== auth()->id())
          <form action="{{ route('admin.users.destroy', $u) }}" method="POST" class="d-inline" onsubmit="return confirm('Hapus pengguna ini?')">
            @csrf @method('DELETE')
            <button type="submit" class="btn btn-sm btn-outline-danger"><i class="bx bx-trash"></i></button>
          </form>
          @endif
        </td>
      </tr>
      @empty
      <tr><td colspan="6" class="text-center text-muted py-4">Belum ada data pengguna.</td></tr>
      @endforelse
    </tbody>
  </table>
</div></div>
@endsection
@section('page-script')<script>$(document).ready(function(){ $('#userTable').DataTable(); });</script>@endsection