@extends('layouts.dashboard')
@section('title', __('Login History'))
@section('page_title', __('Audit Trail'))

@section('content')
    <ul class="nav nav-pills gap-1 mb-3 small">
        <li class="nav-item"><a class="nav-link" href="{{ route('admin.audit.index') }}"><i class="bi bi-list-check me-1"></i>{{ __('Activity') }}</a></li>
        <li class="nav-item"><a class="nav-link active" href="{{ route('admin.audit.logins') }}"><i class="bi bi-box-arrow-in-right me-1"></i>{{ __('Logins') }}</a></li>
    </ul>

    <form method="GET" class="row g-2 align-items-end mb-3">
        <div class="col-auto"><label class="form-label small text-muted mb-1">{{ __('Search') }}</label><input type="text" name="q" value="{{ request('q') }}" class="form-control form-control-sm" placeholder="{{ __('email or IP') }}"></div>
        <div class="col-auto"><button class="btn btn-sm btn-primary"><i class="bi bi-search me-1"></i>{{ __('Search') }}</button></div>
    </form>

    <div class="card shadow-sm">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0 small">
                <thead class="table-light"><tr><th>{{ __('Signed in') }}</th><th>{{ __('User') }}</th><th>{{ __('IP') }}</th><th>{{ __('Device') }}</th><th>{{ __('Browser') }}</th></tr></thead>
                <tbody>
                @forelse($logins as $l)
                    <tr>
                        <td class="text-nowrap text-muted">{{ $l->logged_in_at->format('d M Y H:i') }}</td>
                        <td>{{ $l->user?->name }}<div class="text-muted">{{ $l->user?->email }}</div></td>
                        <td class="font-monospace">{{ $l->ip_address }}</td>
                        <td>{{ $l->device ? __($l->device) : '—' }}</td>
                        <td class="text-muted text-truncate" style="max-width: 360px">{{ $l->user_agent }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted py-5">{{ __('No logins recorded yet.') }}</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
    <div class="mt-3">{{ $logins->links() }}</div>
@endsection