@extends('layouts.school')
@section('title', 'Contact Message')
@section('header', 'Message from ' . $msg->name)
@section('content')
    <div class="mb-6"><a href="{{ route('school.cms.contact-messages', request()->route('schoolId')) }}" class="text-sm text-primary-600 hover:text-primary-700">&larr; Back to messages</a></div>
    <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
        <dl class="grid grid-cols-2 gap-4 text-sm mb-6">
            <div><dt class="text-gray-500">From</dt><dd class="font-medium text-gray-900">{{ $msg->name }}</dd></div>
            <div><dt class="text-gray-500">Email</dt><dd class="font-medium text-gray-900">{{ $msg->email }}</dd></div>
            <div><dt class="text-gray-500">Phone</dt><dd class="font-medium text-gray-900">{{ $msg->phone ?? '—' }}</dd></div>
            <div><dt class="text-gray-500">Date</dt><dd class="font-medium text-gray-900">{{ $msg->created_at->format('d M Y, g:ia') }}</dd></div>
        </dl>
        <div><dt class="text-sm text-gray-500 mb-1">Message</dt><div class="rounded-lg bg-gray-50 p-4 text-sm text-gray-700 whitespace-pre-wrap">{{ $msg->message }}</div></div>
        <div class="mt-6 flex gap-3">
            <a href="mailto:{{ $msg->email }}?subject=Re: {{ $msg->subject ?? 'Your message' }}" class="rounded-lg bg-primary-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-primary-700">Reply via Email</a>
            <form method="POST" action="{{ route('school.cms.delete-contact-message', [request()->route('schoolId'), $msg->id]) }}" onsubmit="return confirm('Delete?')">@csrf @method('DELETE')<button type="submit" class="rounded-lg border border-red-300 bg-white px-4 py-2 text-sm font-medium text-red-600 hover:bg-red-50">Delete</button></form>
        </div>
    </div>
@endsection