@extends('admin.layout')
@section('title', 'Messages')
@section('content')
<p class="text-sm text-slate-500 mb-4">Messages sent from the "Contact us" form on the website home page.</p>
<div class="space-y-3">
@forelse ($messages as $m)
  <div class="card {{ $m->handled ? 'opacity-60' : '' }}">
    <div class="flex flex-wrap items-center gap-x-3">
      <div class="font-semibold">{{ $m->name }}</div>
      <a class="text-cyan-700 text-sm" href="mailto:{{ $m->email }}">{{ $m->email }}</a>
      <div class="text-xs text-slate-400 ml-auto">{{ \Carbon\Carbon::parse($m->created_at)->format('d M Y H:i') }}</div>
    </div>
    @if ($m->subject)<div class="text-sm font-medium mt-1">{{ $m->subject }}</div>@endif
    <div class="text-sm mt-2 whitespace-pre-line">{{ $m->message }}</div>
    <div class="mt-3 flex gap-4 text-sm">
      @if (!$m->handled)<form method="post" action="/admin/messages/{{ $m->id }}">@csrf<button class="text-emerald-700 font-semibold">Mark as handled</button></form>@endif
      <form method="post" action="/admin/messages/{{ $m->id }}" onsubmit="return confirm('Delete this message?')">@csrf<input type="hidden" name="action" value="delete"><button class="text-red-600">Delete</button></form>
    </div>
  </div>
@empty
  <div class="card text-center text-slate-500">No messages yet.</div>
@endforelse
</div>
<div class="mt-4">{{ $messages->links() }}</div>
@endsection