@extends('layouts.app')
@section('titre', 'Messages')
@section('contenu')
    <h1>Messagerie</h1>

    <div class="actions">
        <a href="{{ route('messages.create') }}" class="btn">✉️ Nouveau message</a>
        @if($recus->whereNull('lu_at')->count() > 0)
            <form method="POST" action="{{ route('messages.tout-lu') }}">
                @csrf
                <button type="submit" class="btn ghost">Tout marquer comme lu</button>
            </form>
        @endif
    </div>

    <div class="card">
        <h2>Boîte de réception</h2>
        @forelse($recus as $recu)
            @php $m = $recu->message; $info = $m->prioriteInfo(); @endphp
            <div class="msg-ligne {{ $info['classe'] }} {{ $recu->lu_at ? 'lu' : 'non-lu' }}">
                <span class="msg-picto" title="Priorité {{ $info['label'] }}">{{ $info['picto'] }}</span>
                <div class="msg-contenu">
                    <div class="msg-tete">
                        <strong>{{ $m->expediteur->name }}</strong>
                        <span class="badge info">{{ $m->expediteur->roleLabel() }}</span>
                        @if(! $recu->lu_at)<span class="badge loc">Nouveau</span>@endif
                        <span class="muted">{{ $m->created_at->translatedFormat('D d/m à H:i') }}</span>
                    </div>
                    @if($m->sujet)<div class="msg-sujet">{{ $m->sujet }}</div>@endif
                    <div class="msg-corps">{{ $m->corps }}</div>
                    <a href="{{ route('messages.show', $m->racineId()) }}" class="msg-lien">Ouvrir le fil et répondre →</a>
                </div>
                @unless($recu->lu_at)
                    <form method="POST" action="{{ route('messages.lu', $recu) }}" class="msg-action">
                        @csrf
                        <button type="submit" class="btn ghost sm">Marquer lu</button>
                    </form>
                @endunless
            </div>
        @empty
            <p class="muted">Aucun message reçu.</p>
        @endforelse
    </div>

    <div class="card">
        <h2>Messages envoyés</h2>
        @forelse($envoyes as $m)
            @php $info = $m->prioriteInfo(); @endphp
            <div class="msg-ligne {{ $info['classe'] }} lu">
                <span class="msg-picto" title="Priorité {{ $info['label'] }}">{{ $info['picto'] }}</span>
                <div class="msg-contenu">
                    <div class="msg-tete">
                        <span class="muted">À</span> <strong>{{ $m->cible_libelle }}</strong>
                        <span class="muted">·
                            {{ $m->destinataires->where('lu_at', '!=', null)->count() }}/{{ $m->destinataires->count() }} lu(s)
                            · {{ $m->created_at->translatedFormat('D d/m à H:i') }}</span>
                    </div>
                    @if($m->sujet)<div class="msg-sujet">{{ $m->sujet }}</div>@endif
                    <div class="msg-corps">{{ $m->corps }}</div>
                    <a href="{{ route('messages.show', $m->racineId()) }}" class="msg-lien">Ouvrir le fil (accusés de lecture) →</a>
                </div>
            </div>
        @empty
            <p class="muted">Aucun message envoyé.</p>
        @endforelse
    </div>
@endsection