@extends('layouts.admin')

@section('content')
<div class="container-fluid px-4 py-4">

    <div class="flex justify-between items-center mb-6">
        <div>
            <h1 class="text-2xl font-bold text-gray-800 uppercase tracking-tight">Logs de <span class="text-[#06458F]">Atividade</span></h1>
            <p class="text-slate-500 text-xs font-bold uppercase tracking-widest mt-1">Auditoria e Segurança do Sistema</p>
        </div>
        <div class="bg-blue-50 text-[#06458F] px-4 py-2 rounded-xl border border-[#dce8f0] text-[10px] font-bold uppercase">
            Acesso Restrito: Super Admin
        </div>
    </div>

    {{-- FILTROS --}}
    <form method="GET" action="{{ route('admin.logs.index') }}" class="bg-white rounded-2xl border border-slate-200 p-5 mb-6 flex flex-wrap gap-4 items-end shadow-sm">
        <div class="flex-1 min-w-[180px]">
            <label class="block text-[10px] font-bold uppercase tracking-widest text-slate-400 mb-2">Filtrar por Utilizador</label>
            <select name="user_id" class="w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-3 text-sm text-slate-700 focus:border-[#06458F] outline-none">
                <option value="">Todos os Utilizadores</option>
                @foreach($users as $u)
                    <option value="{{ $u->id }}" {{ request('user_id') == $u->id ? 'selected' : '' }}>
                        {{ $u->name }} ({{ $u->email }})
                    </option>
                @endforeach
            </select>
        </div>
        <div class="flex-1 min-w-[180px]">
            <label class="block text-[10px] font-bold uppercase tracking-widest text-slate-400 mb-2">Filtrar por Ação</label>
            <input type="text" name="action" value="{{ request('action') }}" placeholder="Ex: Criou, Editou, Eliminou..."
                class="w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-3 text-sm text-slate-700 focus:border-[#06458F] outline-none placeholder:text-slate-300">
        </div>
        <div class="flex gap-2">
            <button type="submit" class="px-6 py-3 bg-[#06458F] hover:bg-[#052C56] text-white text-[10px] font-bold uppercase tracking-widest rounded-xl transition-all">
                Filtrar
            </button>
            @if(request('user_id') || request('action'))
                <a href="{{ route('admin.logs.index') }}" class="px-6 py-3 bg-slate-100 hover:bg-slate-200 text-slate-600 text-[10px] font-bold uppercase tracking-widest rounded-xl transition-all">
                    Limpar
                </a>
            @endif
        </div>
    </form>

    {{-- CONTADOR --}}
    <p class="text-xs text-slate-400 font-bold uppercase tracking-widest mb-4">
        {{ $logs->total() }} registo(s) encontrado(s)
        @if(request('user_id'))
            — Utilizador: <span class="text-[#06458F]">{{ $users->find(request('user_id'))?->name }}</span>
        @endif
    </p>

    <div class="bg-white rounded-2xl shadow-sm border border-slate-200 overflow-hidden">
        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-gray-200">
                <thead class="bg-slate-50">
                    <tr class="text-left text-[10px] font-bold text-slate-500 uppercase tracking-widest">
                        <th class="px-6 py-4">Data / Hora</th>
                        <th class="px-6 py-4">Utilizador</th>
                        <th class="px-6 py-4">Ação Realizada</th>
                        <th class="px-6 py-4">Descrição do Evento</th>
                        <th class="px-6 py-4">Endereço IP</th>
                    </tr>
                </thead>
                <tbody class="bg-white divide-y divide-slate-100 text-sm">
                    @forelse($logs as $log)
                    <tr class="hover:bg-slate-50/50 transition">
                        <td class="px-6 py-4 whitespace-nowrap text-xs font-bold text-slate-500">
                            {{ $log->created_at->format('d/m/Y') }}
                            <span class="block text-[10px] font-medium opacity-60">{{ $log->created_at->format('H:i:s') }}</span>
                        </td>
                        <td class="px-6 py-4">
                            <div class="flex items-center gap-2">
                                <div class="w-8 h-8 rounded-lg bg-[#06458F]/10 flex items-center justify-center text-[10px] font-bold text-[#06458F] border border-[#06458F]/10 uppercase">
                                    {{ substr($log->user->name ?? 'S', 0, 1) }}
                                </div>
                                <div>
                                    <span class="font-bold text-slate-700 block">{{ $log->user->name ?? 'Sistema/Apagado' }}</span>
                                    <span class="text-[10px] text-slate-400">{{ $log->user->email ?? '' }}</span>
                                </div>
                            </div>
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap">
                            <span class="px-2 py-1 rounded-md text-[9px] font-bold uppercase tracking-tighter
                                @if(str_contains($log->action, 'Eliminou')) bg-red-50 text-red-600
                                @elseif(str_contains($log->action, 'Criou')) bg-green-50 text-green-600
                                @elseif(str_contains($log->action, 'Editou') || str_contains($log->action, 'Atualizou') || str_contains($log->action, 'Alterou')) bg-blue-50 text-[#06458F]
                                @else bg-slate-100 text-slate-600 @endif">
                                {{ $log->action }}
                            </span>
                        </td>
                        <td class="px-6 py-4 text-xs text-slate-600 italic leading-relaxed max-w-xs">
                            {{ $log->details }}
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap font-mono text-[10px] text-slate-400">
                            {{ $log->ip_address }}
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="5" class="px-6 py-12 text-center text-slate-400 font-bold uppercase text-xs tracking-widest">
                            Nenhum registo de atividade encontrado.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if($logs->hasPages())
        <div class="p-4 border-t border-slate-100 bg-slate-50/50">
            {{ $logs->links() }}
        </div>
        @endif
    </div>
</div>
@endsection