@extends('admin.layouts.admin')

@section('title', 'Usuarios')

@section('content')

<div class="admin-page-title">Usuarios</div>
<p class="admin-page-sub">Gestión de cuentas de usuario</p>

{{-- Filtros --}}
<div class="d-flex gap-2 flex-wrap mb-4">
    @foreach(['all' => 'Todos', 'free' => 'Gratis', 'premium' => 'Premium'] as $filter => $label)
        <a href="{{ request()->fullUrlWithQuery(['plan' => $filter === 'all' ? null : $filter]) }}"
           class="batch-filter-btn {{ request('plan', 'all') === $filter ? 'active' : '' }}">
            {{ $label }}
        </a>
    @endforeach
    @foreach(['all' => 'Todos', 'active' => 'Activos', 'inactive' => 'Inactivos'] as $filter => $label)
        <a href="{{ request()->fullUrlWithQuery(['status' => $filter === 'all' ? null : $filter]) }}"
           class="batch-filter-btn {{ request('status', 'all') === $filter ? 'active' : '' }}">
            {{ $label }}
        </a>
    @endforeach
    @foreach(['all' => 'Idioma', 'es' => 'ES', 'en' => 'EN', 'de' => 'DE'] as $filter => $label)
        <a href="{{ request()->fullUrlWithQuery(['locale' => $filter === 'all' ? null : $filter]) }}"
           class="batch-filter-btn {{ request('locale', 'all') === $filter ? 'active' : '' }}">
            {{ $label }}
        </a>
    @endforeach
</div>

<div class="admin-card">
    <div class="admin-table-wrap">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Usuario</th>
                    <th>Plan</th>
                    <th>Estado</th>
                    <th>Idioma</th>
                    <th>Lotes</th>
                    <th>Registro</th>
                    <th>Último login</th>
                    <th>Acciones</th>
                </tr>
            </thead>
            <tbody>
                @foreach($users as $user)
                    <tr>
                        <td>
                            <div class="admin-user-name">{{ $user->name }}</div>
                            <div class="admin-user-email">{{ $user->email }}</div>
                        </td>
                        <td>
                            <form method="POST" action="{{ route('admin.usuarios.plan', $user) }}">
                                @csrf @method('PUT')
                                <select name="plan" class="form-select form-select-sm"
                                        style="width:100px;border-radius:20px;font-size:11px;"
                                        onchange="this.form.submit()">
                                    <option value="free" {{ $user->plan === 'free' ? 'selected' : '' }}>Gratis</option>
                                    <option value="premium" {{ $user->plan === 'premium' ? 'selected' : '' }}>Premium</option>
                                </select>
                            </form>
                        </td>
                        <td>
                            <form method="POST" action="{{ route('admin.usuarios.status', $user) }}">
                                @csrf @method('PUT')
                                <select name="status" class="form-select form-select-sm"
                                        style="width:110px;border-radius:20px;font-size:11px;"
                                        onchange="this.form.submit()">
                                    <option value="active" {{ $user->status === 'active' ? 'selected' : '' }}>Activo</option>
                                    <option value="inactive" {{ $user->status === 'inactive' ? 'selected' : '' }}>Inactivo</option>
                                </select>
                            </form>
                        </td>
                        <td class="admin-user-email">{{ strtoupper($user->locale ?? '—') }}</td>
                        <td>{{ $user->batches_count }}</td>
                        <td class="admin-user-email">{{ $user->created_at->format('d/m/Y') }}</td>
                        <td class="admin-user-email">
                            @if($user->login_logs_max_logged_in_at)
                                {{ \Carbon\Carbon::parse($user->login_logs_max_logged_in_at)->format('d/m/Y') }}
                            @else
                                —
                            @endif
                        </td>
                        <td>
                            <a href="{{ route('admin.usuarios.show', $user) }}" class="btn-xs-admin">Ver</a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    @if($users->hasPages())
        <div class="d-flex justify-content-center mt-3">
            {{ $users->links() }}
        </div>
    @endif
</div>

@endsection