{% extends 'base.html.twig' %}{% block title %}<meta name="description" content="{{evenement.description|striptags}} "><title>{{evenement.titre}} LIONS CLUB Laclaireau | comté de Chiny </title>{% endblock %}{% block body %}<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script><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><script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script><div class="container"><div class="tr-content"><div class="row"><div class="col-md-12 col-lg-12 tr-sticky"><div class="theiaStickySidebar"> <div class="breadcrumbs"> <a href="{{path('app_default')}}">Accueil</a> <span>/ </span>{{evenement.titre}} </div><div class="row"> <div class="col-lg-{% if evenement.billeterie == 1 %}8{% else %}12{% endif %}"> <div class="blog-post"> <div class="blog-post-content"> <div class="blog-list-desc"> <h3>{{evenement.titre}}</h3> <label><span>Lieu : {{evenement.lieu}}‐</span> le {{evenement.date|date('d')}} {% if evenement.date|date('m') == '01' %}Janvier{% endif %} {% if evenement.date|date('m') == '02' %}Février{% endif %} {% if evenement.date|date('m') == '03' %}Mars{% endif %} {% if evenement.date|date('m') == '04' %}Avril{% endif %} {% if evenement.date|date('m') == '05' %}Mai{% endif %} {% if evenement.date|date('m') == '06' %}Juin{% endif %} {% if evenement.date|date('m') == '07' %}Juillet{% endif %} {% if evenement.date|date('m') == '08' %}Août{% endif %} {% if evenement.date|date('m') == '09' %}Septembre{% endif %} {% if evenement.date|date('m') == '10' %}Octobre{% endif %} {% if evenement.date|date('m') == '11' %}Novembre{% endif %} {% if evenement.date|date('m') == '12' %}Décembre{% endif %} {{evenement.date|date('Y')}}</label> </div> <div class="blog-image"> {% if evenement.image != 'ok' %}<a href="#"><img src="{{asset('uploads/'~evenement.image)}}" alt="{{evenement.titre}}" class="img-thumbnail"></a>{% else %}<a href="#"><img src="{{asset('uploads/default.png')}}" alt="{{evenement.titre}}" class="img-thumbnail"></a>{% endif %} </div> <div class="blog-text"> {{evenement.description|raw}} </div> </div> </div> </div> {% if evenement.billeterie == 1 %} <div class="col-lg-4"> <h3>Panier</h3> <hr> <h4>Lieu : {{evenement.lieu}}</h4> <h4>Date : {{evenement.date|date('d')}} {% if evenement.date|date('m') == '01' %}Janvier{% endif %} {% if evenement.date|date('m') == '02' %}Février{% endif %} {% if evenement.date|date('m') == '03' %}Mars{% endif %} {% if evenement.date|date('m') == '04' %}Avril{% endif %} {% if evenement.date|date('m') == '05' %}Mai{% endif %} {% if evenement.date|date('m') == '06' %}Juin{% endif %} {% if evenement.date|date('m') == '07' %}Juillet{% endif %} {% if evenement.date|date('m') == '08' %}Août{% endif %} {% if evenement.date|date('m') == '09' %}Septembre{% endif %} {% if evenement.date|date('m') == '10' %}Octobre{% endif %} {% if evenement.date|date('m') == '11' %}Novembre{% endif %} {% if evenement.date|date('m') == '12' %}Décembre{% endif %} {{evenement.date|date('Y')}} {% if evenement.heure != '' %} à {{evenement.heure}} {% endif %} </h4> {% if dispo > 0 %} <!-- <form action="{{path('reservation')}}" method="post">--> <input type="hidden" name="event" id="event" value="{{evenement.id}}"> <span style="color:green; font-weight:bold; "><i>Disponible : {{evenement.nbPlaces}}</i></span> <h4>Quantité(s)</h4><input type="number" name="places" id="places" class="form-control" value="1" min="1" max="{{evenement.nbPlaces}}"><br><br> {% if app.user %} <button data-toggle="modal" data-target="#exampleModal" type="button" onclick="addPanier()" value="billet" name="submit" class="btn btn-success">Acheter</button><!-- Modal --><div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body text-center"> <h3 style="color:green">Votre produit est bien placé dans votre panier</h3> <a href="{{path('panier')}}"><button type="button" class="btn btn-secondary">Valider mon panier</button></a> <br><br> <a href="{{path('calendrier')}}"><button type="button" class="btn btn-success">Continuer mes réservations</button></a> </div> </div> </div></div> {% else %} <a href="{{path('app_login')}}"><button type="button" class="btn btn-success">Acheter</button></a> {% endif %} {% else %}<img src="{{asset('images/complet.jpg')}}"> {% endif %} </form> </div> {% endif %}</div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script><script>function addPanier(){ var places = $('#places').val(); var event = $('#event').val(); $.ajax( { url: "{{path('reservation')}}" , type : "post", data:{'places':places,'event':event,'submit':'billet'}, success:function(retour){ } });}</script></div></div></div></div></div></div>{% endblock %}