{{---- resources/views/admin/users/index.blade.php ----}}
@extends('layouts.admin')
@section('title', 'Manajemen Pengguna')

@section('content')

@php
    $currentRoleId = request('role');
@endphp

<div class="d-flex align-items-left align-items-md-center flex-column flex-md-row pt-2 pb-4">
  <div>
    <h3 class="fw-bold mb-3">Manajemen Pengguna</h3>
    <h6 class="op-7 mb-2">
      Kelola semua akun pengguna yang terdaftar di sistem.
      @if($currentRoleId)
        <span class="badge bg-primary ms-2">
          Filter: 
          @isset($roles)
            {{ optional($roles->firstWhere('id', $currentRoleId))->name ?? 'Role tidak ditemukan' }}
          @else
            ROLE ID {{ $currentRoleId }}
          @endisset
        </span>
      @endif
    </h6>
  </div>
  <div class="ms-md-auto py-2 py-md-0">
    <a href="{{ route('admin.users.create') }}" class="btn btn-primary btn-round">
      <i class="fa fa-plus"></i> Tambah Pengguna
    </a>
  </div>
</div>

<div class="row">
  <div class="col-md-3 mb-3">
    <div class="card card-round shadow-sm border-0">
      <div class="card-header">
        <div class="card-title">
          <i class="fa fa-filter me-2"></i> Filter
        </div>
      </div>
      <div class="card-body p-0">
        <div class="list-group list-group-flush">
          {{-- Semua role --}}
          <a href="{{ route('admin.users.index') }}"
             class="list-group-item list-group-item-action d-flex justify-content-between align-items-center
                    {{ $currentRoleId ? '' : 'active' }}">
            <span>
              <i class="fa fa-users me-2"></i> Semua Role
            </span>
          </a>

          @isset($roles)
            @foreach($roles as $role)
              <a href="{{ route('admin.users.index', ['role' => $role->id]) }}"
                 class="list-group-item list-group-item-action d-flex justify-content-between align-items-center
                        {{ (string)$currentRoleId === (string)$role->id ? 'active' : '' }}">
                <span>
                  <i class="fa fa-user-tag me-2"></i> {{ $role->name }}
                </span>
              </a>
            @endforeach
          @else
            <div class="list-group-item text-muted small">
              <i class="fa fa-info-circle me-1"></i> Data role belum tersedia.
            </div>
          @endisset
        </div>
      </div>
    </div>
  </div>

  <div class="col-md-9">
    <div class="card card-round shadow-sm border-0">
      <div class="card-header">
        <div class="card-title">
          <i class="fa fa-users me-2"></i> Daftar Pengguna
        </div>
      </div>

      <div class="card-body">
        <div class="table-responsive">
          <table class="table table-striped table-hover align-middle">
            <thead class="table-dark text-center">
              <tr>
                <th style="width: 5%;">No</th>
                <th style="width: 40%;">Nama</th>
                <th style="width: 25%;">Email</th>
                <th style="width: 15%;">Role</th>
                <th style="width: 15%;">Aksi</th>
              </tr>
            </thead>
            <tbody>
              @forelse ($users as $user)
                <tr class="text-center">
                  <td>{{ ($users->currentPage()-1) * $users->perPage() + $loop->iteration }}</td>

                  <td class="text-start">
                    <div class="d-flex align-items-center">
                      <div class="avatar avatar-md me-3">
                        @if($user->picture)
                          <img src="{{ asset('storage/' . $user->picture) }}" alt="{{ $user->name }}" class="avatar-img rounded-circle">
                        @else
                          <img src="{{ asset('kaiadmin/assets/img/iconuser.png') }}" alt="default-icon" class="avatar-img rounded-circle">
                        @endif
                      </div>
                      <div>
                        <span class="fw-bold">{{ $user->name }}</span>
                        @if(method_exists($user, 'isBlocked') && $user->isBlocked())
                          <br><small class="badge bg-danger text-white">TERBLOKIR</small>
                        @endif
                      </div>
                    </div>
                  </td>

                  <td class="text-start">{{ $user->email }}</td>

                  <td>
                    @php
                      $roleName = $user->role?->name;
                      $badgeColor = match ($roleName) {
                          'Admin' => 'danger',
                          'Author' => 'info',
                          'Guru' => 'primary',
                          'Siswa' => 'success',
                          'Ppdb' => 'warning',
                          default => 'secondary'
                      };
                    @endphp
                    <span class="badge badge-{{ $badgeColor }} px-3 py-2">
                      {{ strtoupper($roleName ?? 'TIDAK ADA ROLE') }}
                    </span>
                  </td>
                  
                  <td>
                    <div class="btn-group" role="group">
                      <a href="{{ route('admin.users.edit', $user->id) }}" 
                         class="btn btn-warning btn-sm"
                         data-bs-toggle="tooltip"
                         title="Edit Pengguna">
                        <i class="fa fa-edit"></i>
                      </a>

                      <form action="{{ route('admin.users.destroy', $user->id) }}" 
                            method="POST" 
                            class="d-inline"
                            data-confirm-delete="true"
                            data-item-name="{{ $user->name }}">
                        @csrf
                        @method('DELETE')
                        <button type="submit" 
                                class="btn btn-danger btn-sm"
                                @if($user->id == auth()->id()) disabled @endif
                                data-bs-toggle="tooltip"
                                title="Hapus Pengguna">
                          <i class="fa fa-trash"></i>
                        </button>
                      </form>
                    </div>
                  </td>
                </tr>
              @empty
                <tr>
                  <td colspan="5" class="text-center text-muted py-4">
                    <i class="fas fa-info-circle me-1"></i> Belum ada data pengguna.
                  </td>
                </tr>
              @endforelse 
            </tbody>
          </table>

          <div class="mt-3 d-flex justify-content-end">
            {{ $users->appends(['role' => request('role')])->links('pagination::bootstrap-5') }}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection