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 = 1 %}
  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.                                                     
  324.                                         </div>
  325.                                 {% endif %}
  326.                                 
  327.                             </div>
  328.                             <!--<p>Detail</p>-->
  329.                             <div class="features">
  330.                                 <h4><span class="feature">
  331.                                 {% if prix ==0 %}
  332.                                 {{ t.titre|e }} 
  333.                                 {% else %}
  334.                                         <!-- {{t.prix}} TND -->
  335.                                 {% endif %}
  336.                                 
  337.                                 </h4>
  338.                                 {% if t.id_evenement == 54 and t.id_prix == 39 %}
  339.                                                                             <p class="ppdisplaynone" style="display:none">{{t.prix + prix}}</p>
  340.                                     <ul>
  341.                                         <!--<li><input type="radio" name="R" class="single-button"> Supplément single 65 TND</li>-->
  342.                                             <li><input type="radio" name="R" class="accomp-button"> Acompagnant en pension complète 150 TND</li><br>
  343.                                                 
  344.                                                 <select class="form-control nb_componets" disabled>
  345.                                                         <option value="1">1</option>
  346.                                                         <option value="2">2</option>
  347.                                                         <option value="3">3</option>
  348.                                                         <!--<option value="4">4</option>-->
  349.                                                 </select>
  350.                                             </li>
  351.                                         
  352.                                             <li><label style="font-size:12px">Choisis le nombre d'enfants <br>(âgés de 2 à 12 ans). 75 Tnd</label>
  353.                                                 <select class="form-control nb_enfants">
  354.                                                         <option value="0">0</option>
  355.                                                         <option value="1">1</option>
  356.                                                         <option value="2">2</option>
  357.                                                         <option value="3">3</option>
  358.                                                         <option value="4">4</option>
  359.                                                 </select>
  360.                                             </li>
  361.                                                 <li>Bébé -2ans gratuit</li>
  362.                                             
  363.                                         <li><input type="radio" name="R" class="aucun_choix_single"> Aucun choix</li>
  364.                                             
  365.                                     </ul>
  366.                                 {% if   t.id_prix == 86  %}
  367.                                     <ul>
  368.                                         <li>
  369.                                             <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 
  370.                                         </li>
  371.                                         <li>
  372.                                             <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>
  373.                                             <i style="color:black;font-size:11px;font-weight: 600;">Choisis le nombre d'accompagnants</i>
  374.                                             <input type="Number" class="form-control accompangnt" placeholder="Nombre acompagnant" value="0" aria-label="Username" aria-describedby="basic-addon1" disabled>
  375.                                             
  376.                                         </li>
  377.                                         <li style="margin-top:3%">
  378.                                         
  379.                                             <i style="color:black;font-size:11px;font-weight: 600;">Choisis le nombre d'enfants (âgés de 2 à 12 ans). 85 Tnd</i>
  380.                                             <input type="Number" class="form-control enfantanis" placeholder="Nombre des enfants" value="0"  aria-describedby="basic-addon1">
  381.                                         </li>
  382.                                         <li>
  383.                                             <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
  384.                                         </li>
  385.                                         <!--<li>
  386.                                             <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
  387.                                         </li>-->
  388.                                         <!--<li style="display:none">
  389.                                             <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
  390.                                         </li>-->
  391.                                         
  392.                                         </ul>
  393.                             
  394.                                         {% elseif t.id_prix == 67 %}
  395.                                                     <ul>
  396.                                                 <li>
  397.                                                     <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 
  398.                                                 </li>
  399.                                                 
  400.                                                 <li>
  401.                                                     <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
  402.                                                 </li>
  403.                                                 
  404.                                             </ul>
  405.                                         {% else %}
  406.                                         
  407.                                         {% endif %}
  408.                         {% endif %}
  409. {% if t.id_evenement == 18  %}
  410.                                     
  411.                                 {% if t.id_prix == 69 or t.id_prix == 70 or t.id_prix == 71  or t.id_prix == 72 %}
  412.                                     
  413.                                         {% elseif t.id_prix == 67 %}
  414.                                                     <ul>
  415.                                                 <li>
  416.                                                     <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 
  417.                                                 </li>
  418.                                                 
  419.                                                 <li>
  420.                                                     <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
  421.                                                 </li>
  422.                                                 
  423.                                             </ul>
  424.                                         {% else %}
  425.                                         
  426.                                         {% endif %}
  427.                         {% endif %}
  428.                             </div>
  429.                             <div class="price price{{i}}">
  430.                             <h4>{{ (t.prix + prix) | e }} TND</h4>
  431.                             </div>
  432.                             <!--<div class="alert alert-danger" role="alert">
  433.                             Le serveur de paiement sécurisé par carte bancaire nationale est momentanément indisponible, veuillez réessayer plus tard.
  434. </div>-->
  435. <!----- kanet 1 zedeha a5er mara f evenement ki congré w mahych congré -->
  436.                             {% if autre == 0%}
  437.                             
  438.                         <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>
  439. <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>
  440.                             {% else %}
  441.                             <!-- Trigger the modal with a button -->
  442. <!-- Modal -->
  443. <div id="myModal" class="modal fade" role="dialog" style="  background: rgba(0, 0, 0, 0.5);z-index:545454545454">
  444.   <div class="modal-dialog">
  445.     <!-- Modal content-->
  446.     <div class="modal-content" style="background: white;width:auto;left:40%;top:60%;z-index:55">
  447.       <div class="modal-header">
  448. <style>
  449. .anisawadni table td {
  450.     vertical-align: top;
  451. }
  452. .anisawadni .body-wrap {
  453.     background-color: #f6f6f6;
  454.     width: 100%;
  455. }
  456. .anisawadni .container {
  457.     display: block !important;
  458.     max-width: 600px !important;
  459.     margin: 0 auto !important;
  460.     /* makes it centered */
  461.     clear: both !important;
  462. }
  463. .anisawadni .content {
  464.     max-width: 600px;
  465.     margin: 0 auto;
  466.     display: block;
  467.     padding: 20px;
  468. }
  469. /* -------------------------------------
  470.     HEADER, FOOTER, MAIN
  471. ------------------------------------- */
  472. .anisawadni .main {
  473.     background: #fff;
  474.     border: 1px solid #e9e9e9;
  475.     border-radius: 3px;
  476. }
  477. .anisawadni .content-wrap {
  478.     padding: 20px;
  479. }
  480. .anisawadni .content-block {
  481.     padding: 0 0 20px;
  482. }
  483. .anisawadni .header {
  484.     width: 100%;
  485.     margin-bottom: 20px;
  486. }
  487. .anisawadni .footer {
  488.     width: 100%;
  489.     clear: both;
  490.     color: #999;
  491.     padding: 20px;
  492. }
  493. .anisawadni  .footer a {
  494.     color: #999;
  495. }
  496. .anisawadni .footer p, .footer a, .footer unsubscribe, .footer td {
  497.     font-size: 12px;
  498. }
  499. /* -------------------------------------
  500.     TYPOGRAPHY
  501. ------------------------------------- */
  502. .anisawadni h1, h2, h3 {
  503.     font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  504.     color: #000;
  505.     margin: 40px 0 0;
  506.     line-height: 1.2;
  507.     font-weight: 400;
  508. }
  509. .anisawadni h1 {
  510.     font-size: 32px;
  511.     font-weight: 500;
  512. }
  513. .anisawadni h2 {
  514.     font-size: 24px;
  515. }
  516. .anisawadni h3 {
  517.     font-size: 18px;
  518. }
  519. .anisawadni h4 {
  520.     font-size: 14px;
  521.     font-weight: 600;
  522. }
  523. .anisawadni p, ul, ol {
  524.     margin-bottom: 10px;
  525.     font-weight: normal;
  526. }
  527. .anisawadni p li, ul li, ol li {
  528.     margin-left: 5px;
  529.     list-style-position: inside;
  530. }
  531. /* -------------------------------------
  532.     LINKS & BUTTONS
  533. ------------------------------------- */
  534. .anisawadni a {
  535.     color: #1ab394;
  536.     text-decoration: underline;
  537. }
  538. .anisawadni .btn-primary {
  539.     text-decoration: none;
  540.     color: #FFF;
  541.     background-color: #1ab394;
  542.     border: solid #1ab394;
  543.     border-width: 5px 10px;
  544.     line-height: 2;
  545.     font-weight: bold;
  546.     text-align: center;
  547.     cursor: pointer;
  548.     display: inline-block;
  549.     border-radius: 5px;
  550.     text-transform: capitalize;
  551. }
  552. /* -------------------------------------
  553.     OTHER STYLES THAT MIGHT BE USEFUL
  554. ------------------------------------- */
  555. .anisawadni .last {
  556.     margin-bottom: 0;
  557. }
  558. .anisawadni .first {
  559.     margin-top: 0;
  560. }
  561. .anisawadni .aligncenter {
  562.     text-align: center;
  563. }
  564. .anisawadni .alignright {
  565.     text-align: right;
  566. }
  567. .anisawadni .alignleft {
  568.     text-align: left;
  569. }
  570. .anisawadni .clear {
  571.     clear: both;
  572. }
  573. /* -------------------------------------
  574.     ALERTS
  575.     Change the class depending on warning email, good email or bad email
  576. ------------------------------------- */
  577. .anisawadni .alert {
  578.     font-size: 16px;
  579.     color: #fff;
  580.     font-weight: 500;
  581.     padding: 20px;
  582.     text-align: center;
  583.     border-radius: 3px 3px 0 0;
  584. }
  585. .anisawadni .alert a {
  586.     color: #fff;
  587.     text-decoration: none;
  588.     font-weight: 500;
  589.     font-size: 16px;
  590. }
  591. .anisawadni .alert.alert-warning {
  592.     background: #f8ac59;
  593. }
  594. .anisawadni .alert.alert-bad {
  595.     background: #ed5565;
  596. }
  597. .anisawadni .alert.alert-good {
  598.     background: #1ab394;
  599. }
  600. /* -------------------------------------
  601.     INVOICE
  602.     Styles for the billing table
  603. ------------------------------------- */
  604. .anisawadni .invoice {
  605.     margin: 40px auto;
  606.     text-align: left;
  607.     width: 80%;
  608. }
  609. .anisawadni .invoice td {
  610.     padding: 5px 0;
  611. }
  612. .anisawadni .invoice .invoice-items {
  613.     width: 100%;
  614. }
  615. .anisawadni .invoice .invoice-items td {
  616.     border-top: #eee 1px solid;
  617. }
  618. .anisawadni .invoice .invoice-items .total td {
  619.     border-top: 2px solid #333;
  620.     border-bottom: 2px solid #333;
  621.     font-weight: 700;
  622. }
  623. /* -------------------------------------
  624.     RESPONSIVE AND MOBILE FRIENDLY STYLES
  625. ------------------------------------- */
  626. @media only screen and (max-width: 640px) {
  627.    .anisawadni  h1, h2, h3, h4 {
  628.         font-weight: 600 !important;
  629.         margin: 20px 0 5px !important;
  630.     }
  631.    .anisawadni  h1 {
  632.         font-size: 22px !important;
  633.     }
  634.     .anisawadni h2 {
  635.         font-size: 18px !important;
  636.     }
  637.     .anisawadni h3 {
  638.         font-size: 16px !important;
  639.     }
  640.     .anisawadni .container {
  641.         width: 100% !important;
  642.     }
  643.     .anisawadni .content, .content-wrap {
  644.         padding: 10px !important;
  645.     }
  646.     .anisawadni .invoice {
  647.         width: 100% !important;
  648.     }
  649. }
  650. </style>
  651.     <table class="anisawadni body-wrap">
  652.     <tbody><tr>
  653.         <td></td>
  654.         <td class="container" width="600">
  655.             <div class="content"><br><br><br>
  656.              <h4 class="modal-title" style="border-bottom: 0px solid #ccc;">Finaliser le paiement</h4>
  657.                 <table class="main" width="100%" cellpadding="0" cellspacing="0">
  658.                     <tbody><tr>
  659.                         <td class="content-wrap aligncenter">
  660.                             <table width="100%" cellpadding="0" cellspacing="0">
  661.                                 <tbody><tr>
  662.                                     <td class="content-block">
  663.                                         <h2>ASTP</h2>
  664.                                     </td>
  665.                                 </tr>
  666.                                 <tr>
  667.                                     <td class="content-block">
  668.                                         <table class="invoice">
  669.                                             <tbody>
  670.                                             
  671.                                             <tr>
  672.                                                 <td>
  673.                                                     <table class="invoice-items" cellpadding="0" cellspacing="0">
  674.                                                         <tbody><tr>
  675.                                                             <td>Nom et prénom </td>
  676.                                                             <td class="alignright">{{ app.session.get('nom') }} {{ app.session.get('prenom') }}</td>
  677.                                                         </tr>
  678.                                                         <tr>
  679.                                                             <td>Email</td>
  680.                                                             <td class="alignright">{{ app.session.get('emailSend') }}</td>
  681.                                                         </tr>
  682.                                                          <tr>
  683.                                                             <td>Téléphone</td>
  684.                                                             <td class="alignright">{{ app.session.get('phone') }}</td>
  685.                                                         </tr>
  686.                                                            <tr>
  687.                                                             <td>Type</td>
  688.                                                             <td class="alignright">{{ app.session.get('type') }}</td>
  689.                                                         </tr>
  690.                                                            <tr>
  691.                                                             <td>Fonction</td>
  692.                                                             <td class="alignright">{{ app.session.get('fonction') }}</td>
  693.                                                         </tr>
  694.                                                         <tr style="display:none" class="part_v">
  695.                                                             <td colspan="2">
  696.                                                                 <p style="color:black"><b>Si votre accompagnant est également un participant, veuillez mentionner son nom.</b></p>
  697.                                                                 <input type="text" class="form-control" id="part" placeholder="Champ optionel">
  698.                                                             </td>
  699.                                                         </tr>
  700.                                                         
  701.                                                         <tr class="total">
  702.                                                             <td class="alignright" width="80%">Total</td>
  703.                                                             <td class="alignright "><span class="montant">36.00</span> TND</td>
  704.                                                         </tr>
  705.                                                     </tbody></table>
  706.                                                 </td>
  707.                                             </tr>
  708.                                         </tbody></table>
  709.                                     </td>
  710.                                 </tr>
  711.                              
  712.                             </tbody></table>
  713.                         </td>
  714.                     </tr>
  715.                 </tbody></table>
  716.                 <div class="footer">
  717.                     <table width="100%">
  718.                         <tbody><tr>
  719.                             <td class="aligncenter content-block">Questions? Téléphone <a href="mailto:">+216 97 054 316</a></td>
  720.                         </tr>
  721.                     </tbody></table>
  722.                 </div></div>
  723.         </td>
  724.         <td></td>
  725.     </tr>
  726. </tbody></table>
  727.         <button type="button" class="close" data-dismiss="modal">&times;</button>
  728.        
  729.       </div>
  730.       <div class="modal-body bod">
  731.      
  732.       </div>
  733.    
  734.     </div>
  735.   </div>
  736. </div>
  737.                         <button class="btn click" style="display:none" data-toggle="modal" data-target="#myModal">{{t.id_evenement|e}}</button>
  738.                         <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>
  739.                         <!--<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>-->
  740.                             {% endif %}
  741.                         </div>
  742.                     </div>
  743.                 
  744.                       {% endfor %}
  745.                     
  746.                     
  747.                 </div>
  748.             </div>
  749.         </section>
  750.         {% else %}
  751.         <div class="alert alert-danger" role="alert">
  752.             Cette formation est complet
  753.           </div>
  754.         {% endif %}
  755.         
  756.                     {% endif %}
  757.                     <div class="container">
  758.                         {% if sessionHas == 5 %}
  759.                         <div class="row">
  760.                             <!-- Left Column -->
  761.                             <!-- /Left Column -->
  762.                             <!-- Right Column -->
  763.                                 <div class="col-lg-12"> <div class="alert alert-primary" role="alert"></div>
  764.                             </div>
  765.                             <div class="col-lg-6">
  766.                                 <legend>Login</legend>
  767.                                                                     
  768.                                 <div class="erreur" style="color:red"></div>
  769.                                 
  770.                                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" class="csrf">
  771.                                     <label for="username">Email</label>
  772.                                     <input type="text" class="form-control email" id="username" name="_username" value="" required="required" autocomplete="username">
  773.                                     <label for="password">Mot de passe</label>
  774.                                     <input type="password" class="form-control password" id="password" name="_password" required="required" autocomplete="current-password">
  775.                                     
  776.                                     <br>
  777.                                     
  778.                                     <div class="lds-ripple dispload"><div></div><div></div></div>
  779.                                     <button type="submit" id="_submit" name="_submit" class="btn btn-success connexion-button1"> Connexion <i class="fa fa-spinner fa-spin"></i></button>
  780.                                     
  781.                                     <!--<button class="btn btn-danger retour1" style="background:red !important">Retour</button>-->
  782.                                 
  783.                             </div>
  784.                             <div class="col-lg-6">
  785.                                 <legend>Création d'un nouveau compte (gratuit)</legend>
  786.                                     <div class="er-c" style="color:red">
  787.                                     </div>
  788.                                     <div id="fos_user_registration_form">
  789.                                         <div>
  790.                                             <label for="fos_user_registration_form_email" class="required">Email</label>
  791.                                             <input type="email" id="fos_user_registration_form_email" name="fos_user_registration_form[email]" class="form-control inscri_email" required="required">
  792.                                         </div>
  793.                                         <div>
  794.                                             <label for="fos_user_registration_form_username" class="required">Nom</label>
  795.                                             <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>
  796.                                         <div>
  797.                                         <div>
  798.                                             <label for="fos_user_registration_form_username" class="required">Prenom</label>
  799.                                             <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>
  800.                                         <div>
  801.                                         <div>
  802.                                             <label for="fos_user_registration_form_username" class="required">Phone</label>
  803.                                             <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>
  804.                                         <div>
  805.                                             <label for="fos_user_registration_form_type" class="required">Type</label>
  806.                                             <select id="fos_user_registration_form_type" name="fos_user_registration_form[type]" class="form-control inscri_type">
  807.                                                 <option value="0">Étudiant en physiothérapie</option>
  808.                                                 <option value="1">Physiothérapeute en secteur public</option>
  809.                                                         <option value="2">Physiothérapeute de libre pratique</option>
  810.                                                                 <option value="3">Physiothérapeute en secteur privé</option>
  811.                                                 
  812.                                             </select>
  813.                                         </div>
  814.                                         <div>
  815.                                             <label for="fos_user_registration_form_plainPassword_first" class="required">Mot de passe</label>
  816.                                             <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">
  817.                                         </div>
  818.                                         <div>
  819.                                             <label for="fos_user_registration_form_plainPassword_second" class="required">Repeter mot de passe</label>
  820.                                             <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>
  821.                                         <input type="hidden" id="fos_user_registration_form__token" name="fos_user_registration_form[_token]" value="{{ csrf_token('authenticate') }}" class="inscri_token">
  822.                                     </div>
  823.                                     <div>
  824.                                         <input type="submit" class="btn btn-success inscri" value="Register">
  825.                                         <!--<button class="btn btn-danger retour1" style="background:red !important">Retour</button>-->
  826.                                     </div>
  827.                                 
  828.                             </div>
  829.                         </div>
  830.                         
  831.                         
  832.                         {% endif %}
  833.                         <style>
  834.                         .rounded-lg {
  835.   border-radius: 1rem !important;
  836. }
  837. .text-small {
  838.   font-size: 0.9rem !important;
  839. }
  840. .custom-separator {
  841.   width: 5rem;
  842.   height: 6px;
  843.   border-radius: 1rem;
  844. }
  845. .text-uppercase {
  846.   letter-spacing: 0.2em;
  847. }
  848.                         </style>
  849.                         <div class="col-lg-12 prix">
  850.                             <div class="container py-5">
  851.                              <div class="row text-center align-items-end">
  852.                                      <div class="col-lg-4 mb-5 mb-lg-0">
  853.                                                 <div class="bg-white p-5 rounded-lg shadow">
  854.                                                 <h1 class="h6 text-uppercase font-weight-bold mb-4">Basic</h1>
  855.                                                 <h2 class="h1 font-weight-bold">$199<span class="text-small font-weight-normal ml-2">/ month</span></h2>
  856.                                                 <div class="custom-separator my-4 mx-auto bg-primary"></div>
  857.                                                 <ul class="list-unstyled my-5 text-small text-left">
  858.                                                     <li class="mb-3">
  859.                                                     <i class="fa fa-check mr-2 text-primary"></i> Lorem ipsum dolor sit amet</li>
  860.                                                     <li class="mb-3">
  861.                                                     <i class="fa fa-check mr-2 text-primary"></i> Sed ut perspiciatis</li>
  862.                                                     <li class="mb-3">
  863.                                                     <i class="fa fa-check mr-2 text-primary"></i> At vero eos et accusamus</li>
  864.                                                     <li class="mb-3 text-muted">
  865.                                                     <i class="fa fa-times mr-2"></i>
  866.                                                     <del>Nam libero tempore</del>
  867.                                                     </li>
  868.                                                     <li class="mb-3 text-muted">
  869.                                                     <i class="fa fa-times mr-2"></i>
  870.                                                     <del>Sed ut perspiciatis</del>
  871.                                                     </li>
  872.                                                     <li class="mb-3 text-muted">
  873.                                                     <i class="fa fa-times mr-2"></i>
  874.                                                     <del>Sed ut perspiciatis</del>
  875.                                                     </li>
  876.                                                 </ul>
  877.                                                 <a href="#" class="btn btn-primary btn-block p-2 shadow rounded-pill">Subscribe</a>
  878.                                                 </div>
  879.                                             </div>
  880.                              </div>
  881.                              </div>
  882.                         </div>
  883.                     </div>
  884.                 </div>
  885.                 <!-- SECTION: Register
  886.                         ================================================== -->
  887.             <!-- /SECTION: Register
  888.                     ================================================== -->
  889.                 <!-- SECTION: Location
  890.                         ================================================== -->
  891.                 <!-- /SECTION: Location
  892.                         ================================================== -->
  893.             </div>
  894.         </div>
  895.         <!-- Contact Form - Ajax Messages
  896.         ========================================================= -->
  897.         <!-- Form Sucess -->
  898.         <div class="form-result modal-wrap" id="contactSuccess">
  899.             <div class="modal-bg"></div>
  900.             <div class="modal-content">
  901.                 <h4 class="modal-title">
  902.                     <i class="fa fa-check-circle"></i>
  903.                     Success!</h4>
  904.                 <p>Your message has been sent to us.</p>
  905.             </div>
  906.         </div>
  907.         <!-- /Form Sucess -->
  908.         <!-- form-error -->
  909.         <div class="form-result modal-wrap" id="contactError">
  910.             <div class="modal-bg"></div>
  911.             <div class="modal-content">
  912.                 <h4 class="modal-title">
  913.                     <i class="fa fa-times"></i>
  914.                     Error</h4>
  915.                 <p>There was an error sending your message.</p>
  916.             </div>
  917.         </div>
  918.         <!-- /form-error -->
  919.         <!-- / Contact Form - Ajax Messages
  920.         ========================================================= -->
  921.         <button type="button " class="btn btn-primary click" data-toggle="modal" data-target="#exampleModal" style="display:none"></button>
  922.         <!-- Modal -->
  923.         <!-- Footer
  924.         ================================================== -->
  925.         {% include ('includes/footer.html.twig') %}
  926.     </body>
  927. </html>
  928. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  929. <script src="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.jquery.min.js"></script>
  930. <script src="/public/js/evenement.js"></script>
  931. <script type="text/javascript">
  932. </script>