templates/detailEvenement/index.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     {% include ('includes/head.html.twig') %}
  4.     <link href="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.min.css" rel="stylesheet"/>
  5.     <style>
  6.     
  7.             .fa-spinner{display:none}
  8.     </style>
  9.     <body>
  10.         <!-- Page Loader
  11.         ========================================================= -->
  12.         <div class="loader-container" id="page-loader">
  13.             <div class="loading-wrapper loading-wrapper-hide">
  14.                 <div class="loader-animation" id="loader-animation">
  15.                     <svg class="svg-loader" width="100" height="100">
  16.                         <circle cx="50" cy="50" r="25"/>
  17.                     </svg>
  18.                 </div>
  19.                 <!-- Edit With Your Name -->
  20.                 <div class="loader-name" id="loader-name">
  21.                     <img src="/img/loader-logo.png" alt="">
  22.                 </div>
  23.                 <!-- /Edit With Your Name -->
  24.                 <!-- Edit With Your Job -->
  25.                 <p class="loader-job" id="loader-job">June 4-8 2016 @ New York City</p>
  26.                 <!-- /Edit With Your Job -->
  27.             </div>
  28.         </div>
  29.         <!-- /End of Page loader
  30.         ========================================================= -->
  31.         <!-- Header
  32.         ================================================== -->
  33.         <style>
  34.             #header {
  35.                 background-color: #3e4651 !important;
  36.             }
  37.             .inscription,
  38.             .connexion {
  39.                 display: none
  40.             }
  41.             .prix {
  42.                 display: none
  43.             }
  44.             .prix .row .col-lg-3:hover {
  45.                 background: #2d8ea4;
  46.                 color: white;
  47.                 border: 0 !important;
  48.                 cursor: pointer
  49.             }
  50.             .prix .row .col-lg-3:hover h4 {
  51.                 color: white
  52.             }
  53.             .prix .row .col-lg-3:hover h1 {
  54.                 color: white
  55.             }
  56.             .prd .col-lg-3:hover{cursor:pointer}
  57.         </style>
  58.         {% include ('includes/header.html.twig') %}
  59.         <!-- /Header
  60.         ================================================== -->
  61.         <style>
  62.             type="text/css"
  63.             .main-intro:before {
  64.                 content: '';
  65.                 display: block;
  66.                 width: 100%;
  67.                 height: 100%;
  68.                 background: none;
  69.                 position: absolute;
  70.                 top: 0;
  71.                 left: 0;
  72.                 opacity: 1;
  73.             }
  74.         </style>
  75.         <div class="page-wrapper">
  76.             <div id="body-content">
  77.                 
  78.                 <div class="" id="section-register" style="margin-top:7%;min-height:800px;background:white">
  79.                         {% if (sessionHas == 0)  %}
  80.                     
  81.                     <div class="section-prices section-padding section-bg-left" id="section-prices" style="background:none">
  82.                         <div
  83.                             class="container ">
  84.                             <!-- Section title -->
  85.                             <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  86.                                 <div class="modal-dialog" role="document">
  87.                                     <div class="modal-content">
  88.                                         <div class="modal-body" style="color:white">
  89.                                             <center>
  90.                                                 Connexion avec success</center>
  91.                                         </div>
  92.                                     </div>
  93.                                 </div>
  94.                             </div>
  95.                             <!-- /Section title -->
  96.                             <!-- Princing Tickets -->
  97.                             <div
  98.                                 class="row button-login-register">
  99.                                     
  100.                                     
  101.                                 <!-- item -->
  102.                                 <div
  103.                                     class="col-sm-6" style="display:none">
  104.                                     <!-- price ticket -->
  105.                                     <a href="#" class="price-ticket-item connexion-class">
  106.                                         <div
  107.                                             class="price-ticket-item-wrapper">
  108.                                             <!-- Front card -->
  109.                                             <div class="price-ticket-item-front">
  110.                                                 <div
  111.                                                     class="price-ticket-item-border">
  112.                                                     <!-- row -->
  113.                                                     <div
  114.                                                         class="row">
  115.                                                         <!-- col -->
  116.                                                         <div class="price-ticket-buy">
  117.                                                             <p class="ticket-item-buy-ico">
  118.                                                                 <i class="fa fa-ticket"></i>
  119.                                                             </p>
  120.                                                             <h3 class="ticket-item-buy-text">Inscription au congrès</h3>
  121.                                                             <p>
  122.                                                                 <i></i>
  123.                                                             </p>
  124.                                                         </div>
  125.                                                         <!-- /col -->
  126.                                                     </div>
  127.                                                     <!-- /row -->
  128.                                                 </div>
  129.                                             </div>
  130.                                             <!-- /front-card -->
  131.                                             <!-- Back Card -->
  132.                                             <div class="price-ticket-item-back">
  133.                                                 <div class="price-ticket-item-border">
  134.                                                     <div class="price-ticket-buy">
  135.                                                         <p class="ticket-item-buy-ico">
  136.                                                             <i class="fa fa-ticket"></i>
  137.                                                         </p>
  138.                                                         <h3 class="ticket-item-buy-text">Inscription au congrès</h3>
  139.                                                         <p>
  140.                                                             <i></i>
  141.                                                         </p>
  142.                                                     </div>
  143.                                                 </div>
  144.                                             </div>
  145.                                             <!-- /Back Card -->
  146.                                         </div>
  147.                                     </a>
  148.                                     <!-- /price ticket -->
  149.                                 </div>
  150.                                 <div
  151.                                     class="col-sm-6 inscription-class" style="display:none">
  152.                                     <!-- price ticket -->
  153.                                     <a href="#" class="price-ticket-item">
  154.                                         <div
  155.                                             class="price-ticket-item-wrapper">
  156.                                             <!-- Front card -->
  157.                                             <div class="price-ticket-item-front">
  158.                                                 <div
  159.                                                     class="price-ticket-item-border">
  160.                                                     <!-- row -->
  161.                                                     <div
  162.                                                         class="row">
  163.                                                         <!-- col -->
  164.                                                         <div class="price-ticket-buy">
  165.                                                             <p class="ticket-item-buy-ico">
  166.                                                                 <i class="fa fa-ticket"></i>
  167.                                                             </p>
  168.                                                             <h3 class="ticket-item-buy-text">Devenir nouveau membre (gratuit)</h3>
  169.                                                         </div>
  170.                                                         <!-- /col -->
  171.                                                     </div>
  172.                                                     <!-- /row -->
  173.                                                 </div>
  174.                                             </div>
  175.                                             <!-- /front-card -->
  176.                                             <!-- Back Card -->
  177.                                             <div class="price-ticket-item-back">
  178.                                                 <div class="price-ticket-item-border">
  179.                                                     <div class="price-ticket-buy">
  180.                                                         <p class="ticket-item-buy-ico">
  181.                                                             <i class="fa fa-ticket"></i>
  182.                                                         </p>
  183.                                                         <h3 class="ticket-item-buy-text">Devenir nouveau membre (gratuit)</h3>
  184.                                                         <p>
  185.                                                             <i></i>
  186.                                                         </p>
  187.                                                     </div>
  188.                                                 </div>
  189.                                             </div>
  190.                                             <!-- /Back Card -->
  191.                                         </div>
  192.                                     </a>
  193.                                     <!-- /price ticket -->
  194.                                 </div>
  195.                                 <!-- /item -->
  196.                             <!-- item -->
  197.                                 <!-- /item -->
  198.                                 <!-- /item -->
  199.                             </div>
  200.                             <!-- /Princing Tickets -->
  201.                         </div>
  202.                     </div>
  203.                     {% elseif  app.session.get('typesendpaiment') is  empty %}
  204.                     <script>
  205.                     choixChange(1);
  206.                     </script>
  207.                          <div class="container text-center">
  208.                                  <h2>Merci de faire votre choix :</h2>
  209.                                 <button class="btn btn-info" onclick="choixChange(1);">Professionnel</button>
  210.                                 <button class="btn btn-info" onclick="choixChange(2);">Étudiant</button>
  211.                          </div>
  212.                     
  213.                     {% else %}
  214.                     
  215.                     <style>
  216.                         @import url("https://fonts.googleapis.com/css?family=Montserrat");
  217. .pricing-table{
  218.   background-color: #eee;
  219.   font-family: 'Montserrat', sans-serif;
  220. }
  221. .pricing-table .block-heading {
  222.   padding-top: 50px;
  223.   margin-bottom: 40px;
  224.   text-align: center; 
  225. }
  226. .pricing-table .block-heading h2 {
  227.   color: #3b99e0;
  228. }
  229. .pricing-table .block-heading p {
  230.   text-align: center;
  231.   max-width: 420px;
  232.   margin: auto;
  233.   opacity: 0.7; 
  234. }
  235. .pricing-table .heading {
  236.   text-align: center;
  237.   padding-bottom: 10px;
  238.   border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
  239. }
  240. .pricing-table .item {
  241.   background-color: #ffffff;
  242.   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
  243.   border-top: 2px solid #5ea4f3;
  244.   padding: 30px;
  245.   overflow: hidden;
  246.   position: relative; 
  247. }
  248. .pricing-table .col-md-5:not(:last-child) .item {
  249.   margin-bottom: 30px; 
  250. }
  251. .pricing-table .item button {
  252.   font-weight: 600; 
  253. }
  254. .pricing-table .ribbon {
  255.   width: 160px;
  256.   height: 32px;
  257.   font-size: 12px;
  258.   text-align: center;
  259.   color: #fff;
  260.   font-weight: bold;
  261.   box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
  262.   background: #4dbe3b;
  263.   transform: rotate(45deg);
  264.   position: absolute;
  265.   right: -42px;
  266.   top: 20px;
  267.   padding-top: 7px; 
  268. }
  269. .pricing-table .item p {
  270.   text-align: center;
  271.   margin-top: 20px;
  272.   opacity: 0.7; 
  273. }
  274. .pricing-table .features .feature {
  275.   font-weight: 600; }
  276. .pricing-table .features h4 {
  277.   text-align: center;
  278.   font-size: 18px;
  279.   padding: 5px; 
  280. }
  281. .pricing-table .price h4 {
  282.   margin: 15px 0;
  283.   font-size: 45px;
  284.   text-align: center;
  285.   color: #2288f9; 
  286. }
  287. .pricing-table .buy-now button {
  288.   text-align: center;
  289.   margin: auto;
  290.   font-weight: 600;
  291.   padding: 9px 0; 
  292. }
  293.                     </style>
  294.                     {% if nb<60 %}
  295.                         <section class="pricing-table">
  296.             <div class="container">
  297.                 <div class="block-heading">
  298.                     <h2>Liste de prix</h2>
  299.                     <p>liste de prix évenement</p>        
  300.                 </div>
  301.                 <div class="row justify-content-md-center" >
  302.         {% if app.session.get('message-success') is not empty %}
  303.     <div class="alert alert-success" style="display:none">
  304.         {{ app.session.get('message-success') }}
  305.     </div>
  306.     {% set _ = app.session.remove('message-success') %}
  307. {% endif %}
  308.                     {% set i = 0 %}
  309.                  {% for t in tab %}
  310.                  {% set i = i + 1 %}
  311.         
  312.                             
  313.                 
  314.                     <div class="col-md-6 col-lg-4" style="margin-top:2%">
  315.             
  316.                         <div class="item" style="min-height:450px">
  317.                             <div class="heading">
  318.                                 {% if prix ==0 %}
  319.                                 <h3>{{ t.titre|e }}</h3>
  320.                                 {% else %}
  321.                                         <h3>    {{ t.titre|e }} </h3>
  322.                                         <div style="border:1px solid black">
  323.                                         <h6>Prix inscription: {{t.prix}} TND </h6>
  324.                                         <h6>+</h6>
  325.                                         <h6>Prix Adhésion : 20 TND </h6>
  326.                                         </div>
  327.                                 {% endif %}
  328.                                 
  329.                             </div>
  330.                             <!--<p>Detail</p>-->
  331.                             <div class="features">
  332.                                 <h4><span class="feature">
  333.                                 {% if prix ==0 %}
  334.                                 {{ t.titre|e }} 
  335.                                 {% else %}
  336.                                         <!-- {{t.prix}} TND -->
  337.                                 {% endif %}
  338.                                 
  339.                                 </h4>
  340.                                 {% if t.id_evenement == 21 and t.id_prix == 85 %}
  341.                                                                             <p class="ppdisplaynone" style="display:none">{{t.prix + prix}}</p>
  342.                                     <ul>
  343.                                             <li><input type="radio" name="R" class="single-button"> Supplément single 65 TND</li>
  344.                                             <li><input type="radio" name="R" class="accomp-button"> Acompagnant en pension complète 170 TND</li><br>
  345.                                                 
  346.                                                 <select class="form-control nb_componets" disabled>
  347.                                                         <option value="1">1</option>
  348.                                                         <option value="2">2</option>
  349.                                                         <option value="3">3</option>
  350.                                                         <option value="4">4</option>
  351.                                                 </select>
  352.                                             </li>
  353.                                             <li><label style="font-size:12px">Choisis le nombre d'enfants <br>(âgés de 2 à 12 ans). 85 Tnd</label>
  354.                                                 <select class="form-control nb_enfants">
  355.                                                         <option value="0">0</option>
  356.                                                         <option value="1">1</option>
  357.                                                         <option value="2">2</option>
  358.                                                         <option value="3">3</option>
  359.                                                         <option value="4">4</option>
  360.                                                 </select>
  361.                                             </li>
  362.                                             <li><input type="radio" name="R" class="aucun_choix_single"> Aucun choix</li>
  363.                                             
  364.                                     </ul>
  365.                                 {% if   t.id_prix == 86  %}
  366.                                     <ul>
  367.                                         <li>
  368.                                             <input type="radio" class="checkbox{{i}} ad1" name="r{{i}}" onclick="addS1({{t.id_prix}},{{65+prix}},{{i}},{{t.id_evenement}},{{t.prix}});" value="R"> Supplément single 65 TND 
  369.                                         </li>
  370.                                         <li>
  371.                                             <input type="radio" class="checkbox2{{i}} ad2" name="r{{i}}" onclick="addS2({{t.id_prix}},{{170+prix}},{{i}},{{t.id_evenement}},{{t.prix}});" value="R"> Acompagnant en pension complète 170 TND <br>
  372.                                             <i style="color:black;font-size:11px;font-weight: 600;">Choisis le nombre d'accompagnants</i>
  373.                                             <input type="Number" class="form-control accompangnt" placeholder="Nombre acompagnant" value="0" aria-label="Username" aria-describedby="basic-addon1" disabled>
  374.                                             
  375.                                         </li>
  376.                                         <li style="margin-top:3%">
  377.                                         
  378.                                             <i style="color:black;font-size:11px;font-weight: 600;">Choisis le nombre d'enfants (âgés de 2 à 12 ans). 85 Tnd</i>
  379.                                             <input type="Number" class="form-control enfantanis" placeholder="Nombre des enfants" value="0"  aria-describedby="basic-addon1">
  380.                                         </li>
  381.                                         <li>
  382.                                             <input type="radio" class="checkbox2{{i}} ad3" name="r{{i}}" onclick="addS2({{t.id_prix}},0,{{i}},{{t.id_evenement}},{{t.prix + prix}});" value="R"> Aucun choix
  383.                                         </li>
  384.                                         <!--<li>
  385.                                             <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
  386.                                         </li>-->
  387.                                         <!--<li style="display:none">
  388.                                             <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
  389.                                         </li>-->
  390.                                         
  391.                                         </ul>
  392.                             
  393.                                         {% elseif t.id_prix == 67 %}
  394.                                                     <ul>
  395.                                                 <li>
  396.                                                     <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 
  397.                                                 </li>
  398.                                                 
  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.                                                 
  403.                                             </ul>
  404.                                         {% else %}
  405.                                         
  406.                                         {% endif %}
  407.                         {% endif %}
  408. {% if t.id_evenement == 18  %}
  409.                                     
  410.                                 {% if t.id_prix == 69 or t.id_prix == 70 or t.id_prix == 71  or t.id_prix == 72 %}
  411.                                     
  412.                                         {% elseif t.id_prix == 67 %}
  413.                                                     <ul>
  414.                                                 <li>
  415.                                                     <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 
  416.                                                 </li>
  417.                                                 
  418.                                                 <li>
  419.                                                     <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
  420.                                                 </li>
  421.                                                 
  422.                                             </ul>
  423.                                         {% else %}
  424.                                         
  425.                                         {% endif %}
  426.                         {% endif %}
  427.                             </div>
  428.                             <div class="price price{{i}}">
  429.                             <h4>{{ (t.prix + prix) | e }} TND</h4>
  430.                             </div>
  431.                             <!--<div class="alert alert-danger" role="alert">
  432.                             Le serveur de paiement sécurisé par carte bancaire nationale est momentanément indisponible, veuillez réessayer plus tard.
  433. </div>-->
  434.                             {% if autre == 1%}
  435.                             
  436.                         <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>
  437. <!--<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>-->
  438.                             {% else %}
  439.                             <!-- Trigger the modal with a button -->
  440. <!-- Modal -->
  441. <div id="myModal" class="modal fade" role="dialog" style="  background: rgba(0, 0, 0, 0.5);z-index:545454545454">
  442.   <div class="modal-dialog">
  443.     <!-- Modal content-->
  444.     <div class="modal-content" style="background: white;width:auto;left:40%;top:60%;z-index:55">
  445.       <div class="modal-header">
  446. <style>
  447. .anisawadni table td {
  448.     vertical-align: top;
  449. }
  450. .anisawadni .body-wrap {
  451.     background-color: #f6f6f6;
  452.     width: 100%;
  453. }
  454. .anisawadni .container {
  455.     display: block !important;
  456.     max-width: 600px !important;
  457.     margin: 0 auto !important;
  458.     /* makes it centered */
  459.     clear: both !important;
  460. }
  461. .anisawadni .content {
  462.     max-width: 600px;
  463.     margin: 0 auto;
  464.     display: block;
  465.     padding: 20px;
  466. }
  467. /* -------------------------------------
  468.     HEADER, FOOTER, MAIN
  469. ------------------------------------- */
  470. .anisawadni .main {
  471.     background: #fff;
  472.     border: 1px solid #e9e9e9;
  473.     border-radius: 3px;
  474. }
  475. .anisawadni .content-wrap {
  476.     padding: 20px;
  477. }
  478. .anisawadni .content-block {
  479.     padding: 0 0 20px;
  480. }
  481. .anisawadni .header {
  482.     width: 100%;
  483.     margin-bottom: 20px;
  484. }
  485. .anisawadni .footer {
  486.     width: 100%;
  487.     clear: both;
  488.     color: #999;
  489.     padding: 20px;
  490. }
  491. .anisawadni  .footer a {
  492.     color: #999;
  493. }
  494. .anisawadni .footer p, .footer a, .footer unsubscribe, .footer td {
  495.     font-size: 12px;
  496. }
  497. /* -------------------------------------
  498.     TYPOGRAPHY
  499. ------------------------------------- */
  500. .anisawadni h1, h2, h3 {
  501.     font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  502.     color: #000;
  503.     margin: 40px 0 0;
  504.     line-height: 1.2;
  505.     font-weight: 400;
  506. }
  507. .anisawadni h1 {
  508.     font-size: 32px;
  509.     font-weight: 500;
  510. }
  511. .anisawadni h2 {
  512.     font-size: 24px;
  513. }
  514. .anisawadni h3 {
  515.     font-size: 18px;
  516. }
  517. .anisawadni h4 {
  518.     font-size: 14px;
  519.     font-weight: 600;
  520. }
  521. .anisawadni p, ul, ol {
  522.     margin-bottom: 10px;
  523.     font-weight: normal;
  524. }
  525. .anisawadni p li, ul li, ol li {
  526.     margin-left: 5px;
  527.     list-style-position: inside;
  528. }
  529. /* -------------------------------------
  530.     LINKS & BUTTONS
  531. ------------------------------------- */
  532. .anisawadni a {
  533.     color: #1ab394;
  534.     text-decoration: underline;
  535. }
  536. .anisawadni .btn-primary {
  537.     text-decoration: none;
  538.     color: #FFF;
  539.     background-color: #1ab394;
  540.     border: solid #1ab394;
  541.     border-width: 5px 10px;
  542.     line-height: 2;
  543.     font-weight: bold;
  544.     text-align: center;
  545.     cursor: pointer;
  546.     display: inline-block;
  547.     border-radius: 5px;
  548.     text-transform: capitalize;
  549. }
  550. /* -------------------------------------
  551.     OTHER STYLES THAT MIGHT BE USEFUL
  552. ------------------------------------- */
  553. .anisawadni .last {
  554.     margin-bottom: 0;
  555. }
  556. .anisawadni .first {
  557.     margin-top: 0;
  558. }
  559. .anisawadni .aligncenter {
  560.     text-align: center;
  561. }
  562. .anisawadni .alignright {
  563.     text-align: right;
  564. }
  565. .anisawadni .alignleft {
  566.     text-align: left;
  567. }
  568. .anisawadni .clear {
  569.     clear: both;
  570. }
  571. /* -------------------------------------
  572.     ALERTS
  573.     Change the class depending on warning email, good email or bad email
  574. ------------------------------------- */
  575. .anisawadni .alert {
  576.     font-size: 16px;
  577.     color: #fff;
  578.     font-weight: 500;
  579.     padding: 20px;
  580.     text-align: center;
  581.     border-radius: 3px 3px 0 0;
  582. }
  583. .anisawadni .alert a {
  584.     color: #fff;
  585.     text-decoration: none;
  586.     font-weight: 500;
  587.     font-size: 16px;
  588. }
  589. .anisawadni .alert.alert-warning {
  590.     background: #f8ac59;
  591. }
  592. .anisawadni .alert.alert-bad {
  593.     background: #ed5565;
  594. }
  595. .anisawadni .alert.alert-good {
  596.     background: #1ab394;
  597. }
  598. /* -------------------------------------
  599.     INVOICE
  600.     Styles for the billing table
  601. ------------------------------------- */
  602. .anisawadni .invoice {
  603.     margin: 40px auto;
  604.     text-align: left;
  605.     width: 80%;
  606. }
  607. .anisawadni .invoice td {
  608.     padding: 5px 0;
  609. }
  610. .anisawadni .invoice .invoice-items {
  611.     width: 100%;
  612. }
  613. .anisawadni .invoice .invoice-items td {
  614.     border-top: #eee 1px solid;
  615. }
  616. .anisawadni .invoice .invoice-items .total td {
  617.     border-top: 2px solid #333;
  618.     border-bottom: 2px solid #333;
  619.     font-weight: 700;
  620. }
  621. /* -------------------------------------
  622.     RESPONSIVE AND MOBILE FRIENDLY STYLES
  623. ------------------------------------- */
  624. @media only screen and (max-width: 640px) {
  625.    .anisawadni  h1, h2, h3, h4 {
  626.         font-weight: 600 !important;
  627.         margin: 20px 0 5px !important;
  628.     }
  629.    .anisawadni  h1 {
  630.         font-size: 22px !important;
  631.     }
  632.     .anisawadni h2 {
  633.         font-size: 18px !important;
  634.     }
  635.     .anisawadni h3 {
  636.         font-size: 16px !important;
  637.     }
  638.     .anisawadni .container {
  639.         width: 100% !important;
  640.     }
  641.     .anisawadni .content, .content-wrap {
  642.         padding: 10px !important;
  643.     }
  644.     .anisawadni .invoice {
  645.         width: 100% !important;
  646.     }
  647. }
  648. </style>
  649.     <table class="anisawadni body-wrap">
  650.     <tbody><tr>
  651.         <td></td>
  652.         <td class="container" width="600">
  653.             <div class="content"><br><br><br>
  654.              <h4 class="modal-title" style="border-bottom: 0px solid #ccc;">Finaliser le paiement</h4>
  655.                 <table class="main" width="100%" cellpadding="0" cellspacing="0">
  656.                     <tbody><tr>
  657.                         <td class="content-wrap aligncenter">
  658.                             <table width="100%" cellpadding="0" cellspacing="0">
  659.                                 <tbody><tr>
  660.                                     <td class="content-block">
  661.                                         <h2>ASTP</h2>
  662.                                     </td>
  663.                                 </tr>
  664.                                 <tr>
  665.                                     <td class="content-block">
  666.                                         <table class="invoice">
  667.                                             <tbody>
  668.                                             
  669.                                             <tr>
  670.                                                 <td>
  671.                                                     <table class="invoice-items" cellpadding="0" cellspacing="0">
  672.                                                         <tbody><tr>
  673.                                                             <td>Nom et prénom </td>
  674.                                                             <td class="alignright">{{ app.session.get('nom') }} {{ app.session.get('prenom') }}</td>
  675.                                                         </tr>
  676.                                                         <tr>
  677.                                                             <td>Email</td>
  678.                                                             <td class="alignright">{{ app.session.get('emailSend') }}</td>
  679.                                                         </tr>
  680.                                                          <tr>
  681.                                                             <td>Téléphone</td>
  682.                                                             <td class="alignright">{{ app.session.get('phone') }}</td>
  683.                                                         </tr>
  684.                                                            <tr>
  685.                                                             <td>Type</td>
  686.                                                             <td class="alignright">{{ app.session.get('type') }}</td>
  687.                                                         </tr>
  688.                                                            <tr>
  689.                                                             <td>Fonction</td>
  690.                                                             <td class="alignright">{{ app.session.get('fonction') }}</td>
  691.                                                         </tr>
  692.                                                         <tr style="display:none" class="part_v">
  693.                                                             <td colspan="2">
  694.                                                                 <p style="color:black"><b>Si votre accompagnant est également un participant, veuillez mentionner son nom.</b></p>
  695.                                                                 <input type="text" class="form-control" id="part" placeholder="Champ optionel">
  696.                                                             </td>
  697.                                                         </tr>
  698.                                                         
  699.                                                         <tr class="total">
  700.                                                             <td class="alignright" width="80%">Total</td>
  701.                                                             <td class="alignright "><span class="montant">36.00</span> TND</td>
  702.                                                         </tr>
  703.                                                     </tbody></table>
  704.                                                 </td>
  705.                                             </tr>
  706.                                         </tbody></table>
  707.                                     </td>
  708.                                 </tr>
  709.                              
  710.                             </tbody></table>
  711.                         </td>
  712.                     </tr>
  713.                 </tbody></table>
  714.                 <div class="footer">
  715.                     <table width="100%">
  716.                         <tbody><tr>
  717.                             <td class="aligncenter content-block">Questions? Téléphone <a href="mailto:">+216 97 054 316</a></td>
  718.                         </tr>
  719.                     </tbody></table>
  720.                 </div></div>
  721.         </td>
  722.         <td></td>
  723.     </tr>
  724. </tbody></table>
  725.         <button type="button" class="close" data-dismiss="modal">&times;</button>
  726.        
  727.       </div>
  728.       <div class="modal-body bod">
  729.      
  730.       </div>
  731.    
  732.     </div>
  733.   </div>
  734. </div>
  735.                         <button class="btn click" style="display:none" data-toggle="modal" data-target="#myModal">aa</button>
  736.                         <button lien="/paiment/{{t.id_evenement|e}}/{{t.id_prix|e}}/0" prix="{{t.prix + prix}}" data-toggle="modal" data-target="#myModal" class="btn btn-block btn-outline-primary mylink 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>
  737.                         <button lien="/virement/{{t.id_evenement|e}}/{{t.id_prix|e}}/0" prix="{{t.prix + prix}}" data-toggle="modal" data-target="#myModal" class="btn btn-block virr 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>
  738.                             {% endif %}
  739.                         </div>
  740.                     </div>
  741.                 
  742.                       {% endfor %}
  743.                     
  744.                     
  745.                 </div>
  746.             </div>
  747.         </section>
  748.         {% else %}
  749.         <div class="alert alert-danger" role="alert">
  750.             Cette formation est complet
  751.           </div>
  752.         {% endif %}
  753.         
  754.                     {% endif %}
  755.                     <div class="container">
  756.                         {% if sessionHas == 5 %}
  757.                         <div class="row">
  758.                             <!-- Left Column -->
  759.                             <!-- /Left Column -->
  760.                             <!-- Right Column -->
  761.                                 <div class="col-lg-12"> <div class="alert alert-primary" role="alert"></div>
  762.                             </div>
  763.                             <div class="col-lg-6">
  764.                                 <legend>Login</legend>
  765.                                                                     
  766.                                 <div class="erreur" style="color:red"></div>
  767.                                 
  768.                                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" class="csrf">
  769.                                     <label for="username">Email</label>
  770.                                     <input type="text" class="form-control email" id="username" name="_username" value="" required="required" autocomplete="username">
  771.                                     <label for="password">Mot de passe</label>
  772.                                     <input type="password" class="form-control password" id="password" name="_password" required="required" autocomplete="current-password">
  773.                                     
  774.                                     <br>
  775.                                     
  776.                                     <div class="lds-ripple dispload"><div></div><div></div></div>
  777.                                     <button type="submit" id="_submit" name="_submit" class="btn btn-success connexion-button1"> Connexion <i class="fa fa-spinner fa-spin"></i></button>
  778.                                     
  779.                                     <!--<button class="btn btn-danger retour1" style="background:red !important">Retour</button>-->
  780.                                 
  781.                             </div>
  782.                             <div class="col-lg-6">
  783.                                 <legend>Création d'un nouveau compte (gratuit)</legend>
  784.                                     <div class="er-c" style="color:red">
  785.                                     </div>
  786.                                     <div id="fos_user_registration_form">
  787.                                         <div>
  788.                                             <label for="fos_user_registration_form_email" class="required">Email</label>
  789.                                             <input type="email" id="fos_user_registration_form_email" name="fos_user_registration_form[email]" class="form-control inscri_email" required="required">
  790.                                         </div>
  791.                                         <div>
  792.                                             <label for="fos_user_registration_form_username" class="required">Nom</label>
  793.                                             <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>
  794.                                         <div>
  795.                                         <div>
  796.                                             <label for="fos_user_registration_form_username" class="required">Prenom</label>
  797.                                             <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>
  798.                                         <div>
  799.                                         <div>
  800.                                             <label for="fos_user_registration_form_username" class="required">Phone</label>
  801.                                             <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>
  802.                                         <div>
  803.                                             <label for="fos_user_registration_form_type" class="required">Type</label>
  804.                                             <select id="fos_user_registration_form_type" name="fos_user_registration_form[type]" class="form-control inscri_type">
  805.                                                 <option value="0">Étudiant en physiothérapie</option>
  806.                                                 <option value="1">Physiothérapeute en secteur public</option>
  807.                                                         <option value="2">Physiothérapeute de libre pratique</option>
  808.                                                                 <option value="3">Physiothérapeute en secteur privé</option>
  809.                                                 
  810.                                             </select>
  811.                                         </div>
  812.                                         <div>
  813.                                             <label for="fos_user_registration_form_plainPassword_first" class="required">Mot de passe</label>
  814.                                             <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">
  815.                                         </div>
  816.                                         <div>
  817.                                             <label for="fos_user_registration_form_plainPassword_second" class="required">Repeter mot de passe</label>
  818.                                             <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>
  819.                                         <input type="hidden" id="fos_user_registration_form__token" name="fos_user_registration_form[_token]" value="{{ csrf_token('authenticate') }}" class="inscri_token">
  820.                                     </div>
  821.                                     <div>
  822.                                         <input type="submit" class="btn btn-success inscri" value="Register">
  823.                                         <!--<button class="btn btn-danger retour1" style="background:red !important">Retour</button>-->
  824.                                     </div>
  825.                                 
  826.                             </div>
  827.                         </div>
  828.                         
  829.                         
  830.                         {% endif %}
  831.                         <style>
  832.                         .rounded-lg {
  833.   border-radius: 1rem !important;
  834. }
  835. .text-small {
  836.   font-size: 0.9rem !important;
  837. }
  838. .custom-separator {
  839.   width: 5rem;
  840.   height: 6px;
  841.   border-radius: 1rem;
  842. }
  843. .text-uppercase {
  844.   letter-spacing: 0.2em;
  845. }
  846.                         </style>
  847.                         <div class="col-lg-12 prix">
  848.                             <div class="container py-5">
  849.                              <div class="row text-center align-items-end">
  850.                                      <div class="col-lg-4 mb-5 mb-lg-0">
  851.                                                 <div class="bg-white p-5 rounded-lg shadow">
  852.                                                 <h1 class="h6 text-uppercase font-weight-bold mb-4">Basic</h1>
  853.                                                 <h2 class="h1 font-weight-bold">$199<span class="text-small font-weight-normal ml-2">/ month</span></h2>
  854.                                                 <div class="custom-separator my-4 mx-auto bg-primary"></div>
  855.                                                 <ul class="list-unstyled my-5 text-small text-left">
  856.                                                     <li class="mb-3">
  857.                                                     <i class="fa fa-check mr-2 text-primary"></i> Lorem ipsum dolor sit amet</li>
  858.                                                     <li class="mb-3">
  859.                                                     <i class="fa fa-check mr-2 text-primary"></i> Sed ut perspiciatis</li>
  860.                                                     <li class="mb-3">
  861.                                                     <i class="fa fa-check mr-2 text-primary"></i> At vero eos et accusamus</li>
  862.                                                     <li class="mb-3 text-muted">
  863.                                                     <i class="fa fa-times mr-2"></i>
  864.                                                     <del>Nam libero tempore</del>
  865.                                                     </li>
  866.                                                     <li class="mb-3 text-muted">
  867.                                                     <i class="fa fa-times mr-2"></i>
  868.                                                     <del>Sed ut perspiciatis</del>
  869.                                                     </li>
  870.                                                     <li class="mb-3 text-muted">
  871.                                                     <i class="fa fa-times mr-2"></i>
  872.                                                     <del>Sed ut perspiciatis</del>
  873.                                                     </li>
  874.                                                 </ul>
  875.                                                 <a href="#" class="btn btn-primary btn-block p-2 shadow rounded-pill">Subscribe</a>
  876.                                                 </div>
  877.                                             </div>
  878.                              </div>
  879.                              </div>
  880.                         </div>
  881.                     </div>
  882.                 </div>
  883.                 <!-- SECTION: Register
  884.                         ================================================== -->
  885.             <!-- /SECTION: Register
  886.                     ================================================== -->
  887.                 <!-- SECTION: Location
  888.                         ================================================== -->
  889.                 <!-- /SECTION: Location
  890.                         ================================================== -->
  891.             </div>
  892.         </div>
  893.         <!-- Contact Form - Ajax Messages
  894.         ========================================================= -->
  895.         <!-- Form Sucess -->
  896.         <div class="form-result modal-wrap" id="contactSuccess">
  897.             <div class="modal-bg"></div>
  898.             <div class="modal-content">
  899.                 <h4 class="modal-title">
  900.                     <i class="fa fa-check-circle"></i>
  901.                     Success!</h4>
  902.                 <p>Your message has been sent to us.</p>
  903.             </div>
  904.         </div>
  905.         <!-- /Form Sucess -->
  906.         <!-- form-error -->
  907.         <div class="form-result modal-wrap" id="contactError">
  908.             <div class="modal-bg"></div>
  909.             <div class="modal-content">
  910.                 <h4 class="modal-title">
  911.                     <i class="fa fa-times"></i>
  912.                     Error</h4>
  913.                 <p>There was an error sending your message.</p>
  914.             </div>
  915.         </div>
  916.         <!-- /form-error -->
  917.         <!-- / Contact Form - Ajax Messages
  918.         ========================================================= -->
  919.         <button type="button " class="btn btn-primary click" data-toggle="modal" data-target="#exampleModal" style="display:none"></button>
  920.         <!-- Modal -->
  921.         <!-- Footer
  922.         ================================================== -->
  923.         {% include ('includes/footer.html.twig') %}
  924.     </body>
  925. </html>
  926. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  927. <script src="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.jquery.min.js"></script>
  928. <script src="/public/js/evenement.js"></script>
  929. <script type="text/javascript">
  930. </script>