@extends('layouts.app')

@section('title', 'Journal - ' . app_setting('app_name', 'Dev App'))

@section('content')
<div class="max-w-6xl mx-auto space-y-6">
    <div>
        <h1 class="text-2xl font-extrabold text-slate-900">Journal</h1>
        <p class="text-sm text-slate-500 mt-1">Toutes les actions sur le site : tickets, projets, connexions, comptes et administration.</p>
    </div>

    <form method="GET" class="bg-white rounded-2xl border border-slate-200 p-4 shadow-xs grid grid-cols-2 md:grid-cols-6 gap-2 text-xs">
        <select name="groupe" class="px-2.5 py-1.5 rounded-lg border border-slate-300 bg-white">
            <option value="">Toutes les actions</option>
            @foreach(\App\Http\Controllers\Admin\ActivityLogController::GROUPS as $key => [$label])
                <option value="{{ $key }}" @selected(($filters['groupe'] ?? '') === $key)>{{ $label }}</option>
            @endforeach
        </select>
        <select name="project" class="px-2.5 py-1.5 rounded-lg border border-slate-300 bg-white">
            <option value="">Tous les projets</option>
            @foreach($projects as $project)
                <option value="{{ $project->id }}" @selected(($filters['project'] ?? null) == $project->id)>{{ $project->name }}</option>
            @endforeach
        </select>
        <select name="user" class="px-2.5 py-1.5 rounded-lg border border-slate-300 bg-white">
            <option value="">Toutes les personnes</option>
            @foreach($users as $user)
                <option value="{{ $user->id }}" @selected(($filters['user'] ?? null) == $user->id)>{{ $user->name }}</option>
            @endforeach
        </select>
        <select name="via" class="px-2.5 py-1.5 rounded-lg border border-slate-300 bg-white">
            <option value="">Toutes les origines</option>
            @foreach(\App\Http\Controllers\Admin\ActivityLogController::CHANNELS as $value => $label)
                <option value="{{ $value }}" @selected(($filters['via'] ?? '') === $value)>{{ $label }}</option>
            @endforeach
        </select>
        <div class="flex items-center gap-1">
            <input type="date" name="du" value="{{ $filters['du'] ?? '' }}" title="Du" class="w-full px-2 py-1.5 rounded-lg border border-slate-300">
            <input type="date" name="au" value="{{ $filters['au'] ?? '' }}" title="Au" class="w-full px-2 py-1.5 rounded-lg border border-slate-300">
        </div>
        <div class="flex items-center gap-2">
            <button type="submit" class="flex-1 px-3 py-1.5 bg-slate-900 text-white font-semibold rounded-lg">Filtrer</button>
            @if(array_filter($filters))
                <a href="{{ route('admin.journal') }}" class="text-rose-600 font-semibold">✕</a>
            @endif
        </div>
    </form>

    <div class="bg-white rounded-2xl border border-slate-200 p-5 shadow-xs">
        <ul class="divide-y divide-slate-100">
            @forelse($activities as $activity)
                @include('partials.activity', ['activity' => $activity, 'showProject' => true, 'showTicket' => true])
            @empty
                <li class="py-6 text-center text-xs text-slate-400">Aucune action ne correspond à ces filtres.</li>
            @endforelse
        </ul>
        <div class="mt-3">{{ $activities->links() }}</div>
    </div>
</div>
@endsection