{% extends "AppBundle:Frontend:ins_show_layout.html.twig" %}

{% block stylesheet %}
    <style>
        table {
            font-family: arial, sans-serif;
            border-collapse: collapse;
            width: 100%;
        }

        td, th {
            border: 1px solid #dddddd;
            text-align: left;
            padding: 8px;
        }

        tr:nth-child(even) {
            background-color: #dddddd;
        }
    </style>
{% endblock %}
{% block content %}
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <div class="w3-container" style="margin-top: 150px; width: 60%; left: 20%; right: 20%">
        <h2 style="text-align: right"> <i class="material-icons" style="color: #2980b9; font-size: 76px">
                check
            </i></h2>
                <div class="w3-card-4" >
                <!-- For IE9 or below. -->
                <div class="w3-container w3-center" style="padding-top: 20px">
                    <p>Merci ! Votre formulaire d'inscription a bien été transmis</p>
                </div>
    </div>
</div>

    {#

    <br style="margin-top: 50px">
        <h1 style="text-align:center">Formulaire d'inscription</h1>

        {% for pre in pre_inscriptions %}
            <table style="width:90%; margin-left: auto; margin-right: auto">
                <tr>
                    <th>Nom:</th>
                    <td>   {{ pre.nom }}</td>
                </tr>
                <tr>
                    <th>Prenom:</th>
                    <td>{{ pre.prenom }}</td>
                </tr>
                <tr>
                    <th>Date de naissance:</th>
                    <td>{{ pre.dateDeNaissance |date("m/d/Y") }}</td>
                </tr>
                <tr>
                    <th>Mail:</th>
                    <td>{{ pre.mail }}</td>
                </tr>
                <tr>
                    <th>Type de Mobile:</th>
                    <td>{{ pre.typeMobile }}</td>
                </tr>
                <tr>
                    <th>Tablette:</th>
                    <td>{{ pre.tablette }}</td>
                </tr>
                <tr>
                    <th>Téléphone:</th>
                    <td>{{ pre.numTelephone }}</td>
                </tr>   <tr>
                    <th>Nom de l'adress:</th>
                    <td>{{ pre.nomAddresse }}</td>
                </tr>   <tr>
                    <th>Ville:</th>
                    <td>{{ pre.villeAddresse }}</td>
                </tr>   <tr>
                    <th>Code postal:</th>
                    <td>{{ pre.codePostal }}</td>
                </tr>   <tr>
                    <th>Etre contacter par internet:</th>
                    <td>{{ pre.contacterParInternet }}</td>
                </tr>   <tr>
                    <th>Connexion reseaux S.:</th>
                    <td>{{ pre.connecterSurReseauxS }}</td>
                </tr>   <tr>
                    <th>Profession:</th>
                    <td>{{ pre.profession }}</td>
                </tr>   <tr>
                    <th>Domaine de metier:</th>
                    <td>{{ pre.domaineMetier }}</td>
                </tr>   <tr>
                    <th>Etes-vous allergique:</th>
                    <td>{{ pre.etesAlergique }}</td>
                </tr>   <tr>
                    <th>En quoi vous etes allergique:</th>
                    <td>{{ pre.descAlergique }}</td>
                </tr>   <tr>
                    <th>Connaissance du condition generale:</th>
                    <td>{{ pre.connaissezCondition }}</td>
                </tr>   <tr>
                    <th>Etes vous inscrit ailleurs:</th>
                    <td>{{ pre.societeInscrit }}</td>
                </tr>
                <tr>
                    <th>Fumez-vous:</th>
                    <td>{{ pre.fumezVous }}</td>
                </tr>
                <tr>
                    <th>Lieu d'habitation:</th>
                    <td>{{ pre.zonePollue }}</td>
                </tr>

                <tr>
                    <th>Langue parler:</th>
                    <td>{% for langue in pre.langueParle %}
                            {{ langue }}
                        {% endfor %}
                    </td>
                </tr>


                <tr>
                    <th>Avez-vous des enfants de moin de 18 ans ?:</th>
                    <td>{{ pre.enfantsMineur }}</td>
                </tr>
                <tr>
                    <th>Sex:</th>
                    <td>{{ pre.vousEtes }}</td>
                </tr>
                <tr>
                    <th>Utilisez-vous des produits cosmétiques bio ?:</th>
                    <td>{{ pre.utilisezProduitBio }}</td>
                </tr>
                <tr>
                    <th>Votre origin:</th>
                    <td>{{ pre.origin }}</td>
                </tr>
                <tr>
                    <th>Votre type de peau ::</th>
                    <td>{{ pre.typePeau }}</td>
                </tr>
                <tr>
                    <th>Votre couleur de peau:</th>
                    <td>{{ pre.couleurPeau }}</td>
                </tr>
                <tr>
                    <th>Vous avez les cheveux:</th>
                    <td>{{ pre.couleurCheveux }}</td>
                </tr>
                <tr>
                    <th>Votre corps au soleil se caractérise par:</th>
                    <td>{{ pre.corpAuSoleil }}</td>
                </tr>

                <tr>
                    <th>
                        Vous maquillez-vous le teint ? *
                    </th>
                    <td>{{ pre.maquillageTeint }}</td>
                </tr>

                <tr>
                    <th>
                        Où achetez-vous généralement vos maquillages du teint ? *
                    </th>
                    <td>
                        {{ pre.ouAcheteMaquillage }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Vous maquillez-vous les yeux ? *
                    </th>
                    <td>
                        {{ pre.maquillageYeux }}
                    </td>
                </tr>


                <tr>
                    <th>
                        Acide Hyaluronique
                    </th>
                    <td>
                        {{ pre.dermatologieEsthtiqueAcideH }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Botox
                    </th>
                    <td>
                        {{ pre.dermatologieEsthtiqueBotox }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Laser
                    </th>
                    <td>
                        {{ pre.dermatologieEsthtiqueLaser }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Peeling
                    </th>
                    <td>
                        {{ pre.dermatologieEsthtiquePeeling }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Mésothérapie
                    </th>
                    <td>
                        {{ pre.dermatologieEsthtiqueMesotherapie }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Autre
                    </th>
                    <td>
                        {{ pre.dermatologieEsthtiqueAutre }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Fréquence de rasage : *
                    </th>
                    <td>
                        {{ pre.frequenceRasage }}
                    </td>
                </tr>

                <tr>
                    <th>
                        De quelle longueur est votre barbe ? *
                    </th>
                    <td>
                        {{ pre.longueBarbe }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Rasoir électrique ?
                    </th>
                    <td>
                        {{ pre.typeRasageRElec }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Rasoir mécanique jetable ?
                    </th>
                    <td>
                        {{ pre.typeRasageMeca }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Rasoir mécanique rechargeable ?
                    </th>
                    <td>
                        {{ pre.typeRasageMecaR }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Tondeuse à barbe ?
                    </th>
                    <td>
                        {{ pre.typeRasageTondeuse }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Poils incarnés ?
                    </th>
                    <td>
                        {{ pre.problemePeauPoileInc }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Sensible au feu du rasoir
                    </th>
                    <td>
                        {{ pre.problemePeauSensible }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Barbe dure ?
                    </th>
                    <td>
                        {{ pre.problemePeauBarbe }}
                    </td>
                </tr>

                <tr>
                    <th>
                        Avez-vous une Calvitie?
                    </th>
                    <td>
                        {{ pre.calvitie }}
                    </td>
                </tr>

            </table>
            <div style="width: 90%; margin: auto; height: 10px">
                <hr>
            </div>
            <div style="width: 90%; margin: auto; height: 10px">
                <hr>
            </div>
        {% endfor %}
#}

    </div>

{% endblock %}