@extends('emails.layouts.abec')

@section('subject', 'New contact message')
@section('preheader', 'New contact message from ' . $contactMessage->name . ' — ' . $contactMessage->subject)

@section('content')
<h1 class="email-heading">New Contact Message</h1>

<p class="email-muted" style="margin-bottom:20px;">
    Submitted {{ $contactMessage->created_at->format('D, j M Y \a\t H:i') }} UTC
</p>

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:20px;">
    <tr>
        <td style="font-family:Helvetica,Arial,sans-serif;font-size:13px;color:#888;width:90px;padding-bottom:10px;vertical-align:top;">From</td>
        <td style="font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#1C1C1E;padding-bottom:10px;vertical-align:top;">
            <strong>{{ $contactMessage->name }}</strong><br>
            <a href="mailto:{{ $contactMessage->email }}">{{ $contactMessage->email }}</a>
        </td>
    </tr>
    <tr>
        <td style="font-family:Helvetica,Arial,sans-serif;font-size:13px;color:#888;padding-bottom:10px;vertical-align:top;">Subject</td>
        <td style="font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#1C1C1E;font-weight:bold;padding-bottom:10px;vertical-align:top;">{{ $contactMessage->subject }}</td>
    </tr>
</table>

<div class="info-box">
    <p style="white-space:pre-line;">{{ $contactMessage->body }}</p>
</div>

<p style="margin-top:28px;text-align:center;">
    <a href="{{ url('/admin/messages/' . $contactMessage->id) }}" class="btn-primary">View in Admin Panel</a>
</p>

<hr class="email-divider">

<p class="email-muted">
    Reply directly to this email to respond to {{ $contactMessage->name }} at {{ $contactMessage->email }}.
</p>
@endsection