{% extends 'email/base.html.twig' %}

{% block title %}{{ 'contact_emails.confirmation.title'|trans }}{% endblock %}

{% block header_title %}{{ 'contact_emails.confirmation.header_title'|trans }}{% endblock %}
{% block header_subtitle %}{{ 'contact_emails.confirmation.header_subtitle'|trans }}{% endblock %}

{% block content %}
    <h2>{{ 'contact_emails.confirmation.greeting'|trans({'%name%': contactData.name}) }}</h2>
    
    <p>{{ 'contact_emails.confirmation.received_message'|trans }}</p>
    
    <div class="alert alert-success">
        <strong>{{ 'contact_emails.confirmation.confirmation_alert.title'|trans }}</strong><br>
        {{ 'contact_emails.confirmation.confirmation_alert.message'|trans }}
    </div>
    
    <h3>{{ 'contact_emails.confirmation.summary.title'|trans }}</h3>
    <div class="highlight-box">
        <p><strong>{{ 'contact_emails.confirmation.summary.subject'|trans }}</strong> {{ contactData.subject }}</p>
        <p><strong>{{ 'contact_emails.confirmation.summary.your_message'|trans }}</strong></p>
        <p style="white-space: pre-wrap; font-style: italic; margin-left: 20px; border-left: 3px solid #D2691E; padding-left: 15px;">{{ contactData.message }}</p>
    </div>
    
    <h3>{{ 'contact_emails.confirmation.response_time.title'|trans }}</h3>
    <p>{{ 'contact_emails.confirmation.response_time.commitment'|trans }}</p>
    
    <div class="alert alert-info">
        <strong>{{ 'contact_emails.confirmation.tip.title'|trans }}</strong> {{ 'contact_emails.confirmation.tip.check_spam'|trans }}
    </div>
    
    <h3>{{ 'contact_emails.confirmation.while_waiting.title'|trans }}</h3>
    <div class="highlight-box">
        <h4>{{ 'contact_emails.confirmation.while_waiting.subtitle'|trans }}</h4>
        <ul>
            <li><a href="{{ contactUrl }}">{{ 'contact_emails.confirmation.while_waiting.faq'|trans }}</a></li>
            <li><a href="https://www.antiquites-en-france.com/catalog">{{ 'contact_emails.confirmation.while_waiting.catalog'|trans }}</a></li>
            <li><a href="https://www.antiquites-en-france.com/directory">{{ 'contact_emails.confirmation.while_waiting.directory'|trans }}</a></li>
        </ul>
    </div>
    
    <h3>{{ 'contact_emails.confirmation.urgent_contact.title'|trans }}</h3>
    <p>{{ 'contact_emails.confirmation.urgent_contact.description'|trans }}</p>
    <p><strong>{{ 'contact_emails.confirmation.urgent_contact.phone'|trans }}</strong><br>
    <em>{{ 'contact_emails.confirmation.urgent_contact.hours'|trans }}</em></p>
    
    <p>{{ 'contact_emails.confirmation.closing.thanks'|trans }}</p>
    
    <p>{{ 'contact_emails.confirmation.closing.good_day'|trans }}</p>
    
    <p><strong>{{ 'contact_emails.confirmation.closing.team_name'|trans }}</strong><br>
    <em>{{ 'contact_emails.confirmation.closing.service'|trans }}</em></p>
{% endblock %}