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

{% block title %}{{titre}}{% endblock %}
{% block stylesheets %}
{{ parent() }}

{% endblock %}
{% block body %}
<style>
    body {
        font-family: Arial, sans-serif;
        background-color: #f6f6f6;
        margin: 0;
        padding: 0;
    }

    .container {
        background-color: #ffffff;
        max-width: 600px;
        margin: 30px auto;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    h2 {
        color: #2c3e50;
    }

    .info {
        margin-bottom: 15px;
    }

    .info strong {
        display: inline-block;
        width: 120px;
        color: #34495e;
    }

    .footer {
        margin-top: 30px;
        font-size: 12px;
        color: #999999;
        text-align: center;
    }
</style>

<div class="container">
    <h2>Nouvelle demande de consultation</h2>

    <p>Vous avez reçu une nouvelle demande via le formulaire de contact :</p>
    <div class="info">
        <strong>Profil :</strong> {{ data.profil }}
    </div>

    <div class="info">
        <strong>Stituation :</strong> {{ data.situation }}
    </div>

    <div class="info">
        <strong>Nom :</strong> {{ data.nom }}
    </div>

       <div class="info">
        <strong>Email :</strong> {{ data.email }}
    </div>

    <div class="info">
        <strong>Téléphone :</strong> {{ data.telephone }}
    </div>
    <div class="info">
        <strong>Message :</strong><br>
        <p>{{ data.message|nl2br }}</p>
    </div>

    <div class="footer">
        Cet email a été généré automatiquement par le site Renfort Immo.
    </div>
</div>
{% endblock %}

{% block javascripts %}
{% block importmap %}{{ importmap('app') }}{% endblock %}

{% endblock %}