{% extends 'front/layouts/authentication_layout.html.twig' %}
{% block title %}Cofina Academy{% endblock %}
{% block stylesheets %}
{{ parent() }}
{% endblock %}
{% block body %}
<main>
<section class="container-fluid" style="padding:0">
<div class="d-flex justify-content-around align-items-center vh-100">
<div class="flex-fill">
<div class="d-flex justify-content-center">
<img src="{{ asset('assets/front/img/LOGO COFINA ACADEMY 1.png') }}" class="img-fluid con-logo" alt="Logo Cofina Academy">
</div>
{% block form_title %}
<p class="h6 text-center my-2">Merci d'entrer votre adresse email avant de continuer</p>
{% endblock %}
<div class="d-flex justify-content-center my-2">
{% block form %}
<form action="{{ url('app_front_visitor_details_page') }}" class="con_form my-2">
<div class="form-group">
<label for="email" class="h4 fw-bold">Email <span class="">*</span></label>
<input type="email" placeholder="Ex: exemple@azerty.com" class="form-control con_input" name="email" id="email">
</div>
<div class="d-flex justify-content-center my-2 my-lg-4">
<button class="btn btn-danger con_btn">valider</button>
</div>
</form>
{% endblock %}
</div>
</div>
<div class="d-none flex-fill d-lg-block con-bg align-items-center align-content-center border-5">
<div class="d-flex justify-content-center">
<img src="{{ asset('assets/front/img/connexion/girl_connexion.png') }}" class="con-girl" alt="Girl Cofina Academy" />
</div>
</div>
</div>
</section>
</main>
{% endblock %}
{% block javascripts %}
{{ parent() }}
{% endblock %}