templates/detailEvenement/index.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  4.     {% include ('includes/head.html.twig') %}
  5.     <link href="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.min.css" rel="stylesheet"/>
  6.     <style>
  7.     
  8.             .fa-spinner{display:none}
  10.     </style>
  11.     <body>
  12.         <!-- Page Loader
  13.         ========================================================= -->
  14.         <div class="loader-container" id="page-loader">
  15.             <div class="loading-wrapper loading-wrapper-hide">
  16.                 <div class="loader-animation" id="loader-animation">
  17.                     <svg class="svg-loader" width="100" height="100">
  18.                         <circle cx="50" cy="50" r="25"/>
  19.                     </svg>
  20.                 </div>
  21.                 <!-- Edit With Your Name -->
  22.                 <div class="loader-name" id="loader-name">
  23.                     <img src="/img/loader-logo.png" alt="">
  24.                 </div>
  25.                 <!-- /Edit With Your Name -->
  26.                 <!-- Edit With Your Job -->
  27.                 <p class="loader-job" id="loader-job">June 4-8 2016 @ New York City</p>
  28.                 <!-- /Edit With Your Job -->
  29.             </div>
  30.         </div>
  31.         <!-- /End of Page loader
  32.         ========================================================= -->
  34.         <!-- Header
  35.         ================================================== -->
  36.         <style>
  37.             #header {
  38.                 background-color: #3e4651 !important;
  39.             }
  40.             .inscription,
  41.             .connexion {
  42.                 display: none
  43.             }
  44.             .prix {
  45.                 display: none
  46.             }
  47.             .prix .row .col-lg-3:hover {
  48.                 background: #2d8ea4;
  49.                 color: white;
  50.                 border: 0 !important;
  51.                 cursor: pointer
  52.             }
  53.             .prix .row .col-lg-3:hover h4 {
  54.                 color: white
  55.             }
  56.             .prix .row .col-lg-3:hover h1 {
  57.                 color: white
  58.             }
  59.             .prd .col-lg-3:hover{cursor:pointer}
  60.         </style>
  61.         {% include ('includes/header.html.twig') %}
  63.         <!-- /Header
  64.         ================================================== -->
  66.         <style>
  67.             type="text/css"
  68.             .main-intro:before {
  69.                 content: '';
  70.                 display: block;
  71.                 width: 100%;
  72.                 height: 100%;
  73.                 background: none;
  74.                 position: absolute;
  75.                 top: 0;
  76.                 left: 0;
  77.                 opacity: 1;
  78.             }
  79.         </style>
  80.         <div class="page-wrapper">
  82.             <div id="body-content">
  83.                 
  85.                 <div class="" id="section-register" style="margin-top:7%;min-height:800px;background:white">
  86.                         {% if (sessionHas == 0)  %}
  87.                     
  88.                     <div class="section-prices section-padding section-bg-left" id="section-prices" style="background:none">
  89.                         <div
  90.                             class="container ">
  92.                             <!-- Section title -->
  93.                             <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  94.                                 <div class="modal-dialog" role="document">
  95.                                     <div class="modal-content">
  97.                                         <div class="modal-body" style="color:white">
  98.                                             <center>
  99.                                                 Connexion avec success</center>
  100.                                         </div>
  102.                                     </div>
  103.                                 </div>
  104.                             </div>
  105.                             <!-- /Section title -->
  107.                             <!-- Princing Tickets -->
  108.                             <div
  109.                                 class="row button-login-register">
  110.                                     
  112.                                     
  113.                                 <!-- item -->
  114.                                 <div
  115.                                     class="col-sm-6" style="display:none">
  116.                                     <!-- price ticket -->
  117.                                     <a href="#" class="price-ticket-item connexion-class">
  118.                                         <div
  119.                                             class="price-ticket-item-wrapper">
  120.                                             <!-- Front card -->
  121.                                             <div class="price-ticket-item-front">
  122.                                                 <div
  123.                                                     class="price-ticket-item-border">
  124.                                                     <!-- row -->
  125.                                                     <div
  126.                                                         class="row">
  127.                                                         <!-- col -->
  128.                                                         <div class="price-ticket-buy">
  129.                                                             <p class="ticket-item-buy-ico">
  130.                                                                 <i class="fa fa-ticket"></i>
  131.                                                             </p>
  132.                                                             <h3 class="ticket-item-buy-text">Inscription au congrès</h3>
  133.                                                             <p>
  134.                                                                 <i></i>
  135.                                                             </p>
  136.                                                         </div>
  137.                                                         <!-- /col -->
  138.                                                     </div>
  139.                                                     <!-- /row -->
  140.                                                 </div>
  141.                                             </div>
  142.                                             <!-- /front-card -->
  143.                                             <!-- Back Card -->
  144.                                             <div class="price-ticket-item-back">
  145.                                                 <div class="price-ticket-item-border">
  146.                                                     <div class="price-ticket-buy">
  147.                                                         <p class="ticket-item-buy-ico">
  148.                                                             <i class="fa fa-ticket"></i>
  149.                                                         </p>
  150.                                                         <h3 class="ticket-item-buy-text">Inscription au congrès</h3>
  151.                                                         <p>
  152.                                                             <i></i>
  153.                                                         </p>
  154.                                                     </div>
  155.                                                 </div>
  156.                                             </div>
  157.                                             <!-- /Back Card -->
  158.                                         </div>
  159.                                     </a>
  160.                                     <!-- /price ticket -->
  161.                                 </div>
  164.                                 <div
  165.                                     class="col-sm-6 inscription-class" style="display:none">
  166.                                     <!-- price ticket -->
  167.                                     <a href="#" class="price-ticket-item">
  168.                                         <div
  169.                                             class="price-ticket-item-wrapper">
  170.                                             <!-- Front card -->
  171.                                             <div class="price-ticket-item-front">
  172.                                                 <div
  173.                                                     class="price-ticket-item-border">
  174.                                                     <!-- row -->
  175.                                                     <div
  176.                                                         class="row">
  177.                                                         <!-- col -->
  178.                                                         <div class="price-ticket-buy">
  179.                                                             <p class="ticket-item-buy-ico">
  180.                                                                 <i class="fa fa-ticket"></i>
  181.                                                             </p>
  182.                                                             <h3 class="ticket-item-buy-text">Devenir nouveau membre (gratuit)</h3>
  184.                                                         </div>
  185.                                                         <!-- /col -->
  186.                                                     </div>
  187.                                                     <!-- /row -->
  188.                                                 </div>
  189.                                             </div>
  190.                                             <!-- /front-card -->
  191.                                             <!-- Back Card -->
  192.                                             <div class="price-ticket-item-back">
  193.                                                 <div class="price-ticket-item-border">
  194.                                                     <div class="price-ticket-buy">
  195.                                                         <p class="ticket-item-buy-ico">
  196.                                                             <i class="fa fa-ticket"></i>
  197.                                                         </p>
  198.                                                         <h3 class="ticket-item-buy-text">Devenir nouveau membre (gratuit)</h3>
  199.                                                         <p>
  200.                                                             <i></i>
  201.                                                         </p>
  202.                                                     </div>
  203.                                                 </div>
  204.                                             </div>
  205.                                             <!-- /Back Card -->
  206.                                         </div>
  207.                                     </a>
  208.                                     <!-- /price ticket -->
  209.                                 </div>
  210.                                 <!-- /item -->
  212.                             <!-- item -->
  214.                                 <!-- /item -->
  217.                                 <!-- /item -->
  218.                             </div>
  219.                             <!-- /Princing Tickets -->
  221.                         </div>
  222.                     </div>
  223.                     {% elseif  app.session.get('typesendpaiment') is  empty %}
  224.                     <script>
  225.                     choixChange(1);
  226.                     </script>
  227.                          <div class="container text-center">
  228.                                  <h2>Merci de faire votre choix :</h2>
  229.                                 <button class="btn btn-info" onclick="choixChange(1);">Professionnel</button>
  230.                                 <button class="btn btn-info" onclick="choixChange(2);">Étudiant</button>
  232.                          </div>
  233.                     
  234.                     {% else %}
  238.                     
  239.                     <style>
  240.                         @import url("https://fonts.googleapis.com/css?family=Montserrat");
  242. .pricing-table{
  243.   background-color: #eee;
  244.   font-family: 'Montserrat', sans-serif;
  245. }
  247. .pricing-table .block-heading {
  248.   padding-top: 50px;
  249.   margin-bottom: 40px;
  250.   text-align: center; 
  251. }
  253. .pricing-table .block-heading h2 {
  254.   color: #3b99e0;
  255. }
  257. .pricing-table .block-heading p {
  258.   text-align: center;
  259.   max-width: 420px;
  260.   margin: auto;
  261.   opacity: 0.7; 
  262. }
  264. .pricing-table .heading {
  265.   text-align: center;
  266.   padding-bottom: 10px;
  267.   border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
  268. }
  270. .pricing-table .item {
  271.   background-color: #ffffff;
  272.   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
  273.   border-top: 2px solid #5ea4f3;
  274.   padding: 30px;
  275.   overflow: hidden;
  276.   position: relative; 
  277. }
  279. .pricing-table .col-md-5:not(:last-child) .item {
  280.   margin-bottom: 30px; 
  281. }
  283. .pricing-table .item button {
  284.   font-weight: 600; 
  285. }
  287. .pricing-table .ribbon {
  288.   width: 160px;
  289.   height: 32px;
  290.   font-size: 12px;
  291.   text-align: center;
  292.   color: #fff;
  293.   font-weight: bold;
  294.   box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
  295.   background: #4dbe3b;
  296.   transform: rotate(45deg);
  297.   position: absolute;
  298.   right: -42px;
  299.   top: 20px;
  300.   padding-top: 7px; 
  301. }
  303. .pricing-table .item p {
  304.   text-align: center;
  305.   margin-top: 20px;
  306.   opacity: 0.7; 
  307. }
  309. .pricing-table .features .feature {
  310.   font-weight: 600; }
  312. .pricing-table .features h4 {
  313.   text-align: center;
  314.   font-size: 18px;
  315.   padding: 5px; 
  316. }
  318. .pricing-table .price h4 {
  319.   margin: 15px 0;
  320.   font-size: 45px;
  321.   text-align: center;
  322.   color: #2288f9; 
  323. }
  325. .pricing-table .buy-now button {
  326.   text-align: center;
  327.   margin: auto;
  328.   font-weight: 600;
  329.   padding: 9px 0; 
  330. }
  331.                     </style>
  332.                     {% if nb<60 %}
  333.                         <section class="pricing-table">
  334.             <div class="container">
  335.                 <div class="block-heading">
  336.                     <h2>Liste de prix</h2>
  337.                     <p>liste de prix évenement</p>        
  338.                 </div>
  339.                 <div class="row justify-content-md-center" >
  340.         {% if app.session.get('message-success') is not empty %}
  341.     <div class="alert alert-success" style="display:none">
  342.         {{ app.session.get('message-success') }}
  343.     </div>
  344.     {% set _ = app.session.remove('message-success') %}
  345. {% endif %}
  346.                     {% set i = 0 %}
  347.                  {% for t in tab %}
  348.                  {% set i = i + 1 %}
  349.         
  351.                             
  352.                 
  353.                     <div class="col-md-6 col-lg-4" style="margin-top:2%">
  355.             
  356.                         <div class="item" style="min-height:450px">
  357.                             <div class="heading">
  358.                                 {% if prix ==0 %}
  359.                                 <h3>{{ t.titre|e }}</h3>
  361.                                 {% else %}
  362.                                         <h3>    {{ t.titre|e }} </h3>
  363.                                 {% endif %}
  364.                                 
  365.                             </div>
  366.                             <p>Detail</p>
  367.                             <div class="features">
  368.                                 <h4><span class="feature">
  370.                                 {% if prix ==0 %}
  371.                                 {{ t.titre|e }} 
  373.                                 {% else %}
  374.                                          {{t.prix}} TND + 20 TND Adhésion
  375.                                 {% endif %}
  376.                                 
  377.                                 </h4>
  378.                                 {% if t.id_evenement == 19  %}
  379.                                     
  380.                                 {% if   t.id_prix == 75   or t.id_prix == 78 %}
  381.                                     <ul>
  382.                                         <li>
  383.                                             <input type="radio" class="checkbox{{i}} ad1" name="r{{i}}" onclick="addS1({{t.id_prix}},60,{{i}},{{t.id_evenement}},{{t.prix}});" value="R"> Supplément single 60 TND 
  384.                                         </li>
  385.                                         <li>
  386.                                             <input type="radio" class="checkbox2{{i}} ad2" name="r{{i}}" onclick="addS2({{t.id_prix}},145,{{i}},{{t.id_evenement}},{{t.prix}});" value="R"> Acompagnant en pension complète 145 TND <br>
  387.                                             <i style="color:black;font-size:11px;font-weight: 600;">Choisis le nombre d'accompagnants</i>
  388.                                             <input type="Number" class="form-control accompangnt" placeholder="Nombre acompagnant" value="0" aria-label="Username" aria-describedby="basic-addon1" disabled>
  389.                                             
  390.                                         </li>
  391.                                         <li style="margin-top:3%">
  392.                                         
  393.                                             <i style="color:black;font-size:11px;font-weight: 600;">Choisis le nombre d'enfants (âgés de 2 à 12 ans). 75 Tnd</i>
  394.                                             <input type="Number" class="form-control enfantanis" placeholder="Nombre des enfants" value="0"  aria-describedby="basic-addon1">
  395.                                         </li>
  396.                                         <li>
  397.                                             <input type="radio" class="checkbox2{{i}} ad3" name="r{{i}}" onclick="addS2({{t.id_prix}},0,{{i}},{{t.id_evenement}},{{t.prix}});" value="R"> Aucun choix
  398.                                         </li>
  399.                                         <!--<li>
  400.                                             <input type="radio" class="checkbox2{{i}}" name="r{{i}}" onclick="addS2({{t.id_prix}},0,{{i}},{{t.id_evenement}},{{t.prix}});" value="R" checked> Aucun
  401.                                         </li>-->
  402.                                         <!--<li style="display:none">
  403.                                             <input type="checkbox" class="checkbox3{{i}}" name="r{{i}}" onclick="addS3({{t.id_prix}},57.5,{{i}},{{t.id_evenement}},{{t.prix}});" > Enfants -12 ans  57.5 TND
  404.                                         </li>-->
  405.                                         
  406.                                         
  407.                                         </ul>
  408.                             
  410.                                         {% elseif t.id_prix == 67 %}
  411.                                                     <ul>
  412.                                                 <li>
  413.                                                     <input type="radio" class="checkbox{{i}}" name="r{{i}}" onclick="addS1({{t.id_prix}},65,{{i}},{{t.id_evenement}},{{t.prix}});" value="R"> Supplément single 65 TND 
  414.                                                 </li>
  415.                                                 
  416.                                                 <li>
  417.                                                     <input type="radio" class="checkbox2{{i}}" name="r{{i}}" onclick="addS2({{t.id_prix}},0,{{i}},{{t.id_evenement}},{{t.prix}});" value="R" checked> Aucun
  418.                                                 </li>
  419.                                                 
  420.                                             </ul>
  422.                                         {% else %}
  423.                                         
  424.                                         {% endif %}
  425.                         {% endif %}
  428. {% if t.id_evenement == 18  %}
  429.                                     
  430.                                 {% if t.id_prix == 69 or t.id_prix == 70 or t.id_prix == 71  or t.id_prix == 72 %}
  431.                                     
  433.                                         {% elseif t.id_prix == 67 %}
  434.                                                     <ul>
  435.                                                 <li>
  436.                                                     <input type="radio" class="checkbox{{i}}" name="r{{i}}" onclick="addS1({{t.id_prix}},65,{{i}},{{t.id_evenement}},{{t.prix}});" value="R"> Supplément single 65 TND 
  437.                                                 </li>
  438.                                                 
  439.                                                 <li>
  440.                                                     <input type="radio" class="checkbox2{{i}}" name="r{{i}}" onclick="addS2({{t.id_prix}},0,{{i}},{{t.id_evenement}},{{t.prix}});" value="R" checked> Aucun
  441.                                                 </li>
  442.                                                 
  443.                                             </ul>
  445.                                         {% else %}
  446.                                         
  447.                                         {% endif %}
  448.                         {% endif %}
  463.                             </div>
  464.                             <div class="price price{{i}}">
  465.                             <h4>{{ (t.prix + prix) | e }} TND</h4>
  467.                             </div>
  468.                             <!--<div class="alert alert-danger" role="alert">
  469.                             Le serveur de paiement sécurisé par carte bancaire nationale est momentanément indisponible, veuillez réessayer plus tard.
  470. </div>-->
  471.                             {% if autre == 1%}
  472.                             
  473.                         <!--<a href="/paiment/{{t.id_evenement|e}}/{{t.id_prix|e}}/autre/x" class="btn btn-block btn-outline-primary" type="submit">Finaliser le paiement<i class="fa fa-arrow-right" aria-hidden="true"></i></a>-->
  474. <a href="/paiment/facturation/{{t.id_evenement|e}}/{{t.id_prix|e}}/autre/x" class="btn btn-block btn-outline-primary aap{{i}}" type="submit">Paiement sur place <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
  475.                             {% else %}
  476.                             <!-- Trigger the modal with a button -->
  479. <!-- Modal -->
  480. <div id="myModal" class="modal fade" role="dialog" style="  background: rgba(0, 0, 0, 0.5);z-index:545454545454">
  481.   <div class="modal-dialog">
  483.     <!-- Modal content-->
  484.     <div class="modal-content" style="background: white;width:auto;left:40%;top:60%;z-index:55">
  485.       <div class="modal-header">
  487. <style>
  488. .anisawadni table td {
  489.     vertical-align: top;
  490. }
  492. .anisawadni .body-wrap {
  493.     background-color: #f6f6f6;
  494.     width: 100%;
  495. }
  497. .anisawadni .container {
  498.     display: block !important;
  499.     max-width: 600px !important;
  500.     margin: 0 auto !important;
  501.     /* makes it centered */
  502.     clear: both !important;
  503. }
  505. .anisawadni .content {
  506.     max-width: 600px;
  507.     margin: 0 auto;
  508.     display: block;
  509.     padding: 20px;
  510. }
  512. /* -------------------------------------
  513.     HEADER, FOOTER, MAIN
  514. ------------------------------------- */
  515. .anisawadni .main {
  516.     background: #fff;
  517.     border: 1px solid #e9e9e9;
  518.     border-radius: 3px;
  519. }
  521. .anisawadni .content-wrap {
  522.     padding: 20px;
  523. }
  525. .anisawadni .content-block {
  526.     padding: 0 0 20px;
  527. }
  529. .anisawadni .header {
  530.     width: 100%;
  531.     margin-bottom: 20px;
  532. }
  534. .anisawadni .footer {
  535.     width: 100%;
  536.     clear: both;
  537.     color: #999;
  538.     padding: 20px;
  539. }
  540. .anisawadni  .footer a {
  541.     color: #999;
  542. }
  543. .anisawadni .footer p, .footer a, .footer unsubscribe, .footer td {
  544.     font-size: 12px;
  545. }
  547. /* -------------------------------------
  548.     TYPOGRAPHY
  549. ------------------------------------- */
  550. .anisawadni h1, h2, h3 {
  551.     font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  552.     color: #000;
  553.     margin: 40px 0 0;
  554.     line-height: 1.2;
  555.     font-weight: 400;
  556. }
  558. .anisawadni h1 {
  559.     font-size: 32px;
  560.     font-weight: 500;
  561. }
  563. .anisawadni h2 {
  564.     font-size: 24px;
  565. }
  567. .anisawadni h3 {
  568.     font-size: 18px;
  569. }
  571. .anisawadni h4 {
  572.     font-size: 14px;
  573.     font-weight: 600;
  574. }
  576. .anisawadni p, ul, ol {
  577.     margin-bottom: 10px;
  578.     font-weight: normal;
  579. }
  580. .anisawadni p li, ul li, ol li {
  581.     margin-left: 5px;
  582.     list-style-position: inside;
  583. }
  585. /* -------------------------------------
  586.     LINKS & BUTTONS
  587. ------------------------------------- */
  588. .anisawadni a {
  589.     color: #1ab394;
  590.     text-decoration: underline;
  591. }
  593. .anisawadni .btn-primary {
  594.     text-decoration: none;
  595.     color: #FFF;
  596.     background-color: #1ab394;
  597.     border: solid #1ab394;
  598.     border-width: 5px 10px;
  599.     line-height: 2;
  600.     font-weight: bold;
  601.     text-align: center;
  602.     cursor: pointer;
  603.     display: inline-block;
  604.     border-radius: 5px;
  605.     text-transform: capitalize;
  606. }
  608. /* -------------------------------------
  609.     OTHER STYLES THAT MIGHT BE USEFUL
  610. ------------------------------------- */
  611. .anisawadni .last {
  612.     margin-bottom: 0;
  613. }
  615. .anisawadni .first {
  616.     margin-top: 0;
  617. }
  619. .anisawadni .aligncenter {
  620.     text-align: center;
  621. }
  623. .anisawadni .alignright {
  624.     text-align: right;
  625. }
  627. .anisawadni .alignleft {
  628.     text-align: left;
  629. }
  631. .anisawadni .clear {
  632.     clear: both;
  633. }
  635. /* -------------------------------------
  636.     ALERTS
  637.     Change the class depending on warning email, good email or bad email
  638. ------------------------------------- */
  639. .anisawadni .alert {
  640.     font-size: 16px;
  641.     color: #fff;
  642.     font-weight: 500;
  643.     padding: 20px;
  644.     text-align: center;
  645.     border-radius: 3px 3px 0 0;
  646. }
  647. .anisawadni .alert a {
  648.     color: #fff;
  649.     text-decoration: none;
  650.     font-weight: 500;
  651.     font-size: 16px;
  652. }
  653. .anisawadni .alert.alert-warning {
  654.     background: #f8ac59;
  655. }
  656. .anisawadni .alert.alert-bad {
  657.     background: #ed5565;
  658. }
  659. .anisawadni .alert.alert-good {
  660.     background: #1ab394;
  661. }
  663. /* -------------------------------------
  664.     INVOICE
  665.     Styles for the billing table
  666. ------------------------------------- */
  667. .anisawadni .invoice {
  668.     margin: 40px auto;
  669.     text-align: left;
  670.     width: 80%;
  671. }
  672. .anisawadni .invoice td {
  673.     padding: 5px 0;
  674. }
  675. .anisawadni .invoice .invoice-items {
  676.     width: 100%;
  677. }
  678. .anisawadni .invoice .invoice-items td {
  679.     border-top: #eee 1px solid;
  680. }
  681. .anisawadni .invoice .invoice-items .total td {
  682.     border-top: 2px solid #333;
  683.     border-bottom: 2px solid #333;
  684.     font-weight: 700;
  685. }
  687. /* -------------------------------------
  688.     RESPONSIVE AND MOBILE FRIENDLY STYLES
  689. ------------------------------------- */
  690. @media only screen and (max-width: 640px) {
  691.    .anisawadni  h1, h2, h3, h4 {
  692.         font-weight: 600 !important;
  693.         margin: 20px 0 5px !important;
  694.     }
  696.    .anisawadni  h1 {
  697.         font-size: 22px !important;
  698.     }
  700.     .anisawadni h2 {
  701.         font-size: 18px !important;
  702.     }
  704.     .anisawadni h3 {
  705.         font-size: 16px !important;
  706.     }
  708.     .anisawadni .container {
  709.         width: 100% !important;
  710.     }
  712.     .anisawadni .content, .content-wrap {
  713.         padding: 10px !important;
  714.     }
  716.     .anisawadni .invoice {
  717.         width: 100% !important;
  718.     }
  719. }
  720. </style>
  721.     <table class="anisawadni body-wrap">
  722.     <tbody><tr>
  723.         <td></td>
  724.         <td class="container" width="600">
  725.             <div class="content"><br><br><br>
  726.              <h4 class="modal-title" style="border-bottom: 0px solid #ccc;">Finaliser le paiement</h4>
  727.                 <table class="main" width="100%" cellpadding="0" cellspacing="0">
  728.                     <tbody><tr>
  729.                         <td class="content-wrap aligncenter">
  730.                             <table width="100%" cellpadding="0" cellspacing="0">
  731.                                 <tbody><tr>
  732.                                     <td class="content-block">
  733.                                         <h2>ASTP</h2>
  734.                                     </td>
  735.                                 </tr>
  736.                                 <tr>
  737.                                     <td class="content-block">
  738.                                         <table class="invoice">
  739.                                             <tbody>
  740.                                             
  741.                                             <tr>
  742.                                                 <td>
  743.                                                     <table class="invoice-items" cellpadding="0" cellspacing="0">
  744.                                                         <tbody><tr>
  745.                                                             <td>Nom et prénom </td>
  746.                                                             <td class="alignright">{{ app.session.get('nom') }} {{ app.session.get('prenom') }}</td>
  747.                                                         </tr>
  748.                                                         <tr>
  749.                                                             <td>Email</td>
  750.                                                             <td class="alignright">{{ app.session.get('emailSend') }}</td>
  751.                                                         </tr>
  752.                                                          <tr>
  753.                                                             <td>Téléphone</td>
  754.                                                             <td class="alignright">{{ app.session.get('phone') }}</td>
  755.                                                         </tr>
  756.                                                            <tr>
  757.                                                             <td>Type</td>
  758.                                                             <td class="alignright">{{ app.session.get('type') }}</td>
  759.                                                         </tr>
  760.                                                            <tr>
  761.                                                             <td>Fonction</td>
  762.                                                             <td class="alignright">{{ app.session.get('fonction') }}</td>
  763.                                                         </tr>
  764.                                                         
  765.                                                         <tr class="total">
  766.                                                             <td class="alignright" width="80%">Total</td>
  767.                                                             <td class="alignright "><span class="montant">36.00</span> TND</td>
  768.                                                         </tr>
  769.                                                     </tbody></table>
  770.                                                 </td>
  771.                                             </tr>
  772.                                         </tbody></table>
  773.                                     </td>
  774.                                 </tr>
  775.                              
  776.                             </tbody></table>
  777.                         </td>
  778.                     </tr>
  779.                 </tbody></table>
  780.                 <div class="footer">
  781.                     <table width="100%">
  782.                         <tbody><tr>
  783.                             <td class="aligncenter content-block">Questions? Téléphone <a href="mailto:">+216 97 054 316</a></td>
  784.                         </tr>
  785.                     </tbody></table>
  786.                 </div></div>
  787.         </td>
  788.         <td></td>
  789.     </tr>
  790. </tbody></table>
  794.         <button type="button" class="close" data-dismiss="modal">&times;</button>
  795.        
  796.       </div>
  797.       <div class="modal-body bod">
  798.      
  799.       </div>
  800.    
  801.     </div>
  803.   </div>
  804. </div>
  805.                         <button class="btn click" style="display:none" data-toggle="modal" data-target="#myModal">aa</button>
  806.                         <button lien="/paiment/{{t.id_evenement|e}}/{{t.id_prix|e}}/0" prix="{{t.prix}}" data-toggle="modal" data-target="#myModal" class="btn btn-block btn-outline-primary aal{{i}}" type="submit"  id="mylink" onclick="anul({{i}},{{t.id_prix}});" >Finaliser le paiement<i class="fa fa-arrow-right" aria-hidden="true"></i></button>
  807.                         <button lien="/virement/{{t.id_evenement|e}}/{{t.id_prix|e}}" prix="{{t.prix}}" data-toggle="modal" data-target="#myModal" class="btn btn-block btn-outline-primary aalc{{i}}" type="submit"  id="mylink" onclick="anul({{i}},{{t.id_prix}});" style="display:none">virement bancaire <i class="fa fa-arrow-right" aria-hidden="true"></i></button>
  809.                             {% endif %}
  810.                         </div>
  811.                     </div>
  812.                 
  813.                       {% endfor %}
  814.                     
  815.                     
  816.                 </div>
  817.             </div>
  818.         </section>
  820.         {% else %}
  822.         <div class="alert alert-danger" role="alert">
  823.             Cette formation est complet
  824.           </div>
  826.         {% endif %}
  827.         
  828.                     {% endif %}
  829.                     <div class="container">
  830.                         {% if sessionHas == 5 %}
  831.                         <div class="row">
  832.                             <!-- Left Column -->
  834.                             <!-- /Left Column -->
  835.                             <!-- Right Column -->
  836.                                 <div class="col-lg-12"> <div class="alert alert-primary" role="alert"></div>
  838.                             </div>
  839.                             <div class="col-lg-6">
  840.                                 <legend>Login</legend>
  841.                                                                     
  843.                                 <div class="erreur" style="color:red"></div>
  844.                                 
  845.                                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" class="csrf">
  847.                                     <label for="username">Email</label>
  848.                                     <input type="text" class="form-control email" id="username" name="_username" value="" required="required" autocomplete="username">
  850.                                     <label for="password">Mot de passe</label>
  851.                                     <input type="password" class="form-control password" id="password" name="_password" required="required" autocomplete="current-password">
  853.                                     
  854.                                     <br>
  855.                                     
  856.                                     <div class="lds-ripple dispload"><div></div><div></div></div>
  857.                                     <button type="submit" id="_submit" name="_submit" class="btn btn-success connexion-button1"> Connexion <i class="fa fa-spinner fa-spin"></i></button>
  858.                                     
  859.                                     <!--<button class="btn btn-danger retour1" style="background:red !important">Retour</button>-->
  860.                                 
  861.                             </div>
  862.                             <div class="col-lg-6">
  863.                                 <legend>Création d'un nouveau compte (gratuit)</legend>
  865.                                     <div class="er-c" style="color:red">
  867.                                     </div>
  868.                                     <div id="fos_user_registration_form">
  869.                                         <div>
  870.                                             <label for="fos_user_registration_form_email" class="required">Email</label>
  871.                                             <input type="email" id="fos_user_registration_form_email" name="fos_user_registration_form[email]" class="form-control inscri_email" required="required">
  872.                                         </div>
  873.                                         <div>
  875.                                             <label for="fos_user_registration_form_username" class="required">Nom</label>
  876.                                             <input type="text" id="fos_user_registration_form_username" name="fos_user_registration_form[username]" class="form-control inscri_nom" required="required" maxlength="180" pattern=".{2,}"></div>
  877.                                         <div>
  878.                                         <div>
  880.                                             <label for="fos_user_registration_form_username" class="required">Prenom</label>
  881.                                             <input type="text" id="fos_user_registration_form_username" name="fos_user_registration_form[username]" class="form-control inscri_prenom" required="required" maxlength="180" pattern=".{2,}"></div>
  882.                                         <div>
  883.                                         <div>
  885.                                             <label for="fos_user_registration_form_username" class="required">Phone</label>
  886.                                             <input type="text" id="fos_user_registration_form_username" name="fos_user_registration_form[username]" class="form-control inscri_phone" required="required" maxlength="180" pattern=".{2,}"></div>
  887.                                         <div>
  888.                                             <label for="fos_user_registration_form_type" class="required">Type</label>
  889.                                             <select id="fos_user_registration_form_type" name="fos_user_registration_form[type]" class="form-control inscri_type">
  890.                                                 <option value="0">Étudiant en physiothérapie</option>
  891.                                                 <option value="1">Physiothérapeute en secteur public</option>
  892.                                                         <option value="2">Physiothérapeute de libre pratique</option>
  893.                                                                 <option value="3">Physiothérapeute en secteur privé</option>
  894.                                                 
  898.                                             </select>
  899.                                         </div>
  900.                                         <div>
  901.                                             <label for="fos_user_registration_form_plainPassword_first" class="required">Mot de passe</label>
  902.                                             <input type="password" id="fos_user_registration_form_plainPassword_first" class="form-control inscri_pass" name="fos_user_registration_form[plainPassword][first]" required="required" autocomplete="new-password">
  903.                                         </div>
  904.                                         <div>
  905.                                             <label for="fos_user_registration_form_plainPassword_second" class="required">Repeter mot de passe</label>
  906.                                             <input type="password" id="fos_user_registration_form_plainPassword_second" class="form-control" name="fos_user_registration_form[plainPassword][second]" required="required" autocomplete="new-password"></div>
  907.                                         <input type="hidden" id="fos_user_registration_form__token" name="fos_user_registration_form[_token]" value="{{ csrf_token('authenticate') }}" class="inscri_token">
  908.                                     </div>
  909.                                     <div>
  910.                                         <input type="submit" class="btn btn-success inscri" value="Register">
  911.                                         <!--<button class="btn btn-danger retour1" style="background:red !important">Retour</button>-->
  912.                                     </div>
  913.                                 
  914.                             </div>
  916.                         </div>
  917.                         
  919.                         
  920.                         {% endif %}
  921.                         <style>
  922.                         .rounded-lg {
  923.   border-radius: 1rem !important;
  924. }
  926. .text-small {
  927.   font-size: 0.9rem !important;
  928. }
  930. .custom-separator {
  931.   width: 5rem;
  932.   height: 6px;
  933.   border-radius: 1rem;
  934. }
  936. .text-uppercase {
  937.   letter-spacing: 0.2em;
  938. }
  939.                         </style>
  940.                         <div class="col-lg-12 prix">
  941.                             <div class="container py-5">
  942.                              <div class="row text-center align-items-end">
  943.                                      <div class="col-lg-4 mb-5 mb-lg-0">
  944.                                                 <div class="bg-white p-5 rounded-lg shadow">
  945.                                                 <h1 class="h6 text-uppercase font-weight-bold mb-4">Basic</h1>
  946.                                                 <h2 class="h1 font-weight-bold">$199<span class="text-small font-weight-normal ml-2">/ month</span></h2>
  948.                                                 <div class="custom-separator my-4 mx-auto bg-primary"></div>
  950.                                                 <ul class="list-unstyled my-5 text-small text-left">
  951.                                                     <li class="mb-3">
  952.                                                     <i class="fa fa-check mr-2 text-primary"></i> Lorem ipsum dolor sit amet</li>
  953.                                                     <li class="mb-3">
  954.                                                     <i class="fa fa-check mr-2 text-primary"></i> Sed ut perspiciatis</li>
  955.                                                     <li class="mb-3">
  956.                                                     <i class="fa fa-check mr-2 text-primary"></i> At vero eos et accusamus</li>
  957.                                                     <li class="mb-3 text-muted">
  958.                                                     <i class="fa fa-times mr-2"></i>
  959.                                                     <del>Nam libero tempore</del>
  960.                                                     </li>
  961.                                                     <li class="mb-3 text-muted">
  962.                                                     <i class="fa fa-times mr-2"></i>
  963.                                                     <del>Sed ut perspiciatis</del>
  964.                                                     </li>
  965.                                                     <li class="mb-3 text-muted">
  966.                                                     <i class="fa fa-times mr-2"></i>
  967.                                                     <del>Sed ut perspiciatis</del>
  968.                                                     </li>
  969.                                                 </ul>
  970.                                                 <a href="#" class="btn btn-primary btn-block p-2 shadow rounded-pill">Subscribe</a>
  971.                                                 </div>
  972.                                             </div>
  973.                              </div>
  974.                              </div>
  976.                         </div>
  977.                     </div>
  979.                 </div>
  982.                 <!-- SECTION: Register
  983.                         ================================================== -->
  985.             <!-- /SECTION: Register
  986.                     ================================================== -->
  988.                 <!-- SECTION: Location
  989.                         ================================================== -->
  991.                 <!-- /SECTION: Location
  992.                         ================================================== -->
  993.             </div>
  994.         </div>
  996.         <!-- Contact Form - Ajax Messages
  997.         ========================================================= -->
  998.         <!-- Form Sucess -->
  999.         <div class="form-result modal-wrap" id="contactSuccess">
  1000.             <div class="modal-bg"></div>
  1001.             <div class="modal-content">
  1002.                 <h4 class="modal-title">
  1003.                     <i class="fa fa-check-circle"></i>
  1004.                     Success!</h4>
  1005.                 <p>Your message has been sent to us.</p>
  1006.             </div>
  1007.         </div>
  1008.         <!-- /Form Sucess -->
  1009.         <!-- form-error -->
  1010.         <div class="form-result modal-wrap" id="contactError">
  1011.             <div class="modal-bg"></div>
  1012.             <div class="modal-content">
  1013.                 <h4 class="modal-title">
  1014.                     <i class="fa fa-times"></i>
  1015.                     Error</h4>
  1016.                 <p>There was an error sending your message.</p>
  1017.             </div>
  1018.         </div>
  1020.         <!-- /form-error -->
  1021.         <!-- / Contact Form - Ajax Messages
  1022.         ========================================================= -->
  1025.         <button type="button " class="btn btn-primary click" data-toggle="modal" data-target="#exampleModal" style="display:none"></button>
  1027.         <!-- Modal -->
  1030.         <!-- Footer
  1031.         ================================================== -->
  1032.         {% include ('includes/footer.html.twig') %}
  1034.     </body>
  1035. </html>
  1036. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  1037. <script src="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.jquery.min.js"></script>
  1038. <script src="/js/evenement.js"></script>
  1041. <script type="text/javascript">
  1042. $(".connexion-button1").click(function(){
  1043.     $(".fa-spinner").css("display","inline-block")
  1044.     em=$(".email").val();
  1045.     pass=$(".password").val();
  1046.   $.post("/conneixonPaiment/",
  1047.   {
  1048.     email: em,
  1049.     password: pass,
  1050.     _csrf_token:"{{ csrf_token('authenticate') }}"
  1051.   },
  1052.   function(data, status){
  1053.       if(data=="0")
  1054.     {
  1055.         $(".erreur").html("email ou mot de passe incorrecte ");
  1056.         $(".fa-spinner").css("display","none")
  1057.     }
  1058.     else
  1059.     {
  1060.         $(".fa-spinner").css("display","none");
  1061.         window.location.reload();
  1062.     }
  1063.   });
  1064. });
  1066. $(".send-button1").click(function(){
  1067.     $(".fa-spinner").css("display","inline-block")
  1068.     
  1069.     phone=$(".phoneSend").val();
  1070.   $.post("/conneixonPaimentPhone/",
  1071.   {
  1072.    
  1073.     phone:phone,
  1074.     _csrf_token:"{{ csrf_token('authenticate') }}"
  1075.   },
  1076.   function(data, status){
  1077.         if(data=="-1")
  1078.     {
  1079.         $(".erreur").html("Le paiement pour l'événement a déjà été effectué.");
  1080.         $(".fa-spinner").css("display","none")
  1081.     }else if (data=="0")
  1082.     {
  1083.         $(".erreur").html("Ce numéro n'existe pas. Avez-vous été inscrit avant le paiement ?");
  1084.         $(".fa-spinner").css("display","none")
  1085.     }
  1086.     else
  1087.     {
  1088.         $(".fa-spinner").css("display","none");
  1089.         window.location.reload();
  1090.     }
  1091.   });
  1092. });
  1095. $(".inscri").click(function(){
  1096.     
  1097.     email=$(".inscri_email").val();
  1098.     pass=$(".inscri_pass").val();
  1099.     nom=$(".inscri_nom").val();
  1100.     type=$(".inscri_type").val();
  1101.     phone=$(".inscri_phone").val();
  1102.     prenom=$(".inscri_prenom").val();
  1103.     
  1104.   $.post("/inscription/evenement/",
  1105.   {
  1106.     email: email,
  1107.     password: pass,
  1108.     nom: nom,
  1109.     type: type,
  1110.     phone:phone,
  1111.     prenom:prenom,
  1112.     _csrf_token:"{{ csrf_token('authenticate') }}"
  1113.   },
  1114.   function(data, status){
  1115.     data=JSON.parse(data);
  1116.     if(data['erreur'].length>0)
  1117.     {
  1118.             $(".er-c").html(data['erreur']);
  1119.     }
  1120.     else
  1121.     {
  1122.         window.location.reload();
  1123.     }
  1124.       
  1125.   });
  1126. });
  1128. pricestatic=0;
  1129. idddprice=0;
  1130. function addS1(idprice,prixAdd,id,idEvent,price)
  1131. {
  1132.     if(idddprice==0)
  1133.     {
  1134.         idddprice=idprice;
  1135.     }
  1136.     else if(idddprice!=idprice)
  1137.     {
  1138.         pricestatic=0;
  1139.     }
  1140. checkbox=".checkbox"+id;
  1141. checkbox3=".checkbox3"+id;
  1142.     priceClass=".price"+id+" h4";
  1143.     if($(checkbox).is(':checked'))
  1144.     {
  1145.         aal=".aal"+id;
  1146.         aap=".aap"+id;
  1147.         
  1148.         newprice = price+prixAdd;
  1149.         pricestatic=newprice;
  1150.             if($(checkbox3).is(':checked'))
  1151.         {
  1152.             newprice = newprice+57.5;
  1153.             pricestatic=newprice-57.5;
  1154.         }
  1155.         url1="/paiment/"+idEvent+"/"+idprice+"/"+prixAdd+"";
  1156.         url2="/paiment/facturation/"+idEvent+"/"+idprice+"/"+prixAdd+"";
  1157.         //$(aal).attr("href",url1);
  1158.         //$(aap).attr("href",url2);
  1159.     
  1161.     $(aal).attr("lien",url1);
  1162.         $(aap).attr("lien",url2);
  1163.         $(priceClass).html(newprice+" TND");
  1164.     }
  1165.     else
  1166.     {
  1167.         newprice = price;
  1168.         pricestatic=newprice;
  1169.         aal=".aal"+id;
  1170.         aap=".aap"+id;
  1171.             if(!$(checkbox3).is(':checked'))
  1172.         {
  1173.             newprice = newprice-57.5;
  1174.             pricestatic=newprice-57.5;
  1175.         }
  1176.         url1="/paiment/"+idEvent+"/"+price+"/"+prixAdd+"";
  1177.         url2="/paiment/facturation/"+idEvent+"/"+idprice+"/"+prixAdd+"";
  1178.         //$(aal).attr("href",url1);
  1179.         //$(aap).attr("href",url2);
  1180.     
  1182.     $(aal).attr("lien",url1);
  1183.         $(aap).attr("lien",url2);
  1184.         $(priceClass).html(newprice+" TND");
  1185.         
  1186.     }
  1187.     
  1188. }
  1189. function addS2(idprice,prixAdd,id,idEvent,price)
  1190. {
  1191.     if(idddprice==0)
  1192.     {
  1193.         idddprice=idprice;
  1194.     }
  1195.     else if(idddprice!=idprice)
  1196.     {
  1197.         pricestatic=0;
  1198.     }
  1199.     checkbox=".checkbox2"+id;
  1200.     priceClass=".price"+id+" h4";
  1201.     checkbox3=".checkbox3"+id;
  1202.     if($(checkbox).is(':checked'))
  1203.     {
  1204.         aal=".aal"+id;
  1205.         aap=".aap"+id;
  1206.         
  1207.         newprice = price+prixAdd;
  1208.         pricestatic=newprice;
  1209.         if($(checkbox3).is(':checked'))
  1210.         {
  1211.             newprice = newprice+57.5;
  1212.             pricestatic=newprice-57.5;
  1213.         }
  1214.         url1="/paiment/"+idEvent+"/"+idprice+"/"+prixAdd+"";
  1215.         url2="/paiment/facturation/"+idEvent+"/"+idprice+"/"+prixAdd+"";
  1216.         //$(aal).attr("href",url1);
  1217.         //$(aap).attr("href",url2);
  1219.         $(aal).attr("lien",url1);
  1220.         $(aap).attr("lien",url2);
  1221.         
  1222.         $(priceClass).html(newprice+" TND");
  1223.     }
  1224.     else
  1225.     {
  1226.         newprice = price;
  1227.         pricestatic=newprice;
  1228.         aal=".aal"+id;
  1229.         aap=".aap"+id;
  1230.         if(!$(checkbox3).is(':checked'))
  1231.         {
  1232.             newprice = newprice-57.5;
  1233.             pricestatic=newprice-57.5;
  1234.         }
  1235.         url1="/paiment/"+idEvent+"/"+idprice+"/"+prixAdd+"";
  1236.         url2="/paiment/facturation/"+idEvent+"/"+idprice+"/"+prixAdd+"";
  1237.         //$(aal).attr("href",url1);
  1238.         //$(aap).attr("href",url2);
  1239.         
  1241.         $(aal).attr("lien",url1);
  1242.         $(aap).attr("lien",url2);
  1243.         $(priceClass).html(newprice+" TND");
  1244.     }
  1245.     
  1246. }
  1248. function addS3(idprice,prixAdd,id,idEvent,price)
  1249. {
  1250.     if(idddprice==0)
  1251.     {
  1252.         idddprice=idprice;
  1253.     }
  1254.     else if(idddprice!=idprice)
  1255.     {
  1256.         pricestatic=0;
  1257.     }
  1258.     checkbox=".checkbox3"+id;
  1259.     checkbox1=".checkbox"+id;
  1260.     checkbox2=".checkbox2"+id;
  1261.     priceClass=".price"+id+" h4";
  1262.     if(!$(checkbox1).is(':checked') && !$(checkbox2).is(':checked'))
  1263.     {
  1264.         if($(checkbox).is(':checked'))
  1265.     {
  1266.         aal=".aal"+id;
  1267.         aap=".aap"+id;
  1268.         
  1269.         newprice = pricestatic+prixAdd+price;
  1270.         
  1271.         url1="/paiment/"+idEvent+"/"+idprice+"/"+prixAdd+"";
  1272.         url2="/paiment/facturation/"+idEvent+"/"+idprice+"/"+prixAdd+"";
  1273.         //$(aal).attr("href",url1);
  1274.         //$(aap).attr("href",url2);
  1276.         $(aal).attr("lien",url1);
  1277.         $(aap).attr("lien",url2);
  1278.         
  1279.         $(priceClass).html(newprice+" TND");
  1280.     }
  1281.     else
  1282.     {
  1283.         newprice =price;
  1284.         aal=".aal"+id;
  1285.         aap=".aap"+id;
  1286.         url1="/paiment/"+idEvent+"/"+idprice+"/"+prixAdd+"";
  1287.         url2="/paiment/facturation/"+idEvent+"/"+idprice+"/"+prixAdd+"";
  1288.         //$(aal).attr("href",url1);
  1289.         //$(aap).attr("href",url2);
  1291.         $(aal).attr("lien",url1);
  1292.         $(aap).attr("lien",url2);
  1293.         $(priceClass).html(newprice+" TND");
  1294.     }
  1295.     }else
  1296.     {
  1297.         if($(checkbox).is(':checked'))
  1298.     {
  1299.         aal=".aal"+id;
  1300.         aap=".aap"+id;
  1301.         
  1302.         newprice = pricestatic+prixAdd;
  1303.         
  1304.         url1="/paiment/"+idEvent+"/"+idprice+"/"+prixAdd+"";
  1305.         url2="/paiment/facturation/"+idEvent+"/"+idprice+"/"+prixAdd+"";
  1306.         //$(aal).attr("href",url1);
  1307.         //$(aap).attr("href",url2);
  1309.         $(aal).attr("lien",url1);
  1310.         $(aap).attr("lien",url2);
  1311.         
  1312.         $(priceClass).html(newprice+" TND");
  1313.     }
  1314.     else
  1315.     {
  1316.         newprice = pricestatic;
  1317.         aal=".aal"+id;
  1318.         aap=".aap"+id;
  1319.         url1="/paiment/"+idEvent+"/"+idprice+"/"+prixAdd+"";
  1320.         url2="/paiment/facturation/"+idEvent+"/"+idprice+"/"+prixAdde+"";
  1321.         //$(aal).attr("href",url1);
  1322.         //$(aap).attr("href",url2);
  1323.         $(aal).attr("lien",url1);
  1324.         $(aap).attr("lien",url2);
  1325.         $(priceClass).html(newprice+" TND");
  1326.     }
  1327.     }
  1329.     
  1330. }
  1335. function anul(i,idprix)
  1336. {
  1337.     
  1338.     prix=".price"+i+" h4";
  1339.     prix=$(prix).html();
  1340.     prix = parseFloat(prix);
  1341.     sub=prix;
  1342.     ct=prix*10;
  1343.     ct=prix/10;
  1344.     prix=prix;
  1345.     adheren=0;
  1346.         
  1347.       
  1348.     
  1349.     vl=".aal"+i;
  1350.     vl2=".aalc"+i;
  1351.     
  1352.     
  1353.  ret="";
  1354.  ret+="<a href='"+$(vl).attr('lien')+"' class='btn'>Paiment en ligne </a>";
  1355.   ret+="<a href='"+$(vl2).attr('lien')+"' class='btn m-3' style='margin-left: 3%;'>Virement bancaire </a><br>";
  1356.  ret+=' <button type="button" class="btn btn-danger" style="background-color:red !important;display:none" data-dismiss="modal">Close</button>';
  1357.  $(".montant").html(prix);
  1358.  $(".bod").html(ret);
  1359.         
  1360. }
  1361. function choixChange(id)
  1362. {
  1363.     if(id ==1 || id==2)
  1364.     {
  1365.          $.post("/formulaire/evenementcongre",
  1366.   {
  1367.     id: id,
  1368.     
  1369.     _csrf_token:"{{ csrf_token('authenticate') }}"
  1370.   },
  1371.   function(data, status){
  1372.     data=JSON.parse(data);
  1373.     
  1374.     if(data['erreur'].length>0)
  1375.     {
  1376.             $(".er-c").html(data['erreur']);
  1377.     }
  1378.     else
  1379.     {
  1380.         window.location.reload();
  1381.     }
  1382.       
  1383.   });
  1384.     }
  1385. }
  1387. $(document).ready(function() {
  1388.     $(".accompangnt").on("input", function() {
  1389.         var valeurSaisie = $(this).val();
  1390.         var nombre = parseFloat(valeurSaisie);
  1391.         if (!isNaN(nombre) && nombre >= 0) {
  1392.             var onclickValue = $(".ad2").attr("onclick");
  1394.           var match = onclickValue.match(/addS2\((\d+),(\d+),(\d+),(\d+),(\d+)\)/);
  1396.                         if (match) {
  1397.                             var idPrix = match[1];
  1398.                             var param1 = match[2];
  1399.                             var param2 = match[3];
  1400.                             var param3 = match[4];
  1401.                             var param4 = match[5];
  1402.                             en = $(".enfantanis").val();
  1403.                             var val=0;
  1404.                             var newprix=0;
  1405.                             if(parseInt(en)>0)
  1406.                             {
  1407.                                  newprix=parseInt(en) * 75;
  1408.                                 
  1409.                             }
  1410.                            var  newprix2 = nombre * 145;
  1411.                         
  1412.                            val=newprix+newprix2;
  1413.                             var p = "addS2(" + idPrix + "," + val + "," + param2 + "," + param3 + "," + param4 + ");";
  1414.                         $(".ad2").attr("onclick", p);
  1415.                         $(".ad2").click();
  1417.                         } else {
  1418.                         }
  1420.         } else {
  1421.             
  1422.         }
  1423.     });
  1424.     });
  1425.     $(document).ready(function() {
  1426.     $(".enfantanis").on("input", function() {
  1427.                 var valeurSaisie = $(this).val();
  1428.                 var nombre = parseFloat(valeurSaisie);
  1429.         if (!isNaN(nombre) && nombre >= 0) {
  1430.                 if ($(".ad2").prop("checked")) {
  1432.                         var onclickValue = $(".ad2").attr("onclick");
  1434.                     var match = onclickValue.match(/addS2\((\d+),(\d+),(\d+),(\d+),(\d+)\)/);
  1436.                                     if (match) {
  1437.                                         var idPrix = match[1];
  1438.                                         var param1 = match[2];
  1439.                                         var param2 = match[3];
  1440.                                         var param3 = match[4];
  1441.                                         var param4 = match[5];
  1442.                                         
  1443.                                             var val = nombre * 75;
  1444.                                             val = val+145;    
  1445.                                             en = $(".accompangnt").val();
  1446.                             var val=0;
  1447.                             var newprix=0;
  1448.                             if(parseInt(en)>0)
  1449.                             {
  1450.                                  newprix=parseInt(en) * 145;
  1451.                                 
  1452.                             }
  1453.                            var  newprix2 = nombre * 75;
  1454.                         
  1455.                            val=newprix+newprix2;
  1456.                                     
  1457.                                     
  1458.                                         var p = "addS2(" + idPrix + "," + val + "," + param2 + "," + param3 + "," + param4 + ");";
  1459.                                     $(".ad2").attr("onclick", p);
  1460.                                     $(".ad2").click();
  1462.                                     } else {
  1463.                                     }
  1466.                     } else if ($(".ad1").prop("checked")) {
  1467.                     
  1468.                                 var onclickValue = $(".ad1").attr("onclick");
  1470.                                 var match = onclickValue.match(/addS1\((\d+),(\d+),(\d+),(\d+),(\d+)\)/);
  1472.                                                 if (match) {
  1473.                                                     var idPrix = match[1];
  1474.                                                     var param1 = match[2];
  1475.                                                     var param2 = match[3];
  1476.                                                     var param3 = match[4];
  1477.                                                     var param4 = match[5];
  1478.                                                     var val = nombre * 75;
  1479.                                                     if(nombre>0)
  1480.                                                     {
  1481.                                                             val =val +parseInt(60);
  1482.                                                     }else
  1483.                                                     {
  1484.                                                         val=60;
  1485.                                                     }
  1486.                                                 
  1487.                                                 
  1488.                                                     var p = "addS1(" + idPrix + "," + val + "," + param2 + "," + param3 + "," + param4 + ");";
  1489.                                                 $(".ad1").attr("onclick", p);
  1490.                                                 $(".ad1").click();    
  1492.                                             } else {
  1493.                                                 }
  1497.                             }
  1498.                             else if(!$(".ad1").prop("checked") && ! $(".ad2").prop("checked"))
  1499.                             {
  1500.                                 /****** lazemetni na7yha mara jaya */
  1501.                                 var c = $(".aal3").attr('lien');
  1502.                                 var enfant=nombre*75;
  1503.                                 var prixinitiale = $(".aal3").attr('prix');
  1504.                                 prixinitiale=parseInt(prixinitiale)+parseInt(enfant);
  1505.                                 $(".price3").html("<h4>"+prixinitiale+" Tnd</h4>");
  1507.                                 var parties = c.split('/');
  1508.                                 var dernierePartie = parties[parties.length - 1];
  1509.                                 var nouvelleValeur = prixinitiale;
  1510.                                 parties[parties.length - 1] = nouvelleValeur;
  1511.                                 var chaineModifiee = parties.join('/');
  1512.                                 console.log(chaineModifiee);
  1514.                                 $(".aal3").attr('lien',chaineModifiee)
  1515.                                 console.log(prixinitiale);
  1516.                             }
  1518.         
  1520.         } else {
  1521.         
  1522.             
  1523.         }
  1526.         
  1527.     });
  1529.     
  1530. });
  1531. ad1=0;
  1532. ad2=0;
  1533. function activerElement() {
  1534.     $(".accompangnt").prop("disabled", false);
  1535.       $(".enfantanis").prop("disabled", false);
  1536.       if(ad2!=1)
  1537.       {
  1538.     
  1539.         ad2=1;
  1540.         ad1=0;
  1541.         }else
  1542.       {
  1543.         ad2=1;
  1544.         ad1=0;
  1545.       }
  1546.     
  1548. }
  1549. function desactiverElement()
  1550. {
  1551.       $(".accompangnt").prop("disabled", true);
  1552.        $(".enfantanis").prop("disabled", false);
  1553.     
  1554.     
  1555.       if(ad1!=1)
  1556.       {
  1557.     
  1558.         ad2=0;
  1559.         ad1=1;
  1560.         }else
  1561.       {
  1562.         ad2=0;
  1563.         ad1=1;
  1564.       }
  1565. }
  1566. function desactiveall()
  1567. {
  1568.          $(".accompangnt").prop("disabled", true);
  1569.            $(".enfantanis").prop("disabled", false);
  1570.         
  1571.         ad2=0;
  1572.         ad1=0;
  1574.     
  1575. }
  1577. $(".ad2").click(activerElement);
  1578. $(".ad1").click(desactiverElement);
  1579. $(".ad3").click(desactiveall);
  1581. </script>