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

{% block title %}Confirmez votre message — Bubul{% endblock %}

{% block content %}
<h1 class="email-title">Une dernière étape !</h1>

<p class="email-text">Bonjour {{ data.firstName }},</p>
<p class="email-text">
    Vous avez envoyé un message à l'équipe Bubul. Pour confirmer qu'il s'agit bien de vous,
    cliquez sur le bouton ci-dessous.
</p>

<div class="info-box-plain">
    <p style="margin:0 0 6px;font-size:13px;color:#1D4ED8;font-weight:600;">Votre message :</p>
    <p style="margin:0;">{{ data.message|nl2br }}</p>
</div>

{% include 'emails/_atoms/button/button.html.twig' with {
    label: 'Confirmer mon message',
    href: confirmUrl
} only %}

<p class="email-text" style="margin-top:16px;font-size:13px;color:#8A9AB0;">
    Ce lien est valable 24h. Si vous n'avez pas envoyé ce message, ignorez cet email.
</p>

<p class="email-text">
    L'équipe Bubul<br>
    <a href="mailto:contact@bubul.app">contact@bubul.app</a>
</p>
{% endblock %}