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

{% block title %}{{ 'contact_emails.admin_notification.title'|trans({}, 'emails') }}{% endblock %}

{% block header_title %}📨 {{ 'contact_emails.admin_notification.header'|trans({}, 'emails') }}{% endblock %}
{% block header_subtitle %}{{ 'contact_emails.admin_notification.new_message'|trans({}, 'emails') }}{% endblock %}

{% block content %}
    <h2>{{ 'contact_emails.admin_notification.new_message'|trans({}, 'emails') }}</h2>
    
    <div class="alert alert-info">
        <strong>📅 {{ 'contact_emails.admin_notification.sender_info.date'|trans({}, 'emails') }}</strong> {{ timestamp|date('d/m/Y à H:i') }}
    </div>
    
    <h3>{{ 'contact_emails.admin_notification.sender_info.title'|trans({}, 'emails') }}</h3>
    <div class="highlight-box">
        <p><strong>{{ 'contact_emails.admin_notification.sender_info.name'|trans({}, 'emails') }}</strong> {{ contactData.name }}</p>
        <p><strong>{{ 'contact_emails.admin_notification.sender_info.email'|trans({}, 'emails') }}</strong> <a href="mailto:{{ contactData.email }}">{{ contactData.email }}</a></p>
        {% if contactData.phone %}
            <p><strong>{{ 'contact_emails.admin_notification.sender_info.phone'|trans({}, 'emails') }}</strong> {{ contactData.phone }}</p>
        {% endif %}
        <p><strong>{{ 'contact_emails.admin_notification.sender_info.subject'|trans({}, 'emails') }}</strong> {{ contactData.subject }}</p>
    </div>
    
    <h3>{{ 'contact_emails.admin_notification.message_content.title'|trans({}, 'emails') }}</h3>
    <div class="highlight-box">
        <p style="white-space: pre-wrap;">{{ contactData.message }}</p>
    </div>
    
    <h3>{{ 'contact_emails.admin_notification.technical_info.title'|trans({}, 'emails') }}</h3>
    <div style="font-size: 14px; color: #666;">
        {% if contactData.referrer %}
            <p><strong>{{ 'contact_emails.admin_notification.technical_info.referrer'|trans({}, 'emails') }}</strong> {{ contactData.referrer }}</p>
        {% endif %}
        {% if contactData.ip %}
            <p><strong>{{ 'contact_emails.admin_notification.technical_info.ip'|trans({}, 'emails') }}</strong> {{ contactData.ip }}</p>
        {% endif %}
        {% if contactData.user_agent %}
            <p><strong>{{ 'contact_emails.admin_notification.technical_info.browser'|trans({}, 'emails') }}</strong> {{ contactData.user_agent }}</p>
        {% endif %}
    </div>
    
    <div style="text-align: center; margin: 30px 0;">
        <a href="mailto:{{ contactData.email }}?subject=Re: {{ contactData.subject }}" class="btn btn-primary">
            {{ 'contact_emails.admin_notification.actions.reply_directly'|trans({}, 'emails') }}
        </a>
    </div>
    
    <div class="alert alert-warning">
        <strong>⏰ {{ 'contact_emails.admin_notification.actions.respond'|trans({}, 'emails') }}</strong>
    </div>
{% endblock %}