@extends('layouts.app')
@section('title','Audit')
@section('heading','Journal d\'activité (Audit)')
@section('content')
<x-card :padded="false">
    <form method="GET" class="p-4 border-b flex flex-wrap gap-2">
        <select name="user" class="rounded-lg border border-slate-300 px-3 py-2 text-sm"><option value="">Tous les utilisateurs</option>@foreach($users as $u)<option value="{{ $u->id }}" @selected(request('user')==$u->id)>{{ $u->name }}</option>@endforeach</select>
        <select name="action" class="rounded-lg border border-slate-300 px-3 py-2 text-sm"><option value="">Toutes les actions</option>@foreach($actions as $a)<option @selected(request('action')==$a)>{{ $a }}</option>@endforeach</select>
        <select name="module" class="rounded-lg border border-slate-300 px-3 py-2 text-sm"><option value="">Tous les modules</option>@foreach($modules as $m)<option @selected(request('module')==$m)>{{ $m }}</option>@endforeach</select>
        <input name="date" type="date" value="{{ request('date') }}" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">
        <x-btn type="submit" variant="secondary">Filtrer</x-btn>
    </form>
    <div class="overflow-x-auto">
        <table class="w-full text-sm min-w-[640px]">
        <thead class="bg-slate-50 text-slate-500 text-left"><tr><th class="px-4 py-3 font-medium">Date</th><th class="px-4 py-3 font-medium">Utilisateur</th><th class="px-4 py-3 font-medium">Action</th><th class="px-4 py-3 font-medium">Module</th><th class="px-4 py-3 font-medium">Description</th><th class="px-4 py-3 font-medium">IP</th></tr></thead>
        <tbody class="divide-y divide-slate-50">
            @forelse($logs as $log)
                <tr class="hover:bg-slate-50">
                    <td class="px-4 py-2 text-slate-500 whitespace-nowrap">{{ $log->created_at->format('d/m/Y H:i') }}</td>
                    <td class="px-4 py-2">{{ $log->user?->name ?? 'Système' }}</td>
                    <td class="px-4 py-2"><x-badge :status="$log->action" :label="$log->action" /></td>
                    <td class="px-4 py-2 text-slate-500">{{ $log->module }}</td>
                    <td class="px-4 py-2">{{ $log->description }}</td>
                    <td class="px-4 py-2 text-xs text-slate-400 font-mono">{{ $log->ip_address }}</td>
                </tr>
            @empty <tr><td colspan="6"><x-empty message="Aucune activité" icon="📜" /></td></tr> @endforelse
        </tbody>
    </table>
        </div>
    <div class="p-4">{{ $logs->links() }}</div>
</x-card>
@endsection