@extends('admin.layout', ['menuKey' => 'contact-messages'])

@section('title', 'Contact messages')

@section('content')
    <div class="adm-head"><div><div class="eyebrow">Admin</div><h1>Contact messages</h1></div></div>
    @if ($messages->isEmpty())
        <div class="card empty">No messages yet.</div>
    @else
        <div class="tablewrap">
            <table>
                <thead><tr><th>Received</th><th>From</th><th>Message</th><th></th></tr></thead>
                <tbody>
                    @foreach ($messages as $m)
                        <tr @class(['unread' => ! $m->read_at])>
                            <td class="nowrap">{{ $m->created_at->format('M j, g:i A') }}</td>
                            <td><strong>{{ $m->name }}</strong><br><span class="mono small">{{ $m->email }}</span>@if ($m->organization)<br><span class="muted small">{{ $m->organization }}</span>@endif</td>
                            <td class="pre">{{ $m->message }}</td>
                            <td>
                                <form method="post" action="{{ route('admin.contact-messages.read', $m) }}">
                                    @csrf
                                    <button class="btn sm" type="submit">{{ $m->read_at ? 'Mark unread' : 'Mark read' }}</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        {{ $messages->links('pagination::simple-default') }}
    @endif
@endsection