8846b80aa7
Ajoute une page de confirmation après soumission du formulaire et envoie des emails de confirmation au candidat et à l'équipe.
45 lines
2.0 KiB
Twig
45 lines
2.0 KiB
Twig
{% extends 'base.twig' %}
|
|
|
|
{% block title %}{{'confirmation.title'|trans}}{% endblock %}
|
|
{% block canonical_url %}<link rel="canonical" href="{{ url('app_recruit_confirmed') }}" />{% endblock %}
|
|
|
|
{% block body %}
|
|
<div class="bg-white min-h-screen flex items-center justify-center py-20">
|
|
<div class="container mx-auto px-6 max-w-3xl">
|
|
|
|
{# --- CARTE DE CONFIRMATION STYLE COMICS --- #}
|
|
<div class="bg-white border-8 border-black p-10 md:p-16 shadow-[30px_30px_0px_0px_rgba(255,193,7,1)] text-center transform -rotate-1">
|
|
|
|
{# Icône de succès #}
|
|
<div class="text-7xl mb-6 transform rotate-3 inline-block">🚀</div>
|
|
|
|
<h1 class="text-4xl md:text-6xl font-black uppercase italic mb-6 tracking-tighter leading-none">
|
|
{{ 'confirmation.header'|trans }}
|
|
</h1>
|
|
|
|
<div class="w-24 h-2 bg-[#E63946] mx-auto mb-8"></div>
|
|
|
|
<p class="text-xl md:text-2xl font-bold text-gray-800 mb-10 leading-relaxed">
|
|
{{ 'confirmation.message'|trans }}
|
|
</p>
|
|
|
|
{# Bloc Délai #}
|
|
<div class="bg-[#1A1A1A] text-white p-6 border-4 border-black mb-10">
|
|
<p class="text-sm uppercase tracking-widest font-black text-[#FFC107] mb-2">
|
|
{{ 'confirmation.delay.label'|trans }}
|
|
</p>
|
|
<p class="text-2xl font-black uppercase italic">
|
|
{{ 'confirmation.delay.value'|trans }}
|
|
</p>
|
|
</div>
|
|
|
|
{# Bouton retour #}
|
|
<a href="{{ path('app_home') }}" class="inline-block px-10 py-4 bg-white border-4 border-black font-black uppercase hover:bg-black hover:text-white transition-all shadow-[5px_5px_0px_0px_rgba(0,0,0,1)]">
|
|
{{ 'confirmation.back_home'|trans }}
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|