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

{% block title %}Erreur Désabonnement Newsletter{% endblock %}

{% block body %}

<div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">

    <section class="p-6 bg-white rounded-lg border border-gray-200 shadow-md dark:bg-gray-800 dark:border-gray-700">
        <h2 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Bonjour {{prenom}} {{nom}}</h2>
        <p class="mb-5 font-light text-gray-500 dark:text-gray-400">Une erreur s'est produite lors du désabonnement à la Newsletter, réessayez plus tard. Vous pouvez sinon envoyer un mail à notre adresse <strong>epn@eustaches.com</strong> avec votre demande de désabonnnement, sans oublier votre nom et prénom.</p>
        <div class="flex justify-between items-center">
            <div class="flex items-center space-x-4">
                <img class="w-7 h-7 rounded-full" src="{{ asset('img/logo-simple.svg') }}" alt="Logo d'Eustache" />
                    <span class="font-medium dark:text-white">
                        <a href="https://eustaches.com/" target="_blank">Site Les Trompes d'Eustache</a>
                    </span>
            </div>
        </div>
    </section> 

</div>

{% endblock %}