@extends('layouts.admin')
@section('title', 'Users — Admin')
@section('heading', 'Users')

@section('content')
<form method="GET" class="iq-row" style="gap:8px;margin-bottom:16px">
  <input class="iq-input" name="q" value="{{ $q }}" placeholder="Search name, email or handle" style="max-width:320px">
  <select class="iq-select" name="filter" style="max-width:180px" data-autosubmit><option value="">All users</option><option value="suspended" @selected(request('filter') === 'suspended')>Suspended</option></select>
  <button class="iq-btn iq-btn-secondary">Search</button>
</form>
<div class="iq-table-wrap"><table class="iq-table app-stack-table">
  <thead><tr><th>User</th><th>Handle</th><th>Profile</th><th>Status</th><th>Joined</th></tr></thead>
  <tbody>
  @foreach ($users as $u)
    <tr>
      <td class="strong"><a class="iq-row app-link-reset" href="{{ route('admin.users.show', $u) }}"><x-iq.avatar :name="$u->name" size="xs" /> {{ $u->name }}@if($u->is_verified)<x-iq.seal />@endif</a><div class="iq-muted" style="font-weight:400;font-size:13px">{{ $u->email }}</div></td>
      <td class="iq-num" data-label="Handle">{{ $u->username ?? '—' }}</td>
      <td data-label="Profile">@if($u->profile)<span class="iq-badge {{ $u->profile->status->badgeClass() }}">{{ $u->profile->status->label() }}</span>@endif</td>
      <td data-label="Status">@if($u->isSuspended())<span class="iq-badge iq-badge-danger"><span class="dot"></span>Suspended</span>@elseif($u->isAdmin())<span class="iq-badge">Admin</span>@else<span class="iq-badge iq-badge-success"><span class="dot"></span>Active</span>@endif</td>
      <td class="iq-num" data-label="Joined">{{ $u->created_at->format('j M Y') }}</td>
    </tr>
  @endforeach
  </tbody>
</table></div>
{{ $users->links() }}
@endsection