@extends('layouts.app')

@section('title', 'Historique : ' . $project->name . ' - ' . app_setting('app_name', 'Dev App'))

@section('content')
<div class="max-w-5xl mx-auto space-y-6">
    @include('projects._header', ['subtitle' => 'Tout ce qui s\'est passé sur le projet, du plus récent au plus ancien.'])

    <div class="bg-white rounded-2xl border border-slate-200 p-5 shadow-xs space-y-3">
        <form method="GET" class="flex flex-wrap items-center gap-2 text-xs">
            <label for="depuis" class="font-semibold text-slate-600">Depuis le</label>
            <input type="date" id="depuis" name="depuis" value="{{ request('depuis') }}" class="px-2.5 py-1.5 rounded-lg border border-slate-300 text-xs">
            <button type="submit" class="px-3 py-1.5 bg-slate-900 text-white font-semibold rounded-lg">Filtrer</button>
            @if(request('depuis'))
                <a href="{{ route('projects.history', $project) }}" class="text-rose-600 font-semibold">✕ Tout voir</a>
            @endif
        </form>

        <ul class="divide-y divide-slate-100">
            @forelse($activities as $activity)
                @include('partials.activity', ['activity' => $activity, 'showTicket' => true])
            @empty
                <li class="py-6 text-center text-xs text-slate-400">Rien à afficher pour cette période.</li>
            @endforelse
        </ul>

        {{ $activities->links() }}
    </div>
</div>
@endsection