@extends('layouts.app')
@section('titre', 'Fil de discussion')
@section('contenu')
    <h1>{{ $racine->sujet ?: 'Fil de discussion' }}</h1>
    <p class="muted"><a href="{{ route('messages.index') }}">← Retour à la messagerie</a> · {{ $fil->count() }} message(s)</p>

    <div class="fil">
        @foreach($fil as $m)
            @php $info = $m->prioriteInfo(); $deMoi = $m->expediteur_id === $moi->id; @endphp
            <div class="fil-message {{ $info['classe'] }} {{ $deMoi ? 'de-moi' : '' }}">
                <div class="fil-tete">
                    <span class="msg-picto" title="Priorité {{ $info['label'] }}">{{ $info['picto'] }}</span>
                    <strong>{{ $deMoi ? 'Vous' : $m->expediteur->name }}</strong>
                    <span class="badge info">{{ $m->expediteur->roleLabel() }}</span>
                    @if($m->parent_id)<span class="badge off">réponse</span>@endif
                    <span class="muted">{{ $m->created_at->translatedFormat('D d/m à H:i') }}</span>
                </div>
                <div class="fil-corps">{{ $m->corps }}</div>

                {{-- Accusé de lecture détaillé par destinataire (visible aux participants du fil) --}}
                @php
                    $lus = $m->destinataires->filter(fn ($d) => $d->lu_at);
                    $nonLus = $m->destinataires->filter(fn ($d) => ! $d->lu_at);
                @endphp
                <div class="fil-accuses">
                    @if($m->destinataires->isEmpty())
                        <span class="muted">Aucun destinataire.</span>
                    @else
                        <span class="accuse-titre">Accusés de lecture — {{ $lus->count() }}/{{ $m->destinataires->count() }} lu(s)</span>
                        @foreach($lus as $d)
                            <span class="chip-lu" title="Lu le {{ $d->lu_at->format('d/m/Y à H:i') }}">✓ {{ $d->user->name }}
                                <span class="muted">{{ $d->lu_at->format('d/m H:i') }}</span></span>
                        @endforeach
                        @foreach($nonLus as $d)
                            <span class="chip-non-lu" title="Pas encore lu">◻ {{ $d->user->name }}</span>
                        @endforeach
                    @endif
                </div>
            </div>
        @endforeach
    </div>

    <div class="card">
        <h2>Répondre</h2>
        <form method="POST" action="{{ route('messages.repondre', $racine->id) }}">
            @csrf
            <div class="grid">
                <div>
                    <label for="priorite">Priorité</label>
                    <select id="priorite" name="priorite">
                        @foreach($priorites as $cle => $p)
                            <option value="{{ $cle }}" @selected(old('priorite', 'normale') === $cle)>{{ $p['picto'] }} {{ $p['label'] }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <label for="corps">Votre réponse *</label>
            <textarea id="corps" name="corps" rows="4" maxlength="5000" required placeholder="Répondre au fil…">{{ old('corps') }}</textarea>
            <p class="muted">La réponse est adressée à tous les participants du fil.</p>
            <div class="form-footer">
                <button type="submit" class="btn">Envoyer la réponse</button>
            </div>
        </form>
    </div>
@endsection