@extends('layouts.app')
@section('title', __('ui.admin_users').' — Coaster World')
@section('content')
<section class="admin-hero admin-hero-compact"><div class="container">
@include('admin._nav')
<span class="eyebrow">{{ __('ui.admin_users_kicker') }}</span>
<h1>{{ __('ui.admin_users') }}</h1>
<p>{{ __('ui.admin_users_intro') }}</p>
</div></section>

<section class="section"><div class="container">
<div class="admin-user-kpis">
    <div><span>{{ __('ui.admin_users_total') }}</span><strong>{{ $stats['total'] }}</strong></div>
    <div><span>{{ __('ui.admin_users_active') }}</span><strong>{{ $stats['active'] }}</strong></div>
    <div><span>{{ __('ui.admin_users_suspended') }}</span><strong>{{ $stats['suspended'] }}</strong></div>
    <div><span>{{ __('ui.admin_users_deleted') }}</span><strong>{{ $stats['deleted'] }}</strong></div>
    <div><span>{{ __('ui.admin_users_admins') }}</span><strong>{{ $stats['admins'] }}</strong></div>
</div>

<form method="get" class="admin-user-filters">
    <input type="search" name="q" value="{{ $query }}" placeholder="{{ __('ui.admin_users_search') }}">
    <select name="status">
        <option value="all" @selected($status==='all')>{{ __('ui.admin_users_all_status') }}</option>
        <option value="active" @selected($status==='active')>{{ __('ui.admin_users_active') }}</option>
        <option value="suspended" @selected($status==='suspended')>{{ __('ui.admin_users_suspended') }}</option>
        <option value="deleted" @selected($status==='deleted')>{{ __('ui.admin_users_deleted') }}</option>
    </select>
    <select name="role">
        <option value="all" @selected($role==='all')>{{ __('ui.admin_users_all_roles') }}</option>
        <option value="admin" @selected($role==='admin')>{{ __('ui.admin_users_admins') }}</option>
        <option value="member" @selected($role==='member')>{{ __('ui.admin_users_members') }}</option>
    </select>
    <button class="button button-primary">{{ __('ui.admin_filter') }}</button>
</form>

<div class="admin-table-wrap"><table class="admin-table admin-user-table">
<thead><tr>
<th>{{ __('ui.admin_user') }}</th>
<th>{{ __('ui.admin_users_role') }}</th>
<th>{{ __('ui.admin_status') }}</th>
<th>{{ __('ui.admin_users_activity') }}</th>
<th>{{ __('ui.admin_users_joined') }}</th>
<th></th>
</tr></thead>
<tbody>
@foreach($users as $user)
<tr>
<td>
    <strong>{{ $user->username ?: $user->name }}</strong>
    <small>{{ $user->email }}</small>
</td>
<td>
    <span class="admin-user-role {{ $user->is_admin ? 'is-admin' : '' }}">{{ $user->is_admin ? __('ui.admin_users_admin') : __('ui.admin_users_member') }}</span>
</td>
<td>
    <span class="admin-user-status is-{{ $user->account_status }}">{{ __('ui.admin_users_status_'.$user->account_status) }}</span>
</td>
<td>
    <small>{{ $user->rides_count }} {{ __('ui.admin_users_rides_short') }} · {{ $user->created_visits_count }} {{ __('ui.admin_users_visits_short') }}</small>
</td>
<td>{{ $user->created_at?->format('d/m/Y') }}</td>
<td><a class="button button-ghost" href="{{ route('admin.users.show',$user) }}">{{ __('ui.admin_view') }}</a></td>
</tr>
@endforeach
</tbody>
</table></div>

<div class="admin-pagination">{{ $users->links() }}</div>
</div></section>
@endsection