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