@extends('admin.layout')

@section('admin')
    <div class="panel">
        <div class="panel-head">
            <h2 style="font-size:1.1rem">Messages de contact <span class="muted" style="font-weight:500">({{ $messages->total() }})</span></h2>
        </div>

        @forelse($messages as $message)
            <div class="switch-row" style="align-items:flex-start">
                <div style="min-width:0">
                    <span class="badge {{ $message->status === 'open' ? 'badge-orange' : 'badge-soft' }}">
                        {{ $message->status === 'open' ? 'À traiter' : 'Traité' }}
                    </span>
                    <strong class="small" style="display:block;color:var(--ink-900);margin-top:6px">{{ $message->sujet }}</strong>
                    <p class="tiny muted" style="margin:2px 0 0">
                        {{ $message->nom }} — <a href="mailto:{{ $message->email }}">{{ $message->email }}</a>
                        · {{ $message->created_at->translatedFormat('d/m/Y H:i') }}
                    </p>
                    <p class="small muted" style="margin:6px 0 0">{{ $message->message }}</p>
                </div>
                @if($message->status === 'open')
                    <form method="post" action="{{ url('/admin/contacts/'.$message->id) }}">
                        @csrf @method('put')
                        <button class="btn btn-outline btn-sm">Marquer traité</button>
                    </form>
                @endif
            </div>
        @empty
            <p class="muted small" style="margin:0">Aucun message.</p>
        @endforelse

        <div style="margin-top:16px">{{ $messages->links('partials.pagination') }}</div>
    </div>
@endsection