@extends('ged.layout')
@section('title', 'Boîte de réception')
@section('page_title', 'Boîte de réception')

@section('content')
<div class="ged-page-header">
    <h1><i class="fas fa-inbox"></i> Boîte de réception</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 {{ !$msg->is_read ? 'unread' : '' }}" style="text-decoration:none">
        <div class="ged-message-avatar">{{ strtoupper(substr($msg->sender?->name ?? 'U', 0, 2)) }}</div>
        <div style="flex:1;min-width:0">
            <div style="display:flex;align-items:center;gap:8px;margin-bottom:2px">
                <span style="font-size:12px;font-weight:600;color:var(--gray-700)">{{ $msg->sender?->name }}</span>
                @if(!$msg->is_read)<span class="ged-badge ged-badge-blue" style="font-size:9px">Nouveau</span>@endif
            </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-inbox"></i><p>Aucun message reçu</p></div>
    @endif
</div>
@endsection