@extends('admin.layouts.admin')

@section('title', 'Registros de Login')

@section('content')
<div class="container">
    <h1 class="mb-4">Registros de Login</h1>
    <form method="GET" class="mb-3 row g-2 align-items-end">
        <div class="col-auto">
            <label for="login_source" class="form-label">Origen</label>
            <select name="login_source" id="login_source" class="form-select">
                <option value="">Todos</option>
                <option value="web" @if(request('login_source')==='web') selected @endif>Web</option>
                <option value="api" @if(request('login_source')==='api') selected @endif>API/App</option>
            </select>
        </div>
        <div class="col-auto">
            <label for="user_id" class="form-label">Usuario</label>
            <select name="user_id" id="user_id" class="form-select">
                <option value="">Todos</option>
                @foreach($users as $user)
                    <option value="{{ $user->id }}" @if(request('user_id')==$user->id) selected @endif>{{ $user->email }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-auto">
            <label for="email" class="form-label">Email contiene</label>
            <input type="text" name="email" id="email" class="form-control" value="{{ request('email') }}">
        </div>
        <div class="col-auto">
            <button type="submit" class="btn btn-primary">Filtrar</button>
        </div>
    </form>
    <table class="table table-bordered table-striped">
        <thead>
            <tr>
                <th>ID</th>
                <th>Usuario</th>
                <th>Email</th>
                <th>Origen</th>
                <th>Fecha/Hora</th>
                <th>IP</th>
                <th>User Agent</th>
            </tr>
        </thead>
        <tbody>
            @foreach($logs as $log)
                <tr>
                    <td>{{ $log->id }}</td>
                    <td>{{ $log->user?->name ?? '-' }}</td>
                    <td>{{ $log->user?->email ?? '-' }}</td>
                    <td>{{ $log->login_source }}</td>
                    <td>{{ $log->logged_in_at }}</td>
                    <td>{{ $log->ip_address }}</td>
                    <td style="max-width:200px;overflow-x:auto;">{{ $log->user_agent }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
    {{ $logs->withQueryString()->links() }}
</div>
@endsection