templates/pro/formulaire_compte.html.twig line 1

Open in your IDE?
  1. {% extends 'public/base.html.twig' %}
  5. {% block body %}
  7. <div class="p-l-20 image_fond">
  8.     <div class="row banner-text ">
  9.         <div class="col-lg-12 p-10 vm">
  10.             <div class="card-body ml-lg-5 mr-lg-5">
  11.                 <h2 class="card-title PN-Black PN-colorbg1">Création de client en compte </h2>
  12.                 <ul class="nav nav-pills ">
  13.                     <li class=" nav-item">
  14.                         <a class="nav-abs1  active" data-toggle="tab" href="#plan-1" style="pointer-events: none;"> <i
  15.                                 class="mdi mdi-store mdi-36px p-r-10"></i><span class="d-none d-sm-block"
  16.                                 id="lib_nav_1">Societé</span></a>
  17.                     </li>
  18.                     <li class=" nav-item">
  19.                         <a class="nav-abs1" data-toggle="tab" href="#plan-2" style="pointer-events: none;"><i
  20.                                 class="mdi mdi-store-marker mdi-36px p-r-10"></i>
  21.                             <span class="d-none d-sm-block" id="lib_nav_2">Adresse</span></a>
  22.                     </li>
  23.                     <li class=" nav-item">
  24.                         <a class="nav-abs1" data-toggle="tab" href="#plan-3" style="pointer-events: none;"><i
  25.                                 class="mdi mdi-account-tie mdi-36px p-r-10"></i><span class="d-none d-sm-block"
  26.                                 id="lib_nav_3">Responsable</span></a>
  27.                     </li>
  29.                 </ul>
  30.                 <div class="tab-content br-n pn m-t-10">
  31.                     <div id="plan-1" class="tab-pane active show">
  32.                         <div class="row">
  33.                             <div class="col-lg-6">
  34.                                 <h4 class="card-title PN-Black PN-colorbg1 ">Informations société</h4>
  35.                                 <hr style="border-top: 3px solid {{info.getInfoCentreGroupe.centregroupecss.bg1}};" style="height: 3px;">
  36.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  37.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1" for="centre_type">Type de prestation
  38.                                         *</label>
  39.                                     <div class="col-md-7 switch row">
  40.                                            {% for centre_type in centre_types %}
  41.                                         <label class="col">
  42.                                             <input type="checkbox" class="type_prestation" id="type_prestation_{{ centre_type.id }}" name="type_prestation[]" value="{{ centre_type.ctdenomination }}">
  43.                                             <span class="lever switch-col-blue"></span>
  44.                                             {{ centre_type.ctdenomination }}
  45.                                         </label>
  46.                                     {% endfor %}
  47.                                     </div>
  48.                                 </div>
  49.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  50.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Nom de la société
  51.                                         *</label>
  52.                                     <div class="col-md-7">
  53.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  54.                                             id="nom_societe" name="nom_societe">
  55.                                     </div>
  56.                                 </div>
  58.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  59.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Numéro TVA</label>
  60.                                     <div class="col-md-7">
  61.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  62.                                             id="tva_societe" name="tva_societe">
  63.                                     </div>
  64.                                 </div>
  66.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  67.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">SIRET</label>
  68.                                     <div class="col-md-7">
  69.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  70.                                             id="siret_societe" name="siret_societe">
  71.                                     </div>
  72.                                 </div>
  73.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  74.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">CPL</label>
  75.                                     <div class="col-md-7">
  76.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  77.                                             id="cpl_societe" name="cpl_societe">
  78.                                     </div>
  79.                                 </div>
  80.                             </div>
  82.                             <div class="col-lg-6">
  83.                                 <h4 class="card-title PN-Black PN-colorbg1 ">Informations personnelles</h4>
  84.                                 <hr style="border-top: 3px solid {{info.getInfoCentreGroupe.centregroupecss.bg1}};">
  85.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  86.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Nom *</label>
  87.                                     <div class="col-md-7">
  88.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  89.                                             id="nom_perso" name="nom_perso">
  90.                                     </div>
  91.                                 </div>
  92.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  93.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Prénom</label>
  94.                                     <div class="col-md-7">
  95.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  96.                                             id="prenom_perso" name="prenom_perso">
  97.                                     </div>
  98.                                 </div>
  99.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  100.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Identifiant
  101.                                         *</label>
  102.                                     <div class="col-md-7">
  103.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  104.                                             id="iden_perso" name="iden_perso">
  105.                                     </div>
  106.                                 </div>
  107.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  108.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Mot de passe
  109.                                         *</label>
  110.                                     <div class="col-md-7">
  111.                                         <input class='form-control' style="border-radius: 23px;" type="password"
  112.                                             id="password1_perso" name="password1_perso">
  113.                                     </div>
  114.                                 </div>
  115.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  116.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Confirmer *</label>
  117.                                     <div class="col-md-7">
  118.                                         <input class='form-control' style="border-radius: 23px;" type="password"
  119.                                             id="password2_perso" name="password2_perso">
  120.                                     </div>
  121.                                 </div>
  123.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  124.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Courriel *</label>
  125.                                     <div class="col-md-7">
  126.                                         <input class='form-control' style="border-radius: 23px;" type="email"
  127.                                             id="email_perso" name="email_perso">
  128.                                     </div>
  129.                                 </div>
  131.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  132.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Téléphone 1
  133.                                         *</label>
  134.                                     <div class="col-md-7">
  135.                                         <input class='form-control' style="border-radius: 23px;" type="tel"
  136.                                             id="tel1_perso" name="tel1_perso">
  137.                                     </div>
  138.                                 </div>
  139.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  140.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Téléphone 2
  141.                                     </label>
  142.                                     <div class="col-md-7">
  143.                                         <input class='form-control' style="border-radius: 23px;" type="tel"
  144.                                             id="tel2_perso" name="tel2_perso">
  145.                                     </div>
  146.                                 </div>
  147.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  148.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Fax </label>
  149.                                     <div class="col-md-7">
  150.                                         <input class='form-control' style="border-radius: 23px;" type="tel"
  151.                                             id="fax_perso" name="fax_perso">
  152.                                     </div>
  153.                                 </div>
  154.                             </div>
  155.                             <div class="col-lg-12 text-lg-right text-center">
  156.                                 <button class="btn btn-outline-custom-bleu btn-rounded" id="btn_plan2"
  157.                                     onclick="vers_plan2()" style="font-size: 15px;background-color: white"> <span
  158.                                         style="display: flex;align-items: center;"> Suivant
  159.                                         <i class="mdi mdi-chevron-right-circle mdi-24px"></i></span>
  160.                                 </button>
  161.                             </div>
  162.                         </div>
  163.                     </div>
  164.                     <div id="plan-2" class="tab-pane show">
  165.                         <div class="row">
  166.                             <div class="col-lg-6">
  167.                                 <h4 class="card-title PN-Black PN-colorbg1 ">Adresse</h4>
  168.                                 <hr style="border-top: 3px solid {{info.getInfoCentreGroupe.centregroupecss.bg1}};" style="height: 3px;">
  170.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  171.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Rue *</label>
  172.                                     <div class="col-md-7">
  173.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  174.                                             id="rue_societe" name="rue_societe">
  175.                                     </div>
  176.                                 </div>
  178.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  179.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Complément
  180.                                         d'adresse</label>
  181.                                     <div class="col-md-7">
  182.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  183.                                             id="compl_societe" name="compl_societe">
  184.                                     </div>
  185.                                 </div>
  187.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  188.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Code
  189.                                         Postal*</label>
  190.                                     <div class="col-md-7">
  191.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  192.                                             id="cp_societe" name="cp_societe">
  193.                                     </div>
  194.                                 </div>
  195.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  196.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Ville*</label>
  197.                                     <div class="col-md-7">
  198.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  199.                                             id="ville_societe" name="ville_societe">
  200.                                     </div>
  201.                                 </div>
  203.                                 <div class="col-lg-12 col-sm-12">
  204.                                     <input type="checkbox" id="adres_identique" class="form-check-input">
  205.                                     <label for="adres_identique" class="PN-Semibold PN-colorbg1">Cocher si identique à
  206.                                         l'adresse de facturation </label>
  207.                                 </div>
  210.                             </div>
  212.                             <div class="col-lg-6">
  213.                                 <h4 class="card-title PN-Black PN-colorbg1 ">Adresse de Facturation</h4>
  214.                                 <hr style="border-top: 3px solid {{info.getInfoCentreGroupe.centregroupecss.bg1}};">
  215.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  216.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Rue *</label>
  217.                                     <div class="col-md-7">
  218.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  219.                                             id="rue_fact_societe" name="rue_fact_societe">
  220.                                     </div>
  221.                                 </div>
  223.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  224.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Complément
  225.                                         d'adresse</label>
  226.                                     <div class="col-md-7">
  227.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  228.                                             id="compl_fact_societe" name="compl_fact_societe">
  229.                                     </div>
  230.                                 </div>
  232.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  233.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Code
  234.                                         Postal*</label>
  235.                                     <div class="col-md-7">
  236.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  237.                                             id="cp_fact_societe" name="cp_fact_societe">
  238.                                     </div>
  239.                                 </div>
  240.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  241.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Ville*</label>
  242.                                     <div class="col-md-7">
  243.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  244.                                             id="ville_fact_societe" name="ville_fact_societe">
  245.                                     </div>
  246.                                 </div>
  247.                             </div>
  249.                             <div class="col-lg-12 text-lg-right text-center">
  250.                                 <button class="btn btn-outline-custom-bleu btn-rounded" onclick="retour_plan1()"
  251.                                     style="font-size: 15px;background-color: white"> <span
  252.                                         style="display: flex;align-items: center;">
  253.                                         <i class="mdi mdi-chevron-left-circle mdi-24px "></i> Précédent
  254.                                     </span>
  255.                                 </button>
  256.                                 <button class="btn btn-outline-custom-bleu btn-rounded" onclick="vers_plan3()"
  257.                                     style="font-size: 15px;background-color: white">
  258.                                     <span style="display: flex;align-items: center;">
  259.                                         Suivant
  260.                                         <i class="mdi mdi-chevron-right-circle mdi-24px"></i></span>
  261.                                 </button>
  262.                             </div>
  263.                         </div>
  264.                     </div>
  265.                     <div id="plan-3" class="tab-pane show">
  266.                         <div class="row">
  267.                             <div class="col-lg-6">
  268.                                 <h4 class="card-title PN-Black PN-colorbg1 ">Informations responsable parc</h4>
  269.                                 <hr style="border-top: 3px solid {{info.getInfoCentreGroupe.centregroupecss.bg1}};" style="height: 3px;">
  271.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  272.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Nom </label>
  273.                                     <div class="col-md-7">
  274.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  275.                                             id="nom_res_parc" name="nom_res_parc">
  276.                                     </div>
  277.                                 </div>
  279.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  280.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Prénom </label>
  281.                                     <div class="col-md-7">
  282.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  283.                                             id="prenom_res_parc" name="prenom_res_parc">
  284.                                     </div>
  285.                                 </div>
  287.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  288.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Email</label>
  289.                                     <div class="col-md-7">
  290.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  291.                                             id="email_res_parc" name="email_res_parc">
  292.                                     </div>
  293.                                 </div>
  294.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  295.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Téléphone</label>
  296.                                     <div class="col-md-7">
  297.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  298.                                             id="tel_res_parc" name="tel_res_parc">
  299.                                     </div>
  300.                                 </div>
  302.                             </div>
  304.                             <div class="col-lg-6">
  305.                                 <h4 class="card-title PN-Black PN-colorbg1 ">Informations comptabilité</h4>
  306.                                 <hr style="border-top: 3px solid {{info.getInfoCentreGroupe.centregroupecss.bg1}};">
  307.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  308.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Nom </label>
  309.                                     <div class="col-md-7">
  310.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  311.                                             id="nom_res_compta" name="nom_res_compta">
  312.                                     </div>
  313.                                 </div>
  315.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  316.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Prénom </label>
  317.                                     <div class="col-md-7">
  318.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  319.                                             id="prenom_res_compta" name="prenom_res_compta">
  320.                                     </div>
  321.                                 </div>
  323.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  324.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Email</label>
  325.                                     <div class="col-md-7">
  326.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  327.                                             id="email_res_compta" name="email_res_compta">
  328.                                     </div>
  329.                                 </div>
  330.                                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  331.                                     <label class="control-label text-left col-md-5 PN-Black PN-colorbg1">Téléphone</label>
  332.                                     <div class="col-md-7">
  333.                                         <input class='form-control' style="border-radius: 23px;" type="text"
  334.                                             id="tel_res_compta" name="tel_res_compta">
  335.                                     </div>
  336.                                 </div>
  337.                             </div>
  338.                             <div class="col-lg-12 text-lg-right text-center">
  339.                                 <button class="btn btn-outline-custom-bleu btn-rounded" onclick="retour_plan2()"
  340.                                     style="font-size: 15px;background-color: white"> <span
  341.                                         style="display: flex;align-items: center;">
  342.                                         <i class="mdi mdi-chevron-left-circle mdi-24px "></i> Précédent
  343.                                     </span>
  344.                                 </button>
  345.                                 <button class="btn btn-outline-custom-bleu btn-rounded" onclick="add_client()"
  346.                                     style="font-size: 15px;background-color: white">
  347.                                     <span style="display: flex;align-items: center;">
  348.                                         Terminer l'inscription
  349.                                         <i class="mdi mdi-chevron-right-circle mdi-24px"></i></span>
  350.                                 </button>
  351.                             </div>
  352.                         </div>
  353.                     </div>
  354.                 </div>
  355.             </div>
  356.         </div>
  358.     </div>
  359. </div>
  362. {% endblock %}
  363. {% block javascripts %}
  364. <script>
  365.     function vers_plan2() {
  366.         if ($('#nom_societe').val() == "" || $('#nom_perso').val() == "" || $('#iden_perso').val() == "" || $('#password1_perso').val() == ""
  367.             || $('#password2_perso').val() == "" || $('#email_perso').val() == "" || $('#tel1_perso').val() == "") {
  368.             Swal.fire(
  369.                 'Attention',
  370.                 'Veuillez remplir tous les champs obligatoires avant de continuer',
  371.                 'warning'
  372.             )
  373.             return false;
  374.         }
  376.         if ($('#password1_perso').val() != $('#password2_perso').val()) {
  377.             Swal.fire(
  378.                 'Attention',
  379.                 'Veuillez saisir le même mot de passe dans le champ de confirmation',
  380.                 'warning'
  381.             )
  382.             return false;
  383.         }
  384.         $('.nav-pills a[href="#plan-2"]').tab('show')
  385.     }
  386.     function vers_plan3() {
  388.         if ($('#rue_societe').val() == "" || $('#cp_societe').val() == "" || $('#ville_societe').val() == "") {
  389.             Swal.fire(
  390.                 'Attention',
  391.                 "Veuillez remplir tous les champs obligatoires de l'adresse de la société avant de continuer",
  392.                 'warning'
  393.             )
  394.             return false;
  395.         }
  397.         if ($('#adres_identique').prop('checked') == false) {
  398.             if ($('#rue_fact_societe').val() == "" || $('#cp_fact_societe').val() == "" || $('#ville_fact_societe').val() == "") {
  399.                 Swal.fire(
  400.                     'Attention',
  401.                     "Veuillez remplir tous les champs obligatoires de l'adresse de facturation avant de continuer.",
  402.                     'warning'
  403.                 )
  404.                 return false;
  405.             }
  406.         }
  408.         $('.nav-pills a[href="#plan-3"]').tab('show')
  409.     }
  410.     function add_client() {
  411.         let testtel1 = checktel($('#tel1_perso').val());
  412.         let testtel2 = checktel($('#tel2_perso').val());
  413.         let testtelres = checktel($('#tel_res_parc').val());
  414.         let testtelcomp = checktel($('#tel_res_compta').val());
  416.         if (!testtel1 || !testtel2 || !testtelres || !testtelcomp) {
  417.             Swal.fire(
  418.                 'Attention',
  419.                 "Format de numéro de téléphone invalide",
  420.                 'warning'
  421.             )
  422.             return false;
  423.         }
  425.         $("#preloader").css("display", "block");
  426.         let prestationValues = [];
  427.         $('.type_prestation:checked').each(function () {
  428.             prestationValues.push($(this).val());
  429.         });
  431.         $.ajax({
  432.             url: "{{ path('add_client_compte')}}",
  433.             type: 'POST',
  434.             data: {
  435.                 type_prestation: prestationValues,
  436.                 nom_societe: $('#nom_societe').val(),
  437.                 tva_societe: $('#tva_societe').val(),
  438.                 siret_societe: $('#siret_societe').val(),
  439.                 cpl_societe: $('#cpl_societe').val(),
  440.                 nom_perso: $('#nom_perso').val(),
  441.                 prenom_perso: $('#prenom_perso').val(),
  442.                 email_perso: $('#email_perso').val(),
  443.                 password1_perso: $('#password1_perso').val(),
  444.                 tel1_perso: $('#tel1_perso').val(),
  445.                 tel2_perso: $('#tel2_perso').val(),
  446.                 fax_perso: $('#fax_perso').val(),
  447.                 iden_perso: $('#iden_perso').val(),
  449.                 rue_societe: $('#rue_societe').val(),
  450.                 compl_societe: $('#compl_societe').val(),
  451.                 cp_societe: $('#cp_societe').val(),
  452.                 ville_societe: $('#ville_societe').val(),
  453.                 adres_identique: $('#adres_identique').prop('checked'),
  454.                 rue_fact_societe: $('#rue_fact_societe').val(),
  455.                 compl_fact_societe: $('#compl_fact_societe').val(),
  456.                 cp_fact_societe: $('#cp_fact_societe').val(),
  457.                 ville_fact_societe: $('#ville_fact_societe').val(),
  459.                 nom_res_parc: $('#nom_res_parc').val(),
  460.                 prenom_res_parc: $('#prenom_res_parc').val(),
  461.                 email_res_parc: $('#email_res_parc').val(),
  462.                 tel_res_parc: $('#tel_res_parc').val(),
  464.                 nom_res_compta: $('#nom_res_compta').val(),
  465.                 prenom_res_compta: $('#prenom_res_compta').val(),
  466.                 email_res_compta: $('#email_res_compta').val(),
  467.                 tel_res_compta: $('#tel_res_compta').val(),
  470.             },
  471.             success: function (json) {
  472.                 $("#preloader").css("display", "none");
  473.                 if(json.result == 'OK'){
  474.                     Swal.fire({
  475.                         title: '',
  476.                         text: "La création de votre compte est effectuée, un email vous sera envoyé lors de l\'activation par le centre.",
  477.                         type: 'success',
  478.                         confirmButtonColor: '#3085d6',
  479.                         confirmButtonText: 'OK'
  480.                     }).then((result) => {
  481.                         if (result) {
  482.                             window.location = json.route;
  483.                         }
  484.                     })
  485.                 }else{
  486.                       Swal.fire(
  487.                         'Attention',
  488.                         json.Msg,
  489.                         'warning'
  490.                     )
  491.                 }
  492.                 
  493.             },
  495.         });
  496.     }
  497.     function retour_plan1() {
  498.         $('.nav-pills a[href="#plan-1"]').tab('show')
  499.     }
  500.     function retour_plan2() {
  501.         $('.nav-pills a[href="#plan-2"]').tab('show')
  502.     }
  503.     function checktel(tel) {
  504.         const regex = /^\d+$/;
  505.         if (tel != "") {
  506.             if(!regex.test(tel)) {
  507.                 return false;
  508.             }
  509.         }
  510.         return true;
  511.     }
  512. </script>
  513. {% endblock %}