@extends('layouts.app')
@section('title','Conversation')
@section('immersive-account','1')
@section('content')
@php
    $other=$conversation->participants->firstWhere('id','!=',auth()->id());
    $subject=$conversation->subject;
    $title=$subject instanceof \App\Modules\Donation\Domain\Models\Donation ? $subject->items()->pluck('label')->join(', ') : ($subject->title??'Échange FreeGive');
    $activeAppointment=$conversation->appointments->first(fn($item)=>in_array($item->status,['proposed','confirmed'],true) && $item->scheduled_at->isFuture());
@endphp
<div class="member-shell">@include('account._sidebar')<main class="member-content message-page">
    <header class="message-head"><a href="{{ route('messages.index') }}">←</a><span class="conversation-avatar">{{ mb_substr($other?->firstname??'F',0,1) }}</span><div><h1>{{ $other?->firstname }} {{ $other?->lastname }}</h1><p>À propos de : {{ $title }}</p></div><details class="appointment-menu"><summary>Rendez-vous</summary><form method="POST" action="{{ route('messages.appointments.propose',$conversation) }}">@csrf<h2>Proposer un créneau</h2><label>Date et heure<input type="datetime-local" name="scheduled_at" min="{{ now()->addMinutes(15)->format('Y-m-d\TH:i') }}" required></label><input type="hidden" name="timezone" value="{{ config('app.timezone','UTC') }}"><label>Ville<input name="city" maxlength="120" required></label><label>Lieu précis<input name="location" maxlength="255" required></label><label>Instructions<textarea name="instructions" rows="2" maxlength="1000"></textarea></label><button class="button">Proposer</button></form></details></header>
    @if($activeAppointment)<section @class(['appointment-card','confirmed'=>$activeAppointment->status==='confirmed'])><div><span>{{ $activeAppointment->status==='confirmed'?'Rendez-vous confirmé':'Proposition de rendez-vous' }}</span><strong>{{ $activeAppointment->scheduled_at->translatedFormat('l d F Y à H:i') }}</strong><p>{{ $activeAppointment->location }}, {{ $activeAppointment->city }}</p>@if($activeAppointment->instructions)<small>{{ $activeAppointment->instructions }}</small>@endif</div><div>@if($activeAppointment->status==='proposed' && $activeAppointment->proposed_by_user_id!==auth()->id())<form method="POST" action="{{ route('messages.appointments.confirm',[$conversation,$activeAppointment]) }}">@csrf<button class="button">Confirmer</button></form>@endif<form method="POST" action="{{ route('messages.appointments.cancel',[$conversation,$activeAppointment]) }}">@csrf<button class="appointment-cancel">Annuler</button></form></div></section>@endif
    <section class="message-thread">@foreach($conversation->messages as $message)<article @class(['mine'=>$message->user_id===auth()->id()])><p>{{ $message->body }}</p><time>{{ $message->created_at->format('d/m · H:i') }}</time></article>@endforeach</section>
    <form class="message-composer" method="POST" action="{{ route('messages.send',$conversation) }}">@csrf<label class="sr-only" for="message">Votre message</label><textarea id="message" name="message" rows="2" maxlength="3000" placeholder="Écrivez votre message…" required></textarea><button class="button">Envoyer</button></form>
</main></div>
@endsection