@php
    // Rows are assembled here rather than repeating a five-line <tr> block per
    // field in the markup below; optional fields simply don't appear.
    $rows = array_filter([
        'Name' => $contactMessage->name,
        'Email' => $contactMessage->email,
        'Phone' => $contactMessage->phone,
        'Subject' => $contactMessage->subject,
        'Received' => $contactMessage->created_at?->format('j M Y, g:i a'),
        'Browser' => $contactMessage->browser,
        'Device' => $contactMessage->device_type ? ucfirst($contactMessage->device_type) : null,
        'Came from' => $contactMessage->referer_host,
    ]);
@endphp

<x-mail-layout title="New enquiry">
    <p style="margin:0 0 8px; font-size:13px; color:#7C3AED; font-weight:600; text-transform:uppercase; letter-spacing:0.06em;">
        New enquiry
    </p>
    <h1 style="margin:0 0 24px; font-size:22px; line-height:30px; color:#111111;">
        {{ $contactMessage->subject }}
    </h1>

    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom:24px;">
        @foreach($rows as $label => $value)
            <tr>
                <td style="padding:6px 0; font-size:14px; color:#666666; width:110px; vertical-align:top;">{{ $label }}</td>
                <td style="padding:6px 0; font-size:14px; color:#111111;">{{ $value }}</td>
            </tr>
        @endforeach
    </table>

    <div style="background-color:#FAF8FF; border:1px solid #ECECEC; border-radius:12px; padding:20px; margin-bottom:24px;">
        <p style="margin:0; font-size:15px; line-height:24px; color:#111111; white-space:pre-wrap;">{{ $contactMessage->message }}</p>
    </div>

    <a
        href="{{ $contactMessage->mailtoLink() }}"
        style="display:inline-block; background-color:#7C3AED; color:#FFFFFF; text-decoration:none; font-size:15px; font-weight:600; padding:12px 24px; border-radius:12px;"
    >
        Reply to {{ $contactMessage->name }}
    </a>

    <p style="margin:24px 0 0; font-size:13px; line-height:20px; color:#666666;">
        You can also open this message in the admin panel at
        <a href="{{ route('admin.contact-messages.show', $contactMessage) }}" style="color:#7C3AED;">Contact Messages</a>.
    </p>
</x-mail-layout>