@extends('admin.layouts.app')

@section('title', 'Contact Message')

@section('content')
<div class="card p-4">
    <div class="row g-3 mb-3">
        <div class="col-md-6">
            <div class="form-label mb-1">Name</div>
            <div>{{ $submission->name }}</div>
        </div>
        <div class="col-md-6">
            <div class="form-label mb-1">Email</div>
            <div><a href="mailto:{{ $submission->email }}">{{ $submission->email }}</a></div>
        </div>
        <div class="col-md-6">
            <div class="form-label mb-1">Subject</div>
            <div>{{ $submission->subject }}</div>
        </div>
        <div class="col-md-6">
            <div class="form-label mb-1">Received</div>
            <div>{{ $submission->created_at->format('Y-m-d H:i') }}</div>
        </div>
        <div class="col-12">
            <div class="form-label mb-1">Message</div>
            <div style="white-space: pre-wrap;">{{ $submission->message }}</div>
        </div>
    </div>
</div>

<div class="d-flex gap-2 mt-3">
    <a href="mailto:{{ $submission->email }}?subject=RE: {{ $submission->subject }}" class="btn btn-primary text-white">Reply by Email</a>
    <a href="{{ route('admin.contact-submissions.index') }}" class="btn btn-outline-secondary">Back to Messages</a>
    <button type="button" class="btn btn-outline-danger ms-auto"
            data-delete-url="{{ route('admin.contact-submissions.destroy', $submission) }}"
            data-delete-label="this message">
        Delete
    </button>
</div>
@endsection