templates/modal/modalConnect.html.twig line 1

Open in your IDE?
  1. <!-- Modal de connexion -->
  2. <div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
  3.   <div class="modal-dialog modal-dialog-centered">
  4.     <div class="modal-content">
  5.       <div class="modal-header">
  6.         <h5 class="modal-title" id="loginModalLabel">Se connecter</h5>
  7.         <button type="button" class="btn-close" data-bs-dismiss="modal" data-bs-target="#my-modal"
  8.           aria-label="Close"></button>
  9.       </div>
  10.       <div class="modal-body">
  11.         <form name="connexion" onsubmit="login(); return false;">
  12.           <div class="input-group" style="margin-bottom: 10px;">
  14.             <input type="text" class="form-control" id="username" required aria-describedby="username"
  15.               placeholder="Email ou numéro de téléphone" style='margin-bottom: 0px;'>
  16.           </div>
  17.           <div class="input-group" style="margin-bottom: 5px;">
  18.             <input type="password" class="form-control" id="password" required placeholder="Mot de passe" style='margin-bottom: 0px;'>
  19.           </div>
  20.           <div class="checkbox-form" style="gap: 10px;">
  21.             <input type="checkbox" id="keep_log" name="keep_log" style="display:none;">
  22.             <label class="fakeLabel" for="keep_log"></label>
  23.             <label class="label_checkbox" for="keep_log">Je souhaite rester connecté(e)</label>
  24.           </div>
  25.           <div class="submit">
  26.             <button type="submit" class="btn btn_sign  btn-vert-inverse btn_log">Me connecter</button><br>
  27.             <a href="#" id="forgetPassword" class="textUnderButton" data-bs-target="#recoverModal"
  28.               data-bs-toggle="modal" data-bs-dismiss="modal">J'ai oublié mon mot
  29.               de passe</a>
  30.           </div>
  31.           <p id="alertLogin" class="alertMyAudio">Mail/Téléphone ou mot de passe incorrect</p>
  32.         </form>
  33.       </div>
  34.       <div class="modal-footer">
  36.         <p class="new_text">Je suis nouveau chez My Audio</p>
  37.         <button type="button" class="btn btn_sign btn-vert-inverse" data-bs-target="#signupModal" data-bs-toggle="modal"
  38.           data-bs-dismiss="modal">Créer mon compte</button>
  39.       </div>
  40.     </div>
  41.   </div>
  42. </div>
  44. <!-- Modal de création de compte -->
  45. <div class="modal fade" id="signupModal" aria-hidden="true" aria-labelledby="signupModal" tabindex="-1">
  46.   <div class="modal-dialog modal-dialog-centered">
  47.     <div class="modal-content">
  48.       <div class="modal-header">
  49.         <h5 class="modal-title" id="signupModal">Créer mon compte My Audio</h5>
  50.         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  51.       </div>
  52.       <div class="modal-body">
  53.         <form name="createAccount" onsubmit="createAnAccount(); return false;">
  54.           <div class="checkbox-form">
  55.             <div>
  56.               <input type="radio" id="madame" name="civilite" value="Madame" required style="display:none">
  57.               <label class="fakeLabel" for="madame"></label>
  58.               <label class="label_checkbox" for="madame">Madame</label>
  59.             </div>
  60.             <div>
  61.               <input class="" type="radio" id="monsieur" name="civilite"  value="Monsieur"  style="display:none">
  62.               <label class="fakeLabel" for="monsieur"></label>
  63.               <label class="label_checkbox" for="monsieur">Monsieur</label>
  64.             </div>
  65.           </div>
  67.           <div class="input-group separateFlex" style="margin-bottom: 20px;">
  68.             <input type="text" class="form-control" id="nom" aria-describedby="nom" required placeholder="Nom" />
  69.             <input type="text" class="form-control" id="prenom" aria-describedby="prenom" required placeholder="Prénom" />
  70.           </div>
  71.           <div class="input-sign" style="margin-bottom: 20px;">
  72.             <div class="naissanceContainer">
  73.               <p class="labelNaissance">Né(e) le</p>
  74.               <select class="space_little" name="day" id="day" required>
  75.                 <option hidden value="" >JJ</option>
  76.                 {% set day = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15",
  77.                 "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31"] %}
  78.                 {% for d in day %}
  79.                 <option value="{{d}}">{{d}}</option>
  80.                 {% endfor %}
  81.               </select>
  82.               <select class="space_little" name="month" id="month" required> 
  83.                 <option hidden value="">MM</option>
  84.                 {% set month = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"] %}
  85.                 {% for m in month %}
  86.                 <option value="{{m}}">{{m}}</option>
  87.                 {% endfor %}
  88.               </select>
  89.               <select class="space_little" name="year" id="year" required>
  90.               <option hidden value="">AAAA</option>
  91.                 {% set today = "now"| format_datetime(pattern="yyyy",locale='fr') | number_format(0, '', '') %}
  92.                 {% for i in today..1900 %}
  93.                 <option value="{{i}}">{{i}}</option>
  94.                 {% endfor %}
  95.               </select>
  96.             </div>
  97.             <input type="text" class="form-control" id="cp" aria-describedby="cp" placeholder="Code postal" required/>
  98.           </div>
  99.           <div class="input-group separateFlex" style="margin-bottom: 20px;">
  100.             <input type="tel" class="form-control" id="num" aria-describedby="num" placeholder="Téléphone" required/>
  101.             <input type="email" class="form-control " id="email" aria-describedby="email" placeholder="Mail" required/>
  102.           </div>
  103.           <div class="input-group " style="margin-bottom: 20px;">
  104.             <div class="containerPassword passContainer" style="padding: 0 10px 0px 0px;">
  105.               <input type="password" class="form-control" id="password_create" aria-describedby="password_create"
  106.                 placeholder="Mot de passe" required />
  107.               <i class="far fa-eye" id="togglePassword"></i>
  108.             </div>
  109.             <div class="containerPassword confirmContainer">
  110.               <input type="password" class="form-control " id="password_confirm" aria-describedby="password_confirm"
  111.                 placeholder="Confirmer mot de passe" required />
  112.               <i class="far fa-eye" id="toggleConfirm"></i>
  113.             </div>
  114.              <p id="alertPassword" class="alertMyAudio">Les mots de passes ne sont pas identiques</p>
  115.           </div>
  116.           <div class=" " style="margin-bottom: 20px;">
  117.             <div class="checkbox-form" style="padding: 0 10px 0px 0px;">
  118.               <input type="checkbox"  id="cgu_required" name="cgu_required" aria-describedby="cgu_required" required  style="position:absolute; z-index:-1; opacity:0;"/>
  119.               <label class="fakeLabel" for="cgu_required"></label>
  120.               <label class="label_checkbox" for="cgu_required" style="font-size:16px;">J’accepte les <a href="/mentions-legales" target="_blank">conditions générales d’utilisation</a> de My Audio</label>
  121.             </div>
  122.             <div class="checkbox-form">
  123.               <input type="checkbox"  id="pc_required" name="pc_required" aria-describedby="pc_required" required  style="position:absolute; z-index:-1; opacity:0;"/>
  124.               <label class="fakeLabel" for="pc_required"></label>
  125.               <label class="label_checkbox"  for="pc_required" style="font-size:16px;">J’accepte les <a href="/politique-de-confidentialite" target="_blank">politiques de confidentialité</a> de My Audio</label>
  126.             </div>
  127.           </div>
  129.          <button type="submit" id="validerCompte"  class="btn btn_sign btn-vert-inverse" >Créer mon compte</button><br>
  130.         <a class=" textUnderButton" data-bs-target="#loginModal" data-bs-toggle="modal" data-bs-dismiss="modal">J'ai déjà
  131.           un compte</a>
  132.           </form>
  133.             <p id="alertCreate" class="alertMyAudio"></p>
  134.       </div>
  136.     </div>
  137.   </div>
  138. </div>
  140. <!-- Modal de confirmation de compte créé -->
  141. <div class="modal fade" id="confirmModal" tabindex="-1" aria-labelledby="confirmModal" aria-hidden="true">
  142.   <div class="modal-dialog  modal-dialog-centered">
  143.     <div class="modal-content">
  144.       <div class="modal-header">
  145.         <h5 class="modal-title" id="confirmModal">Créer mon compte My Audio</h5>
  146.         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  147.       </div>
  148.       <div class="modal-body">
  149.         <p class="confirm_text">Un email vous a été envoyé sur l’adresse renseignée.</p>
  150.         <p class="confirm_text">Cliquer sur le lien du mail, afin de valider la création de votre compte My Audio.</p>
  151.       </div>
  152.     </div>
  153.   </div>
  154. </div>
  156. <!-- Modal de récupération de mot de passe -->
  157. <div class="modal fade" id="recoverModal" tabindex="-1" aria-labelledby="recoverModal" aria-hidden="true">
  158.   <div class="modal-dialog  modal-dialog-centered">
  159.     <div class="modal-content">
  160.       <div class="modal-header">
  161.         <h5 class="modal-title" id="recoverModal">Mot de passe oublié</h5>
  162.         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  163.       </div>
  164.       <div class="modal-body">
  165.       <form name="lost_paswword" onsubmit="forgotPassword(); return false;">
  166.         <div class="input-group">
  167.           <input type="email" class="form-control" id="mail" aria-describedby="email" placeholder="Votre e-mail" required />
  168.         </div>
  169.         <button type="submit" class="btn btn_sign btn-vert-inverse" style="padding: 10px 50px; margin-top:20px"
  170.           data-bs-target="#recoverConfirmModal" data-bs-toggle="modal" data-bs-dismiss="modal">Valider</button><br>
  171.         <a class="textUnderButton" data-bs-target="#signupModal" data-bs-toggle="modal" data-bs-dismiss="modal">Créer
  172.           mon
  173.           compte</a>
  174.         </form>
  175.       </div>
  177.     </div>
  178.   </div>
  179. </div>
  181. <!-- Modal de modification de mot de passe -->
  182. <div class="modal fade" id="changePassword" tabindex="-1" aria-labelledby="changePassword" aria-hidden="true">
  183.   <div class="modal-dialog  modal-dialog-centered">
  184.     <div class="modal-content">
  185.       <div class="modal-header" style="display:block;">
  186.         <h5 class="modal-title" >Mot de passe oublié</h5>
  187.         <p style="font-size: 18px;margin-bottom: 0;">Créer un nouveau mot de passe</p>
  188.         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  189.       </div>
  190.       <div class="modal-body">
  191.         <form name="change_paswword" onsubmit="modifyPassword({% if token is defined %}'{{token}}'{% endif %}); return false;">
  192.           <div class="input-group" style="flex-wrap:wrap;">
  193.               <div class="containerPassword passContainer" style="width:100%">
  194.                 <input type="password" class="form-control" id="new_password" aria-describedby="password_create"
  195.                   placeholder="Mot de passe" style="margin-bottom:0" required />
  196.                 <i class="far fa-eye" id="toggleNewPassword" style='right:0;'></i>
  197.               </div>
  198.               <div class="containerPassword confirmContainer" style="width:100%; margin-top:20px;">
  199.                 <input type="password" class="form-control " id="new_password_confirm" aria-describedby="password_confirm"
  200.                   placeholder="Confirmer mot de passe" style="margin-bottom:0" required />
  201.                 <i class="far fa-eye" id="toggleNewConfirm"></i>
  202.               </div>
  203.             </div>
  204.             <p id="alertNewPassword" class="alertMyAudio">Les mots de passes ne sont pas identiques</p>
  205.             <button type="submit" class="btn btn_sign btn-vert-inverse" style="padding: 10px 50px; margin-top:20px">Valider</button><br>
  206.             <a class="textUnderButton" style="font-size:15px">Annuler</a>
  207.               <p id="alertModifyPawd" class="alertMyAudio"></p>
  208.         </form>
  209.       </div>
  211.     </div>
  212.   </div>
  213. </div>
  215. <!-- Modal de confirmation récup mdp -->
  216. <div class="modal fade" id="recoverConfirmModal" tabindex="-1" aria-labelledby="recoverConfirmModal" aria-hidden="true">
  217.   <div class="modal-dialog  modal-dialog-centered">
  218.     <div class="modal-content">
  219.       <div class="modal-header">
  220.         <h5 class="modal-title" id="recoverConfirmModal">Mot de passe oublié</h5>
  221.         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  222.       </div>
  223.       <div class="modal-body">
  224.         <p class="confirm_text">Un mail vous a été envoyé.</p>
  225.         <p class="confirm_text">Cliquez sur le lien du mail afin de réinitialiser votre mot de passe.</p>
  226.       </div>
  227.     </div>
  228.   </div>
  229. </div>
  231. <!-- Modal Validation création de compte -->
  233. <div class="modal fade" id="validCreateModal" tabindex="-1" aria-labelledby="validCreateModal" aria-hidden="true">
  234.     <div class="modal-dialog  modal-dialog-centered">
  235.       <div class="modal-content">
  236.         <div class="modal-header">
  237.           <h5 class="modal-title" id="validCreateModal">Validation de la création de mon compte My Audio</h5>
  238.           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  239.         </div>
  240.         <div class="modal-body">
  241.           <img class="confirm_img" alt="confirm" src="/assets/img/OK.png" />
  242.           <p class="confirm_text">Votre compte My Audio a été créé avec succès !</p>
  243.         </div>
  244.         <div class="modal-footer">
  245.           <button type="button" class="btn btn-vert-inverse btn_sign" onclick="fermerModal('validCreateModal')" data-bs-dismiss="modal">Fermer</button>
  246.         </div>
  247.       </div>
  248.     </div>
  249.   </div>
  252.   <!-- Modal Validation passwor -->
  254. <div class="modal fade" id="validChangePassword" tabindex="-1" aria-labelledby="validChangePassword" aria-hidden="true">
  255.     <div class="modal-dialog  modal-dialog-centered">
  256.       <div class="modal-content">
  257.         <div class="modal-header">
  258.           <h5 class="modal-title" id="valid_ChangePassword">Changement de votre mot de passe validé</h5>
  259.           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  260.         </div>
  261.         <div class="modal-body">
  262.           <img class="confirm_img" alt="confirm" src="/assets/img/OK.png" />
  263.           <p class="confirm_text">Votre mot de passe a bien été mis à jour avec succès</p>
  264.         </div>
  265.         <div class="modal-footer">
  266.           <button type="button" class="btn btn-vert-inverse btn_sign" onclick="goToSearch()" data-bs-dismiss="modal">Prendre RDV</button>
  267.         </div>
  268.       </div>
  269.     </div>
  270.   </div>
  273.   <div class="modal fade" id="mailValider" tabindex="-1" aria-labelledby="mailValider" aria-hidden="true">
  274.     <div class="modal-dialog  modal-dialog-centered">
  275.       <div class="modal-content">
  276.         <div class="modal-header">
  277.           <h5 class="modal-title" id="mail_Valider">Votre mail est validé</h5>
  278.           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  279.         </div>
  280.         <div class="modal-body">
  281.           <img class="confirm_img" alt="confirm" src="/assets/img/OK.png" />
  282.           <p class="confirm_text">Votre mail a été validé <br> Finaliser votre inscription sur l'espace pro</p>
  283.         </div>
  284.         <div class="modal-footer">
  285.           <a  class="btn btn-vert-inverse btn_sign" href="{{BASE_logiciel}}" >Espace Pro</a>
  286.         </div>
  287.       </div>
  288.     </div>
  289.   </div>
  292.   <div class="modal fade" id="recommancerValidMail" tabindex="-1" aria-labelledby="recommancerValidMail" aria-hidden="true">
  293.     <div class="modal-dialog  modal-dialog-centered">
  294.       <div class="modal-content">
  295.         <div class="modal-header">
  296.           <h5 class="modal-title" id="recommancer_ValidMail">Le lien a expiré</h5>
  297.           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  298.         </div>
  299.         <div class="modal-body">
  300.           <img class="confirm_img" alt="confirm" src="/assets/img/OK.png" />
  301.           <p class="confirm_text">Le lien à expiré <br> Relancé la procédure en cliquant sur le bouton ci-dessous</p>
  302.         </div>
  303.         <div class="modal-footer">
  304.           <button type="button" class="btn btn-vert-inverse btn_sign" onclick="relanceConfirmMail(); return false;" >Renvoyer le mail</button>
  305.         </div>
  306.       </div>
  307.     </div>
  308.   </div>
  310.     <div class="modal fade" id="ValidMailRelance" tabindex="-1" aria-labelledby="ValidMailRelance" aria-hidden="true">
  311.     <div class="modal-dialog  modal-dialog-centered">
  312.       <div class="modal-content">
  313.         <div class="modal-header">
  314.           <h5 class="modal-title" id="Valid_MailRelance">Confirmation du mail</h5>
  315.           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  316.         </div>
  317.         <div class="modal-body">
  318.           <img class="confirm_img" alt="confirm" src="/assets/img/OK.png" />
  319.           <p class="confirm_text">Un mail viens de vous etre renvoyé <br> Vous avez 15 minutes pour lancer la procédure</p>
  320.         </div>
  321.       </div>
  322.     </div>
  323.   </div>
  325. <!-- Modal confirmatio info RDV -->
  326. <div class="modal fade infoRDVMap" id="infoRDVMap" tabindex="-1" aria-labelledby="infoRDVMap" aria-hidden="true">
  327.     <div class="modal-dialog  modal-dialog-centered">
  328.       <div class="modal-content">
  329.         <h1 class="modal-title" id="info_RDV">Validation de votre RDV</h1>
  330.         <div class="modal-header">
  331.           <h5 class="modal-title" id="info_RDV">Vous désirez prendre RDV avec</h5>
  332.           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  333.         </div>
  334.         <div class="modal-body" id="bodyInfoRDVMap">
  335.               {% include "/centre/infosRDVMap.html.twig" %}
  336.         </div>
  337.         
  338.       </div>
  339.     </div>
  340.   </div>
  343. <!-- Ajout proche -->
  345. <div class="modal fade" id="addProche" aria-hidden="true" aria-labelledby="addProche" tabindex="-1">
  346.   <div class="modal-dialog modal-dialog-centered">
  347.     <div class="modal-content">
  348.       <div class="modal-header">
  349.       <h5 class="modal-title" id="add_proche">Ajouter un proche</h5>
  350.         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  351.       </div>
  352.       <div class="modal-body" style="padding:2rem 10px;">
  353.         <form name="createAccount" onsubmit="ajouterProche(event); return false;">
  354.           <div class="checkbox-form" style="margin-bottom:10px;">
  355.             <div>
  356.               <input type="radio" id="madameProche" name="civiliteP" value="Madame" required style="display:none">
  357.               <label class="fakeLabel" for="madameProche"></label>
  358.               <label class="label_checkbox" for="madameProche">Madame</label>
  359.             </div>
  360.             <div>
  361.               <input class="" type="radio" id="monsieurProche" name="civiliteP"  value="Monsieur"  style="display:none">
  362.               <label class="fakeLabel" for="monsieurProche"></label>
  363.               <label class="label_checkbox" for="monsieurProche">Monsieur</label>
  364.             </div>
  365.           </div>
  367.           <div class="input-group separateFlex">
  368.             <input type="text" class="form-control" id="nomProche" aria-describedby="nom" required placeholder="Nom" />
  369.             <input type="text" class="form-control" id="prenomProche" aria-describedby="prenom" required placeholder="Prénom" />
  370.           </div>
  371.           <div class="naissanceContainer">
  372.               <p class="labelNaissance">Né(e) le</p>
  373.               <select class="space_little" name="dayProche" id="dayProche" required>
  374.                 <option hidden value="" >JJ</option>
  375.                 {% set day = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15",
  376.                 "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31"] %}
  377.                 {% for d in day %}
  378.                 <option value="{{d}}">{{d}}</option>
  379.                 {% endfor %}
  380.               </select>
  381.               <select class="space_little" name="monthProche" id="monthProche" required> 
  382.                 <option hidden value="">MM</option>
  383.                 {% set month = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"] %}
  384.                 {% for m in month %}
  385.                 <option value="{{m}}">{{m}}</option>
  386.                 {% endfor %}
  387.               </select>
  388.               <select class="space_little" name="yearProche" id="yearProche" required>
  389.               <option hidden value="">AAAA</option>
  390.                 {% set today = "now"| format_datetime(pattern="yyyy",locale='fr') | number_format(0, '', '') %}
  391.                 {% for i in today..1900 %}
  392.                 <option value="{{i}}">{{i}}</option>
  393.                 {% endfor %}
  394.               </select>
  395.             </div>
  396.             <div class="naissanceContainer">
  397.               <p style="font-size: 17px; font-weight: 500;">Lien de parenté</p>
  398.               <select class="space_little" name="parentConfiance" id="parentConfiance" style="padding:5px;" required>
  399.                 <option value="1">Votre époux(se)</option>
  400.                 <option value="2">Votre enfant</option>
  401.                 <option value="3">Un grand parents</option>
  402.                 <option value="4">Un ami</option>
  403.                 <option value="8">Mon représentant légal</option>
  404.               </select>
  405.             </div>
  406.           <div class="input-group separateFlex">
  407.             <input type="tel" class="form-control" id="numProche" aria-describedby="num" placeholder="Téléphone" />
  408.             <input type="email" class="form-control " id="emailProche" aria-describedby="email" placeholder="Mail" //>
  409.           </div>
  410.           
  411.          <button type="submit" id="validerProche"  class="btn btn_sign btn-vert-inverse" >Ajouter un proche</button><br>
  412.           </form>
  413.             <p id="alertCreate" class="alertMyAudio"></p>
  414.       </div>
  416.     </div>
  417.   </div>
  418. </div>
  420.   <!-- Confirmation du rendez vous valider -->
  422.   <div class="modal fade" id="confirmRDV" tabindex="-1" aria-labelledby="confirmRDV" aria-hidden="true">
  423.     <div class="modal-dialog  modal-dialog-centered">
  424.       <div class="modal-content">
  425.         <div class="modal-header">
  426.           <h5 class="modal-title" id="confirm_RDV">Votre RDV avec</h5>
  427.           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  428.         </div>
  429.         <div class="modal-body" id="bodyConfirmRDV">
  430.                
  431.         </div>
  432.         
  433.       </div>
  434.     </div>
  435.   </div>
  437. <!-- Modal validation info RDV -->
  438. <div class="modal fade" id="validationInfoRDVImported" tabindex="-1" aria-labelledby="validationInfoRDVImported" aria-hidden="true">
  439.     <div class="modal-dialog  modal-dialog-centered">
  440.       <div class="modal-content"><br>
  441.           <h5 class="modal-title" id="">Confirmation de votre demande de <br>rendez-vous</h5>
  442.        <svg width="80px" height="80px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#04be96"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M16.7502 3.56V2C16.7502 1.59 16.4102 1.25 16.0002 1.25C15.5902 1.25 15.2502 1.59 15.2502 2V3.5H8.75023V2C8.75023 1.59 8.41023 1.25 8.00023 1.25C7.59023 1.25 7.25023 1.59 7.25023 2V3.56C4.55023 3.81 3.24023 5.42 3.04023 7.81C3.02023 8.1 3.26023 8.34 3.54023 8.34H20.4602C20.7502 8.34 20.9902 8.09 20.9602 7.81C20.7602 5.42 19.4502 3.81 16.7502 3.56Z" fill="#04be96"></path> <path opacity="0.4" d="M21 10.8401V12.5801C21 13.1901 20.46 13.6601 19.86 13.5601C19.58 13.5201 19.29 13.4901 19 13.4901C15.97 13.4901 13.5 15.9601 13.5 18.9901C13.5 19.4501 13.68 20.0901 13.87 20.6701C14.09 21.3201 13.61 21.9901 12.92 21.9901H8C4.5 21.9901 3 19.9901 3 16.9901V10.8301C3 10.2801 3.45 9.83008 4 9.83008H20C20.55 9.84008 21 10.2901 21 10.8401Z" fill="#04be96"></path> <path d="M19 15C16.79 15 15 16.79 15 19C15 19.75 15.21 20.46 15.58 21.06C16.27 22.22 17.54 23 19 23C20.46 23 21.73 22.22 22.42 21.06C22.79 20.46 23 19.75 23 19C23 16.79 21.21 15 19 15ZM21.07 18.57L18.94 20.54C18.8 20.67 18.61 20.74 18.43 20.74C18.24 20.74 18.05 20.67 17.9 20.52L16.91 19.53C16.62 19.24 16.62 18.76 16.91 18.47C17.2 18.18 17.68 18.18 17.97 18.47L18.45 18.95L20.05 17.47C20.35 17.19 20.83 17.21 21.11 17.51C21.39 17.81 21.37 18.28 21.07 18.57Z" fill="#04be96"></path> <path d="M8.5 14.9999C8.24 14.9999 7.98 14.8899 7.79 14.7099C7.61 14.5199 7.5 14.2599 7.5 13.9999C7.5 13.7399 7.61 13.4799 7.79 13.2899C8.02 13.0599 8.37 12.9499 8.7 13.0199C8.76 13.0299 8.82 13.0499 8.88 13.0799C8.94 13.0999 9 13.1299 9.06 13.1699C9.11 13.2099 9.16 13.2499 9.21 13.2899C9.39 13.4799 9.5 13.7399 9.5 13.9999C9.5 14.2599 9.39 14.5199 9.21 14.7099C9.16 14.7499 9.11 14.7899 9.06 14.8299C9 14.8699 8.94 14.8999 8.88 14.9199C8.82 14.9499 8.76 14.9699 8.7 14.9799C8.63 14.9899 8.56 14.9999 8.5 14.9999Z" fill="#04be96"></path> <path d="M12 14.9999C11.74 14.9999 11.48 14.8899 11.29 14.7099C11.11 14.5199 11 14.2599 11 13.9999C11 13.7399 11.11 13.48 11.29 13.29C11.67 12.92 12.34 12.92 12.71 13.29C12.89 13.48 13 13.7399 13 13.9999C13 14.2599 12.89 14.5199 12.71 14.7099C12.52 14.8899 12.26 14.9999 12 14.9999Z" fill="#04be96"></path> <path d="M8.5 18.4999C8.24 18.4999 7.98 18.3899 7.79 18.2099C7.61 18.0199 7.5 17.7599 7.5 17.4999C7.5 17.2399 7.61 16.9799 7.79 16.7899C7.89 16.6999 7.99 16.6299 8.12 16.5799C8.49 16.4199 8.93 16.5099 9.21 16.7899C9.39 16.9799 9.5 17.2399 9.5 17.4999C9.5 17.7599 9.39 18.0199 9.21 18.2099C9.02 18.3899 8.76 18.4999 8.5 18.4999Z" fill="#04be96"></path> </g></svg>
  443.         <div class="modal-header">
  444.           <h5 class="modal-title" id="info_RDV">Validez votre demande de rendez-vous pour être contacté par le centre auditif <span id="ctrName"></span> situé au <span id="ctrAddress"></span>,&nbsp;<span id="ctrPostal"></span>&nbsp;<span id="ctrCity"></span>
  445.           dans les meilleurs délais.
  446.           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  447.         </div>
  448.         <div class="modal-body" id="">
  449.          <button class="btnValidation btn btn-vert-inverse imported" onclick="sendImported(this);">Valider</button>
  450.           <button  data-bs-dismiss="modal" class="btn btn-secondary" aria-label="Close" style="width: 140px; margin-top: 4px; height: 37px; border-radius: 5px;">Annuler</button>
  452.         </div>
  453.         
  454.       </div>
  455.     </div>
  456.   </div>
  458. <!-- Modal confirmatio info RDV -->
  459. <div class="modal fade" id="infoRDVImported" tabindex="-1" aria-labelledby="infoRDVImported" aria-hidden="true">
  460.     <div class="modal-dialog  modal-dialog-centered">
  461.       <div class="modal-content">
  462.         <i class="fas fa-check-circle header-icon"></i>
  463.         <div class="modal-header">
  464.           <h5 class="modal-title" id="info_RDV">Félicitations </h5>
  465.           <p><b>Votre demande de rendez-vous a bien été envoyé au centre auditif <span id="centreName"></span>.</b></p>
  466.           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  467.         </div>
  468.         <div class="modal-body" id="">
  469.           <i class="fal fa-paper-plane"></i>
  470.         Vous recevrez un mail récapitulatif de votre demande.<br> Vous pouvez à tout moment contacter ce centre auditif en les contactant au <span id="centrePhone"></span> et informer le spécialiste que vous avez fait une demande de rendez-vous grâce à My Audio.
  472.         </div>
  473.         
  474.       </div>
  475.     </div>
  476.   </div>
  478.     
  480. <script src="/assets/js/toggleVisibility.js" type="text/javascript"></script>