{{--
    Carte « Rendez-vous » réutilisable (prospect, client, …).

    @param $model        Modèle porteur des RDV (doit exposer la relation events()).
    @param $relatedKey   Clé de rattachement AgendaController::RELATABLE ('prospect', 'client'…).
    @param $users        Collection d'utilisateurs assignables.
    @param $defaultTitle Objet pré-rempli du formulaire.
    @param $defaultUser  Id d'utilisateur présélectionné (optionnel).
--}}
@php
    $defaultUser = $defaultUser ?? null;
    $aVenir = $model->events->filter(fn($e) => $e->starts_at?->isFuture());
    $passes = $model->events->filter(fn($e) => ! $e->starts_at?->isFuture())->sortByDesc('starts_at');
@endphp
<x-card title="Rendez-vous">
    <x-slot:action><a href="{{ route('agenda.index') }}" class="text-sm text-brand-600 hover:underline">Voir l'agenda →</a></x-slot:action>

    @forelse($aVenir->concat($passes) as $e)
        @php $futur = $e->starts_at?->isFuture(); @endphp
        <div class="flex items-start gap-3 py-3 border-b border-slate-50 last:border-0 {{ $futur ? '' : 'opacity-60' }}">
            <div class="text-lg">📅</div>
            <div class="flex-1 min-w-0">
                <div class="flex justify-between gap-3">
                    <span class="font-medium text-sm">{{ $e->title }}</span>
                    <span class="text-xs {{ $futur ? 'text-brand-600 font-semibold' : 'text-slate-400' }} whitespace-nowrap">
                        {{ $e->starts_at?->format('d/m/Y H:i') }}@if($e->ends_at) → {{ $e->ends_at->format('H:i') }}@endif
                    </span>
                </div>
                @if($e->location)<p class="text-sm text-slate-600">📍 {{ $e->location }}</p>@endif
                @if($e->description)<p class="text-sm text-slate-600">{{ $e->description }}</p>@endif
                <span class="text-xs text-slate-400">{{ $e->user?->name }}@if($e->google_event_id) · synchronisé Google @endif</span>
            </div>
            <form method="POST" action="{{ route('agenda.destroy', $e) }}" onsubmit="return confirm('Supprimer ce rendez-vous ?')">@csrf @method('DELETE')
                <button class="text-slate-300 hover:text-rose-600 text-sm" title="Supprimer">🗑️</button>
            </form>
        </div>
    @empty <x-empty message="Aucun rendez-vous planifié" /> @endforelse

    <form method="POST" action="{{ route('agenda.store') }}" class="mt-4 pt-4 border-t border-slate-100 space-y-3">@csrf
        <input type="hidden" name="related_key" value="{{ $relatedKey }}">
        <input type="hidden" name="related_id" value="{{ $model->id }}">
        <input type="hidden" name="type" value="rendez-vous">
        <input name="title" required placeholder="Objet du rendez-vous *" value="{{ old('title', $defaultTitle) }}" class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
        <div class="grid sm:grid-cols-2 gap-3">
            <label class="text-sm">Début *<input type="datetime-local" name="starts_at" required class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm"></label>
            <label class="text-sm">Fin<input type="datetime-local" name="ends_at" class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm"></label>
        </div>
        <div class="grid sm:grid-cols-2 gap-3">
            <input name="location" placeholder="Lieu" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">
            <select name="user_id" class="rounded-lg border border-slate-300 px-3 py-2 text-sm">
                <option value="">Assigné à —</option>
                @foreach($users as $u)<option value="{{ $u->id }}" @selected($defaultUser == $u->id)>{{ $u->name }}</option>@endforeach
            </select>
        </div>
        <textarea name="description" rows="2" placeholder="Notes…" class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm"></textarea>
        <x-btn type="submit">📅 Planifier le rendez-vous</x-btn>
    </form>
</x-card>