@extends('ged.layout')
@section('title', 'Messages envoyés')
@section('page_title', 'Messages envoyés')

@section('content')
<div class="ged-page-header">
    <h1><i class="fas fa-paper-plane"></i> Messages envoyés</h1>
    <a href="{{ route('ged.messages.compose') }}" class="ged-btn ged-btn-primary">
        <i class="fas fa-pen"></i> Nouveau message
    </a>
</div>

<div class="ged-card">
    @if($messages->count())
    @foreach($messages as $msg)
    <a href="{{ route('ged.messages.show', $msg->id) }}" class="ged-message-item" style="text-decoration:none">
        <div class="ged-message-avatar" style="background:var(--gold-light);color:var(--gold)">
            {{ strtoupper(substr($msg->receiver?->name ?? 'U', 0, 2)) }}
        </div>
        <div style="flex:1;min-width:0">
            <div style="font-size:12px;color:var(--gray-400);margin-bottom:2px">À : <strong style="color:var(--gray-700)">{{ $msg->receiver?->name }}</strong></div>
            <div class="ged-message-subject">{{ $msg->subject }}</div>
            <div class="ged-message-preview">{{ Str::limit(strip_tags($msg->body), 80) }}</div>
        </div>
        <div class="ged-message-date">{{ $msg->created_at->diffForHumans() }}</div>
    </a>
    @endforeach
    <div style="margin-top:16px">{{ $messages->links() }}</div>
    @else
    <div class="ged-empty"><i class="fas fa-paper-plane"></i><p>Aucun message envoyé</p></div>
    @endif
</div>
@endsection