templates/default/calendrierDetail.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}
  3. <meta name="description" content="{{evenement.description|striptags}} ">
  4. <title>{{evenement.titre}} LIONS CLUB Laclaireau | comté de Chiny </title>
  5. {% endblock %}
  6. {% block body %}
  7. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  8. <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  9. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  10. <div class="container">
  11. <div class="tr-content">
  12. <div class="row">
  13. <div class="col-md-12 col-lg-12 tr-sticky">
  14. <div class="theiaStickySidebar">
  15.     <div class="breadcrumbs">
  16.         <a href="{{path('app_default')}}">Accueil</a>
  17.         <span>/&nbsp;</span>{{evenement.titre}}
  18.     </div>
  19. <div class="row">
  20.         <div class="col-lg-{% if evenement.billeterie == 1 %}8{% else %}12{% endif %}">
  21.     <div class="blog-post">
  22.     <div class="blog-post-content">
  23.         <div class="blog-list-desc">
  24.         <h3>{{evenement.titre}}</h3>
  25.         <label>
  26. <span>Lieu : {{evenement.lieu}}‐</span> le {{evenement.date|date('d')}} 
  27.                 {% if evenement.date|date('m') == '01' %}Janvier{% endif %}
  28.                 {% if evenement.date|date('m') == '02' %}Février{% endif %}
  29.                 {% if evenement.date|date('m') == '03' %}Mars{% endif %}
  30.                 {% if evenement.date|date('m') == '04' %}Avril{% endif %}
  31.                 {% if evenement.date|date('m') == '05' %}Mai{% endif %}
  32.                 {% if evenement.date|date('m') == '06' %}Juin{% endif %}
  33.                 {% if evenement.date|date('m') == '07' %}Juillet{% endif %}
  34.                 {% if evenement.date|date('m') == '08' %}Août{% endif %}
  35.                 {% if evenement.date|date('m') == '09' %}Septembre{% endif %}
  36.                 {% if evenement.date|date('m') == '10' %}Octobre{% endif %}
  37.                 {% if evenement.date|date('m') == '11' %}Novembre{% endif %}
  38.                 {% if evenement.date|date('m') == '12' %}Décembre{% endif %}
  39.              {{evenement.date|date('Y')}}
  40. </label>
  41.         </div>
  42.         <div class="blog-image">
  43.         {% if evenement.image != 'ok' %}
  44. <a href="#"><img src="{{asset('uploads/'~evenement.image)}}" alt="{{evenement.titre}}" class="img-thumbnail"></a>
  45. {% else %}
  46. <a href="#"><img src="{{asset('uploads/default.png')}}" alt="{{evenement.titre}}" class="img-thumbnail"></a>
  47. {% endif %}
  48.         </div>
  49.         <div class="blog-text">
  50.         {{evenement.description|raw}}
  51.         </div>
  52.     </div>
  53.     </div>
  54.     </div>
  55.     {% if evenement.billeterie == 1 %}
  56.     <div class="col-lg-4">
  57.     <h3>Panier</h3>
  58.     <hr>
  59.     <h4>Lieu : {{evenement.lieu}}</h4>
  60.     <h4>Date : {{evenement.date|date('d')}} 
  61.                 {% if evenement.date|date('m') == '01' %}Janvier{% endif %}
  62.                 {% if evenement.date|date('m') == '02' %}Février{% endif %}
  63.                 {% if evenement.date|date('m') == '03' %}Mars{% endif %}
  64.                 {% if evenement.date|date('m') == '04' %}Avril{% endif %}
  65.                 {% if evenement.date|date('m') == '05' %}Mai{% endif %}
  66.                 {% if evenement.date|date('m') == '06' %}Juin{% endif %}
  67.                 {% if evenement.date|date('m') == '07' %}Juillet{% endif %}
  68.                 {% if evenement.date|date('m') == '08' %}Août{% endif %}
  69.                 {% if evenement.date|date('m') == '09' %}Septembre{% endif %}
  70.                 {% if evenement.date|date('m') == '10' %}Octobre{% endif %}
  71.                 {% if evenement.date|date('m') == '11' %}Novembre{% endif %}
  72.                 {% if evenement.date|date('m') == '12' %}Décembre{% endif %}
  73.              {{evenement.date|date('Y')}} 
  74.              {% if evenement.heure != '' %}
  75.                 à {{evenement.heure}}
  76.              {% endif %}
  77.              </h4>
  78.     
  79.     {% if dispo > 0 %}
  80.    <!-- <form action="{{path('reservation')}}" method="post">-->
  81.     <input type="hidden" name="event" id="event" value="{{evenement.id}}">
  82.         <span style="color:green; font-weight:bold; "><i>Disponible : {{evenement.nbPlaces}}</i></span>
  83.         <h4>Quantité(s)</h4><input type="number" name="places" id="places" class="form-control" value="1" min="1" max="{{evenement.nbPlaces}}"><br><br>
  84.         {% if app.user %}
  85.         <button data-toggle="modal" data-target="#exampleModal" type="button" onclick="addPanier()" value="billet" name="submit" class="btn btn-success">Acheter</button>
  86. <!-- Modal -->
  87. <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  88.   <div class="modal-dialog" role="document">
  89.     <div class="modal-content">
  90.      
  91.       <div class="modal-body text-center">
  92.       <h3 style="color:green">Votre produit est bien placé dans votre panier</h3>
  93.         <a href="{{path('panier')}}"><button type="button" class="btn btn-secondary">Valider mon panier</button></a>
  94.         <br><br>
  95.         <a href="{{path('calendrier')}}"><button type="button" class="btn btn-success">Continuer mes réservations</button></a>
  96.       </div>
  97.      
  98.     </div>
  99.   </div>
  100. </div>
  101.         {% else %}
  102.         
  103.         <a href="{{path('app_login')}}"><button type="button" class="btn btn-success">Acheter</button></a>
  104.         
  105.         {% endif %}
  106.         
  107.     {% else %}
  108. <img src="{{asset('images/complet.jpg')}}">
  109.     {% endif %}
  110.    
  111.         </form>
  112.     
  113.     </div>
  114.     {% endif %}
  115. </div>
  116. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  117. <script>
  118. function addPanier()
  119. {
  120.     var places = $('#places').val();
  121.     var event = $('#event').val();
  122.     
  123.     
  124.     $.ajax(
  125.         {
  126.             url: "{{path('reservation')}}" ,  
  127.             type : "post",
  128.             data:{'places':places,'event':event,'submit':'billet'},    
  129.             
  130.             success:function(retour){        
  131.             }
  132.         });
  133. }
  134. </script>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. {% endblock %}