@extends('admin.layouts.app')
@section('title', 'Message #'.$message->id)
@section('heading', 'Message from '.$message->name)

@section('content')
<div class="card">
    <p><strong>From:</strong> {{ $message->name }} &lt;{{ $message->email }}&gt;</p>
    <p><strong>Received:</strong> {{ $message->created_at->format('M d, Y · H:i') }}</p>
    <hr style="margin:1rem 0; border:none; border-top:1px solid #eee;">
    <p style="white-space:pre-wrap; line-height:1.6;">{{ $message->message }}</p>

    <div style="margin-top:1.5rem; display:flex; gap:.5rem;">
        <a href="mailto:{{ $message->email }}" class="adm-btn adm-btn-primary"><i class="fa-solid fa-reply"></i> Reply via Email</a>
        <form method="POST" action="{{ route('admin.messages.destroy', $message) }}" onsubmit="return confirm('Delete?');" style="display:inline;">
            @csrf @method('DELETE')
            <button class="adm-btn adm-btn-danger"><i class="fa-solid fa-trash"></i> Delete</button>
        </form>
        <a href="{{ route('admin.messages.index') }}" class="adm-btn adm-btn-ghost"><i class="fa-solid fa-arrow-left"></i> Back</a>
    </div>
</div>
@endsection