@extends('admin.layouts.app')
@section('page-title','Contact Detail')
@section('content')
<div class="card">
  <p><strong>Name:</strong> {{ $contact->name }}</p>
  <p style="margin-top:0.5rem"><strong>Email:</strong> <a href="mailto:{{ $contact->email }}">{{ $contact->email }}</a></p>
  <p style="margin-top:0.5rem"><strong>Phone:</strong> {{ $contact->phone ?? '-' }}</p>
  <p style="margin-top:0.5rem"><strong>Subject:</strong> {{ $contact->subject ?? '-' }}</p>
  <p style="margin-top:0.5rem"><strong>Date:</strong> {{ $contact->created_at->format('M d, Y H:i') }}</p>
  <hr style="margin:1rem 0">
  <p><strong>Message:</strong></p>
  <p style="margin-top:0.5rem;line-height:1.7">{{ $contact->message }}</p>
  <div style="margin-top:1.5rem">
    <a href="mailto:{{ $contact->email }}" class="btn btn-primary">Reply by Email</a>
    <a href="{{ route('admin.contacts.index') }}" class="btn btn-secondary">Back</a>
  </div>
</div>
@endsection