@extends('admin.layouts.app')

@section('title', 'User & Admin')

@section('actions')
  <a href="{{ route('admin.users.create') }}" class="btn btn-primary"><i class="bi bi-person-plus"></i> Buat User</a>
@endsection

@section('content')
  <div class="card admin-card">
    <div class="card-header">
      <x-admin.toolbar :action="route('admin.users.index')" placeholder="Cari nama atau email…" :filters="['role', 'status']">
        <x-admin.filter-select name="role" :options="['admin' => 'Administrator', 'editor' => 'Editor', 'user' => 'User']" placeholder="Semua role" />
        <x-admin.filter-select name="status" :options="['1' => 'Aktif', '0' => 'Nonaktif']" placeholder="Semua status" />
      </x-admin.toolbar>
      <x-admin.bulk-delete :action="route('admin.users.bulk-destroy')" label="user" />
    </div>

    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0 admin-table">
        <thead>
          <tr>
            <th class="admin-table__check"><x-admin.check-all /></th>
            <th><x-admin.sort-link column="name" label="Nama" :default="true" /></th>
            <th class="d-none d-md-table-cell"><x-admin.sort-link column="email" label="Email" /></th>
            <th><x-admin.sort-link column="role" label="Role" /></th>
            <th><x-admin.sort-link column="is_active" label="Aktif" /></th>
            <th class="d-none d-lg-table-cell"><x-admin.sort-link column="created_at" label="Terdaftar" /></th>
            <th class="text-end"><span class="visually-hidden">Aksi</span></th>
          </tr>
        </thead>
        <tbody>
          @forelse ($users as $user)
            @php($isSelf = $user->is(auth()->user()))
            <tr>
              <td class="admin-table__check">@unless ($isSelf)<x-admin.row-check :value="$user->id" />@endunless</td>
              <td>
                <a href="{{ route('admin.users.edit', $user) }}" class="fw-semibold">{{ $user->name }}</a>
                @if ($isSelf)<span class="badge text-bg-primary ms-1">Anda</span>@endif
                <small class="d-block d-md-none text-body-secondary">{{ $user->email }}</small>
              </td>
              <td class="d-none d-md-table-cell">{{ $user->email }}</td>
              <td><span class="badge text-bg-{{ match ($user->role) { 'admin' => 'danger', 'editor' => 'warning', default => 'secondary' } }}">{{ strtoupper($user->role ?? 'user') }}</span></td>
              <td>
                @if ($user->is_active)
                  <i class="bi bi-check-circle-fill text-success" title="Aktif"></i><span class="visually-hidden">Aktif</span>
                @else
                  <i class="bi bi-x-circle-fill text-danger" title="Nonaktif"></i><span class="visually-hidden">Nonaktif</span>
                @endif
              </td>
              <td class="d-none d-lg-table-cell small">{{ $user->created_at?->translatedFormat('d M Y') }}</td>
              <td class="text-end">
                <x-admin.row-actions :edit="route('admin.users.edit', $user)" :delete="$isSelf ? null : route('admin.users.destroy', $user)" :name="$user->name" />
              </td>
            </tr>
          @empty
            <tr><td colspan="7" class="text-center text-body-secondary py-5">Tidak ada user yang cocok.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>

    <div class="card-footer">
      <x-admin.pagination :paginator="$users" />
    </div>
  </div>
@endsection