@extends('admin.layouts.admin')

@section('title', $user->name)

@section('content')

<div class="mb-3">
    <a href="{{ route('admin.usuarios.index') }}" class="btn-back">← Usuarios</a>
</div>

<div class="admin-page-title">{{ $user->name }}</div>
<p class="admin-page-sub">{{ $user->email }}</p>

<div class="row g-4">
    <div class="col-12 col-lg-4">
        <div class="admin-card mb-4">
            <div class="admin-card-title">Información</div>
            <div class="ferment-info-row">
                <span class="ferment-info-label">Plan</span>
                <span class="fermenty-badge badge-{{ $user->plan }}">{{ ucfirst($user->plan) }}</span>
            </div>
            <div class="ferment-info-row">
                <span class="ferment-info-label">Estado</span>
                <span class="fermenty-badge {{ $user->status === 'active' ? 'badge-active' : 'badge-paused' }}">
                    {{ $user->status === 'active' ? 'Activo' : 'Inactivo' }}
                </span>
            </div>
            <div class="ferment-info-row">
                <span class="ferment-info-label">Rol</span>
                <span class="ferment-info-value">{{ $user->role }}</span>
            </div>
            <div class="ferment-info-row">
                <span class="ferment-info-label">Registro</span>
                <span class="ferment-info-value">{{ $user->created_at->format('d/m/Y') }}</span>
            </div>
            <div class="ferment-info-row">
                <span class="ferment-info-label">Logins</span>
                <span class="ferment-info-value">{{ $loginCount }}</span>
            </div>
            @if($loginLogs->isNotEmpty())
            <div class="ferment-info-row">
                <span class="ferment-info-label">Último acceso</span>
                <span class="ferment-info-value">{{ $loginLogs->first()->logged_in_at->format('d/m/Y H:i') }}</span>
            </div>
            <div class="ferment-info-row">
                <span class="ferment-info-label">Dispositivo</span>
                <span class="ferment-info-value">{{ $loginLogs->first()->device ?? '—' }}</span>
            </div>
            @endif
            <div class="ferment-info-row">
                <span class="ferment-info-label">Lotes</span>
                <span class="ferment-info-value">{{ $user->batches->count() }}</span>
            </div>
            @if($user->socialProviders->count() > 0)
                <div class="ferment-info-row">
                    <span class="ferment-info-label">Auth</span>
                    <span class="ferment-info-value">
                        @foreach($user->socialProviders as $provider)
                            <span class="fermenty-badge badge-active">{{ ucfirst($provider->provider) }}</span>
                        @endforeach
                    </span>
                </div>
            @endif
        </div>

        <div class="admin-card">
            <div class="admin-card-title">Cambiar plan</div>
            <form method="POST" action="{{ route('admin.usuarios.plan', $user) }}" class="fermenty-form">
                @csrf @method('PUT')
                <select name="plan" class="form-select mb-3">
                    <option value="free" {{ $user->plan === 'free' ? 'selected' : '' }}>Gratis</option>
                    <option value="premium" {{ $user->plan === 'premium' ? 'selected' : '' }}>Premium</option>
                </select>
                <button type="submit" class="btn btn-fermenty-primary btn-sm w-100">Guardar</button>
            </form>
        </div>
    </div>

    <div class="col-12 col-lg-8">
        <div class="admin-card">
            <div class="admin-card-title">Lotes</div>
            @forelse($user->batches as $batch)
                <div class="batch-item">
                    <div class="batch-icon">{{ strtoupper(substr($batch->guide->name, 0, 1)) }}</div>
                    <div class="batch-info">
                        <div class="batch-name">{{ $batch->name }}</div>
                        <div class="batch-day">{{ $batch->guide->name }} — {{ $batch->start_date->format('d/m/Y') }}</div>
                    </div>
                    <span class="fermenty-badge badge-{{ $batch->status }}">
                        {{ __('batches.status.' . $batch->status) }}
                    </span>
                </div>
            @empty
                <div class="fermenty-empty py-2">
                    <div class="empty-text">Sin lotes</div>
                </div>
            @endforelse
        </div>
    </div>
</div>

@if($loginLogs->isNotEmpty())
<div class="row g-4 mt-0">
    <div class="col-12">
        <div class="admin-card">
            <div class="admin-card-title">Historial de accesos (últimos {{ $loginLogs->count() }})</div>
            <div class="admin-table-wrap">
                <table class="admin-table" style="font-size:12px;">
                    <thead>
                        <tr>
                            <th>Fecha y hora</th>
                            <th>Dispositivo</th>
                            <th>Origen</th>
                            <th>IP</th>
                            <th>User-Agent</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($loginLogs as $log)
                        <tr>
                            <td>{{ $log->logged_in_at->format('d/m/Y H:i') }}</td>
                            <td>
                                @php
                                    $deviceIcons = ['mobile' => '📱', 'tablet' => '⬜', 'desktop' => '🖥️'];
                                @endphp
                                {{ $deviceIcons[$log->device] ?? '' }} {{ $log->device ?? '—' }}
                            </td>
                            <td>
                                <span class="fermenty-badge {{ $log->login_source === 'web' ? 'badge-active' : 'badge-premium' }}">
                                    {{ $log->login_source }}
                                </span>
                            </td>
                            <td class="admin-user-email">{{ $log->ip_address ?? '—' }}</td>
                            <td class="admin-user-email" style="max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="{{ $log->user_agent }}">
                                {{ $log->user_agent ? \Illuminate\Support\Str::limit($log->user_agent, 40) : '—' }}
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endif

@endsection