<div class="p-4">
<div class="row">
<div class="col-12 p-4">
<div class="row">
<div class="col">
    <fieldset>
    <label class="text-uppercase" for="duration_date">Période de Voyage</label><div class="input-group daterange">[text date-depart id:duration_date class:form-control class:daterange-start readonly default:get][text date-fin class:form-control class:daterange-end readonly default:get]<span class="input-group-append" role="right-icon"><button class="btn-transparent" type="button"><i class="fa fa-calendar"></i></button></span></div></fieldset></div></div>
[diffdate resultatDuree date1:date-depart date2:date-fin get:d]



    <div class="row"><div class="col pl-2"><small class="date-difference" style="opacity: 0.73;"></small></div></div>

    <div class="row">
    <div class="col-12">
         <fieldset><label class="text-uppercase">Destination</label><div class="input-group mt-1">[select_pays* destination_pays class:combobox class:w-100 class:swisscare-style data-show-if-mc:mc data-show-if-schengen:schengen data-show-if-lc:lc default:get]</div></fieldset></div>
</div>

    [hidden destination ""]
    <div class="row">
      <div class="col-6">
         [group mc]
         Vous appartenez au Moyen Courrier
         <input type=hidden name="destination[]" value="MC" data-value="MC"/>
         [/group]
      </div>

      <div class="col-6">
         [group lc]
         Vous appartenez au Long Courrier
         <input type=hidden name="destination[]" value="LC" data-value="LC"/>
         [/group]
      </div>

      <div class="col-6">
         [group schengen]
         Vous appartenez a SCHENGEN
         <input type=hidden name="destination[]" value="SCH" data-value="SCH"/>
         [/group]
      </div>
      </div>


    [hidden number-pers default:get]
    [hidden devis-st]
    <div class="row mt-1 mr-5" id="assure">
    <div class="col-12">
    <div class="row mt-2" v-for="(person, index) in people" :data-loop-index="index">
        <div class="col-xl-12 pl-2">
            <h3 class="title mb-3">Assuré n° {{index+1}}</h3>
        </div>
        <div class="col-12 col-sm-6 mb-3">
        <fieldset><label class="text-uppercase">Pays de Residence</label>[select_pays* personne--nationalite class:combobox class:w-100 class:swisscare-style data-show-if-domtom:domtom]</fieldset>
       [group domtom]
       Vous appartenez à DOMTOM
       [hidden personne--nationallc "DOMTOM"]
       [/group]
</div>       
        <div class="col-12 col-sm-6 mb-3">
        <fieldset><label class="text-uppercase">Date de Naissance</label>[date personne--date-naiss id:personne--date-naiss class:w-100]</fieldset>
        [diffdate personne--age date1:personne--date-naiss date2:now get:y]</div>
        <div class="close-col" >
            <div class="delete" v-on:click="deletePerson(index)">
                <i class="fa fa-trash-o" style="font-size: 25px;color: rgb(247,1,1);"></i></div></div></div></div>
    <div class="col-12 mt-3">
    <div class="btn-plus" v-on:click="add()"><i class="fa fa-plus-circle" style="font-size: 35px;color: rgba(33,37,41,0.51);"></i></div></div></div></div>
    <div class="col-12">
        <div class="row mt-4">
                <div class="col-12 mt-2">
                <label class="checkbox-group">[acceptance terms] Les informations recueillies sur cette page font l’objet d’un traitement informatique destiné à recevoir des informations sur nos services, ainsi que d’assurer le suivi et l’instruction de votre demande. Vos informations à caractère personnel sont exclusivement destinées aux personnes habilitées à traiter ces demandes. En cliquant sur « Suivant », je reconnais avoir pris connaissance de la <strong><a href="https://fr.visa-schengen-assurance.com/wp-content/uploads/sites/3/2019/09/PGPD-AGIS-2019.pdf">politique de protection des données de AGIS</a></strong> ayant désigné un Délégué à la Protection des Données auprès de la CNIL, en justifiant de votre identité, vous pouvez exercer vos droits d’accès, de rectification ou de suppression des informations vous concernant. Vous pouvez également pour des motifs légitimes, vous opposer au traitement de vos données. Merci de nous adresser en ce cas un mail à dpo@agis-group.com.  [/acceptance]</label>
            </div>
        </div>
    </div>
<div class="col col-12 d-flex justify-content-end">
<input type="button" id="prevBtn" style="margin-rigth: 15px;" class="wpcf7-form-control wpcf7-submit button prevBtn btn-radius button-secondary" value="Previous"/>[submit id:nextBtn class:nextBtn class:btn-radius "Next"]
</div>
</div>
</div>