@extends('admin.layouts.app')
@section('title', 'Contact Message')
@section('content')
<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px">
    <div class="card">
        <div class="card-header">Message Details</div>
        <div class="detail-item"><label>Name</label><div class="value">{{ $contact->name }}</div></div>
        <div class="detail-item"><label>Email</label><div class="value">{{ $contact->email }}</div></div>
        <div class="detail-item"><label>Phone</label><div class="value">{{ $contact->phone ?? '—' }}</div></div>
        <div class="detail-item"><label>Subject</label><div class="value">{{ $contact->subject ?? '—' }}</div></div>
        <div class="detail-item"><label>Date</label><div class="value">{{ $contact->created_at->format('M d, Y h:i A') }}</div></div>
    </div>
    <div class="card">
        <div class="card-header">Message</div>
        <p>{{ $contact->message }}</p>
    </div>
</div>
<div style="margin-top:20px">
    <a href="mailto:{{ $contact->email }}" class="btn btn-primary">Reply via Email</a>
    <a href="{{ route('admin.contacts.index') }}" class="btn btn-warning">Back</a>
</div>
@endsection
