@component('emails.layouts.html', ['locale' => app()->getLocale(), 'subject' => match($contact['context'] ?? 'contact') {
    'report-issue' => __('Copy of Your Issue Report'),
    'report-error' => __('Copy of Your Error Report'),
    'delete-profile' => __('Copy of Your Profile Deletion Request'),
    default => __('Copy of Your Contact Form Submission'),
}])

{{-- Greeting --}}
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; margin: 0 0 15px 0; padding: 0; line-height: 1.5;">
    {{ __('Hello') }} {{ explode(' ', $contact['full_name'])[0] }},
</p>

{{-- Main message --}}
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; margin: 0 0 20px 0; padding: 0; line-height: 1.5;">
    {{ __('This is a copy of your :type submitted to :site:', [
        'type' => match($contact['context'] ?? 'contact') {
            'report-issue' => __('issue report'),
            'report-error' => __('error report'),
            'delete-profile' => __('profile deletion request'),
            default => __('message'),
        },
        'site' => config('app.name')
    ]) }}
</p>

{{-- Contact Information --}}
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 20px 0; border-collapse: collapse;">
    <tr>
        <td style="padding: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: {{ theme_color('text.primary') }}; width: 100px;">
            {{ __('Your name') }}:
        </td>
        <td style="padding: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }};">
            {{ $contact['name'] == $contact['full_name'] ? $contact['name'] : $contact['name'] . ' (' . $contact['full_name'] .')' }}
        </td>
    </tr>
    <tr>
        <td style="padding: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: {{ theme_color('text.primary') }};">
            {{ __('Your email') }}:
        </td>
        <td style="padding: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }};">
            {{ $contact['email'] }}
        </td>
    </tr>
    @if(!empty($contact['subject']))
    <tr>
        <td style="padding: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: {{ theme_color('text.primary') }};">
            {{ __('Subject') }}:
        </td>
        <td style="padding: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }};">
            {{ $contact['subject'] }}
        </td>
    </tr>
    @endif
    @if(!empty($contact['url']))
    <tr>
        <td style="padding: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: {{ theme_color('text.primary') }};">
            {{ __('Page URL') }}:
        </td>
        <td style="padding: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; word-break: break-all;">
            {{ $contact['url'] }}
        </td>
    </tr>
    @endif
</table>

{{-- Message content panel --}}
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 20px 0; border-collapse: collapse; background-color: {{ theme_color('text.surface') }}; border-left: 4px solid {{ theme_color('text.secondary') }};">
    <tr>
        <td style="padding: 15px 20px;">
            <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: {{ theme_color('text.secondary') }}; margin: 0 0 10px 0; padding: 0;">
                {{ __('Your message') }}:
            </p>
            <p style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: {{ theme_color('text.secondary') }}; margin: 0; padding: 0; line-height: 1.5; white-space: pre-wrap;">{{ $contact['message'] }}</p>
        </td>
    </tr>
</table>

{{-- Confirmation message --}}
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; margin: 0 0 20px 0; padding: 0; line-height: 1.5;">
    @if(($contact['context'] ?? 'contact') === 'delete-profile')
    {{ __('We have received your profile deletion request and will review it according to our data retention policies. You will be contacted regarding the next steps.') }}
    @else
    {{ __('We have received your message and will get back to you as soon as possible.') }}
    @endif
</p>

{{-- Closing --}}
@if(!in_array(($contact['context'] ?? 'contact'), ['delete-profile', 'report-error', 'report-issue']))
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; margin: 30px 0 30px 0; padding: 0; line-height: 1.5;">
    {{ timebank_config('mail.platform_sign_off_signature.' . app()->getLocale()) ?? timebank_config('mail.platform_sign_off_signature.en', 'See you around!') }}
</p>
@endif

{{-- Subcopy --}}
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: {{ theme_color('text.muted') }}; margin: 30px 0 10px 0; padding: 0; line-height: 1.5; border-top: 1px solid #e5e7eb; padding-top: 20px;">
    {{ __('This is an automated confirmation that your message was successfully submitted through the contact form.') }}
</p>

@endcomponent