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