<div class="row p-4">
    <div class="col-12 error"></div>
<h2>Choisissez vos options</h2>

    <div class="col-12 d-flex flex-column justify-content-end p-2">
        <p class="mustache" style="text-align:justify;">Vous êtes sur le point de souscrire votre contrat d'Assurance Voyage Schengen, veuillez vérifier que les informations et options ci-dessous sont correctes et cliquez sur "Suivant" pour continuer :</p>
    </div>

    <div class="col-12">
        <div class="row align-items-center" style="border-bottom: 2px solid #dee2e6; border-top: 1px solid #dee2e6; font-size: 15px">
            <div class="col-4" style="padding: .75rem"><b>Assuré</b></div>
            <div class="col-3" style="padding: .75rem"><b>Date de Naissance</b></div>
            <div class="col-3" style="padding: .75rem"><b>Option ?</b></div>
            <div class="col-2" style="padding: .75rem"><b>Tarif</b></div></div>
       <fieldset data-loop="[number-pers]" class="p-0">
            <div class="row align-items-center line" style="border-bottom: 1px solid #dee2e6; font-size: 15px">
               <div class="col-4" style="padding: .75rem">[[personne--nom]], [[personne--prenom]]</div>
               <div class="col-3" style="padding: .75rem">[[personne--date-naiss]]</div>
               <div class="col-3" style="padding: .75rem">[[personne--optfm]]</div>
               <div class="col-2" style="padding: .75rem"><strong class="devis-pp">[[personne--devis-pp]] €</strong> TTC</div>
            </div>
       </fieldset></div>

<div class="col-12 d-flex flex-column justify-content-end p-2">
        <p class="mustache">Total de <strong class="devis-st">[devis-st] €</strong> TTC à régler par carte bancaire</p>
    </div>

<div class="d-flex justify-content-end">
            <input type="button" id="prevBtn" style="margin-rigth: 15px;" class="wpcf7-form-control button prevBtn btn-radius button-secondary" value="Retour" />[submit id:nextBtn class:nextBtn class:btn-radius "Suivant"]</div>

<div class="row ml-4">
            <div class="col-12">
                  <p>Ajouter un code promo</p>
            </div>
            <div class="col-6">
                  [text code-promo]
            </div>
            <div class="col-6">
                  <input type="button" class="btn check-code" value="Ajouter un code Promo">
            </div>
            <div class="col-12 code-notif"></div>
        </div>


<div class="col-12">
        <div class="mustache">
            <p>Assurance Voyage Schengen pour la période du <br><strong>[date-depart]</strong> au <strong>[date-fin]</strong> en Provenance de <strong class="translatable">[provenance_pays]</strong> et à destination de <strong class="translatable">[destination_pays]</strong></p>
        </div>
    </div>


   
</div>