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