@extends('layouts.admin')
@section('title', 'Security Log')
@section('role-label', 'Super Admin')
@section('page-title', 'Security Log')
@section('page-subtitle', 'Failed logins, lockouts, and unauthorized access attempts across the platform')
@section('sidebar-nav')@include('super-admin.partials.sidebar')@endsection

@section('content')
<div class="card p-4 mb-4">
    <form method="GET" class="flex flex-wrap items-end gap-3">
        <div>
            <label class="form-label">Action</label>
            <select name="action" class="form-input" onchange="this.form.submit()">
                <option value="">All security actions</option>
                @foreach($securityActions as $action)
                    <option value="{{ $action }}" {{ request('action') === $action ? 'selected' : '' }}>{{ ucwords(str_replace('_', ' ', $action)) }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="form-label">IP Address</label>
            <input type="text" name="ip" value="{{ request('ip') }}" class="form-input" placeholder="e.g. 203.0.113.4">
        </div>
        <button type="submit" class="btn btn-secondary btn-sm">Filter</button>
        @if(request('all') || request('action') || request('ip'))
            <a href="{{ route('super-admin.security-log.index') }}" class="btn btn-secondary btn-sm">Reset</a>
        @endif
        <a href="{{ route('super-admin.security-log.index', array_merge(request()->except('all'), ['all' => $showAll ? null : 1])) }}" class="btn btn-secondary btn-sm ml-auto">
            {{ $showAll ? 'Show security events only' : 'Show all activity' }}
        </a>
    </form>
</div>

<div class="card p-6">
    <table class="w-full text-sm">
        <thead>
            <tr class="text-left text-slate-400 border-b border-white/5">
                <th class="pb-3 font-medium">When</th>
                <th class="pb-3 font-medium">Action</th>
                <th class="pb-3 font-medium">User</th>
                <th class="pb-3 font-medium">Description</th>
                <th class="pb-3 font-medium">IP</th>
                <th class="pb-3 font-medium">Device</th>
            </tr>
        </thead>
        <tbody>
            @forelse($logs as $log)
            <tr class="border-b border-white/5 last:border-0">
                <td class="py-3 text-slate-300 whitespace-nowrap">{{ $log->created_at->format('d M, H:i') }}</td>
                <td class="py-3">
                    <span class="badge {{ in_array($log->action, ['login_failed','login_blocked','account_locked','unauthorized_access']) ? 'badge-danger' : 'badge-muted' }}">
                        {{ str_replace('_', ' ', $log->action) }}
                    </span>
                </td>
                <td class="py-3 text-slate-300">{{ $log->user?->username ?? '—' }}</td>
                <td class="py-3 text-slate-300">{{ $log->description }}</td>
                <td class="py-3 font-mono text-slate-400">{{ $log->ip_address ?? '—' }}</td>
                <td class="py-3 text-slate-400">{{ \Illuminate\Support\Str::limit($log->user_agent, 40) ?: '—' }}</td>
            </tr>
            @empty
            <tr><td colspan="6" class="py-8 text-center text-slate-400">No matching events.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>

<div class="mt-4">
    {{ $logs->links() }}
</div>
@endsection