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

{% block title %}Etape 2 - Ajouter mon bébé{% endblock %}

{% block stylesheets %}
    <!-- Style -->
    <link rel="stylesheet" href="/css/login.css">
{% endblock %}

{% block customNavigation %}
    {% include "base/nav-customer.html.twig" %}
{% endblock %}



{% block body %}

<div class="d-lg-flex half">
    <div class="bg order-1 order-md-2" style="background-image: url('/images/bg_5.svg');"></div>
    <div class="contents order-2 order-md-1">
        <div class="container">

            <div class="row align-items-center justify-content-center">
                <div class="col-md-10">
                    <center>
                        <img src="/images/Cool-Baby-Academy-Logo.png" alt="Cool Baby Academy" width="30%" height="auto" />
                    </center>
                    <br />
                    <center>
                        <br />
                        <h2 class="h3 mb-3 font-weight-normal" style="color:#f4c245;text-transform:uppercase;"><i class="fa-solid fa-graduation-cap"></i> Ajoute un enfant </h2>
                        <p align="center">
                            <h3 style="color:black;">Bravo ! Ton compte est maintenant activé. </h3>
                            <hr />
                            Tu vas maintenant ajouter un enfant à ton espace, ou ta grossesse. <br />
                            Clique sur le bouton ci-dessous pour passer à la prochaine étape et nous informer de ta situation. <br />
                        </p>
                        <div class="alert alert-warning" role="alert">
                            <strong>Si tu as choisi une offre avec plusieurs enfants,<br /> tu pourras par la suite les ajouter. </strong>
                        </div>
                        <br />
                        <a href="/ajouter-enfant" class="btn-primary" style="padding: 3%;color: white;text-decoration: none;">Continuer</a>
                        <br /><br />
                        

                        <hr />
                        <i>En cas de problème, envoi un mail à cba@evenetmoi.com</i>
                        <br />
                    </center>
                    <br />

                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}