@extends('layouts.admin')
@section('title', __('Message from') . ' ' . $contactMessage->name)
@section('page-title', __('Message from') . ' ' . $contactMessage->name)

@section('content')
<a href="{{ route('admin.contact-messages.index') }}" class="text-muted small d-inline-block mb-3"><i class="bi bi-arrow-left me-1"></i>{{__('Back to messages')}}</a>

<div class="be-panel" style="max-width:720px;">
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-3">
        <div>
            <h5 class="fw-bold mb-1">{{ $contactMessage->subject ?: __('no subject') }}</h5>
            <div class="text-muted small">
                {{__('From')}} <strong>{{ $contactMessage->name }}</strong> &lt;<a href="mailto:{{ $contactMessage->email }}">{{ $contactMessage->email }}</a>&gt;
                &middot; {{ $contactMessage->created_at->format('M j, Y g:i A') }}
            </div>
        </div>
    </div>

    <hr>

    <p style="white-space: pre-line;">{{ $contactMessage->message }}</p>

    <hr>

    <div class="d-flex gap-2">
        <a href="mailto:{{ $contactMessage->email }}?subject=Re: {{ $contactMessage->subject ?: __('Your message to') . ' ' . $settings->site_name }}" class="btn be-btn-primary">
            <i class="bi bi-reply me-1"></i>{{__('Reply by Email')}}
        </a>
        <form action="{{ route('admin.contact-messages.destroy', $contactMessage) }}" method="POST" onsubmit="return confirm('{{__('Delete this message?')}}');">
            @csrf @method('DELETE')
            <button class="btn btn-outline-danger">{{__('Delete')}}</button>
        </form>
    </div>
</div>
@endsection