{% extends 'frontend/frontindex/add.html.twig' %}{% block seo %} {{ render(path( 'seo', { 'page':16 } )) }}{% endblock %}{% block body %} <section class="service-area p-5"> <div class="container"> <div class="row"> <div class="col-md-6 offset-md-3"> {% for message in app.flashes('success') %} <div class="alert alert-success text-center"> {{ message }} </div> {% endfor %} {% for message in app.flashes('danger') %} <div class="alert alert-danger text-center"> {{ message }} </div> {% endfor %} </div> </div> <div class="row"> <div class="col-lg-8 offset-lg-2 col-12"> <div class="section-title"> <h1>{{'%congresNatio%'|trans}}</h1> </div> </div> </div> <div id="accordion"> <div class="row"> <div class="col-md-6 text-right" id="headingOne"> <button class="btn btn-outline-info btn-lg btn-block" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">{{'%upcommingeventsCongres%'|trans|capitalize}}</button> </div> <div class="col-md-6" id="headingTwo"> <button class="btn btn-outline-info btn-lg btn-block" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">{{'%PastEventCongres%'|trans|capitalize}}</button> </div> </div> <div class="row mt-3"> <div id="collapseOne" class="col-lg-12 col-md-10 col-12 wow fadeInLeft collapse show" data-wow-delay="0.1s" style="width: 100%;" aria-labelledby="headingOne" data-parent="#accordion"> <h2 class="text-center pt-3" style="color:#112a53">{{'%upcommingeventsCongres%'|trans|capitalize}}</h2> <div class="row"> {% set currentDate = date() %} {% for congres in touscongres %} {% if congres.dateDebut >= currentDate %} <div class="col-md-4 wow fadeInLeft" data-wow-delay="0.2s"> <div class="single-blog"> <div class="row s-blog-head"> <div class="col-12 s-blog-img"> <a href="{{ path('details_congres',{'id':congres.id}) }}"><img src="{{ asset('uploads/imagesCongres/' ~ congres.image) }}"></a> </div> <div class="top-meta"> <span>{{ congres.dateDebut |date("d-m-y")}} </span> </div> </div> <div class="single-blog-content"> <div class="single-blog-title mb-4 text-center"> <h3> <a href="{{ path('details_congres',{'id':congres.id}) }}"> {% if app.request.locale=='fr' %} {{ congres.label }} {% elseif app.request.locale=='en' %} {{ congres.labelEn }} {% endif %} </a> </h3> </div> </div> <div class="row mt-2 mb-2"> <div class="col-6"> <a href="{{ path('details_congres',{'id':congres.id}) }}" class="btn btn-primary"> {{'%LirePlus%'|trans}} </a> </div> {% if congres.inscription %} <div class="col-6"> {% if app.user %} <a class="btn btn-outline-primary" data-toggle="modal" data-target="#exampleModalCenter{{congres.id}}"> {{'%etreparticipant%'|trans}} </a> <div class="modal fade" id="exampleModalCenter{{congres.id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle{{congres.id}}" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <form action="{{path('BeParticipant',{'user':app.user.id,'congre':congres.id})}}" id="beparticipant" method="post"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle{{congres.id}}">{{'%etreparticipant%'|trans}} {{'%in%'|trans}} {{congres.label}}</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p> <strong> {{'%Entrezvotreemail%'|trans}}:</strong> </p> <input type="email" name="email" value="{{app.user.email}}" class="form-control" disabled required> <label for="statut-select">{{'%Participerentantque%'|trans}}:</label> <select name="statuts" id="statut-select"> <option value="participant">{{'%Participant%'|trans}}</option> <option value="speaker">{{'%Speaker%'|trans}}</option> <option value="chair">{{'%Modérateur%'|trans}}</option> <option value="exibitor">{{'%exibator%'|trans}}</option> <option value="organisator">{{'%organisateur%'|trans}}</option> </select> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">{{'%Close%'|trans}}</button> <button type="submit" class="btn btn-primary">{{'%Valider%'|trans}}</button> </div> </form> </div> </div> </div> {% else %} <a tabindex="0" class="btn btn-outline-primary" role="button" data-toggle="popover" data-trigger="focus" title="{{'%inscrire%'|trans}}" data-content="{{'%titlePopoverParticipate%'|trans}}">{{'%etreparticipant%'|trans}}</a> {% endif %} </div> {% endif %} </div> </div> </div> {% endif %} {% endfor %} {% for eventATU in eventsATU %} {% if eventATU.startDate >= currentDate %} <div class="col-md-4 wow fadeInLeft" data-wow-delay="0.2s"> <div class="single-blog"> <div class="row s-blog-head"> <div class="col-12 s-blog-img"> <img src="{{ asset('uploads/imagesEvents/' ~ eventATU.image) }}"> </div> <div class="top-meta"> <span>{{eventATU.startDate|date('d-m-Y')}}</span> </div> </div> <div class="single-blog-content"> <div class="single-blog-title mb-4 text-center"> <h3> <a href="{{ path('details_event',{'id':eventATU.id}) }}"> {% if app.request.locale=='fr' %} {{ eventATU.titre }} {% elseif app.request.locale=='en' %} {{ eventATU.title }} {% endif %} </a> </h3> </div> <div class="row"> <div class="col-6 text-center"> <a href="{{ path('details_event',{'id':eventATU.id}) }}" class="btn btn-primary"> {{'%LirePlus%'|trans}} </a> </div> {% set currentDate = date() %} {% if eventATU.inscription and eventATU.startDate >= currentDate %} <div class="col-6 text-center"> <a href="{{ path('app_inscription_new',{'type':'event','id':eventATU.id}) }}" class="btn btn-outline-danger"> {{'%registration%'|trans}} </a> </div> {% endif %} </div> </div> </div> </div> {% endif %} {% endfor %} </div> </div> <div id="collapseTwo" class="col-lg-12 col-md-10 col-12 wow fadeInLeft collapse" data-wow-delay="0.1s" style="width: 100%;" aria-labelledby="headingTwo" data-parent="#accordion"> <h2 class="text-center pt-3" style="color:#112a53">{{'%PastEventCongres%'|trans|capitalize}}</h2> <div class="row"> {% for congres in touscongres %} {% if congres.dateDebut < currentDate %} <div class="col-md-4 wow fadeInLeft" data-wow-delay="0.2s"> <div class="single-blog"> <div class="row s-blog-head"> <div class="col-12 s-blog-img"> <a href="{{ path('details_congres',{'id':congres.id}) }}"><img src="{{ asset('uploads/imagesCongres/' ~ congres.image) }}"></a> </div> <div class="top-meta"> <span>{{ congres.dateDebut |date("d-m-y")}} </span> </div> </div> <div class="single-blog-content"> <div class="single-blog-title mb-4 text-center"> <h3> <a href="{{ path('details_congres',{'id':congres.id}) }}">{{ congres.label }}</a> </h3> </div> </div> <div class="row mt-2 mb-2"> <div class="col-md-6"> <a href="{{ path('details_congres',{'id':congres.id}) }}" class="btn btn-primary"> {{'%LirePlus%'|trans}} </a> </div> {% if congres.inscription %} <div class="col-6"> {% if app.user %} <a class="btn btn-outline-primary" data-toggle="modal" data-target="#exampleModalCenter{{congres.id}}"> {{'%etreparticipant%'|trans}} </a> <div class="modal fade" id="exampleModalCenter{{congres.id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle{{congres.id}}" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <form action="{{path('BeParticipant',{'user':app.user.id,'congre':congres.id})}}" id="beparticipant" method="post"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle{{congres.id}}">{{'%etreparticipant%'|trans}} {{'%in%'|trans}} {{congres.label}}</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p> <strong> {{'%Entrezvotreemail%'|trans}}:</strong> </p> <input type="email" name="email" value="{{app.user.email}}" class="form-control" disabled required> <label for="statut-select">{{'%Participerentantque%'|trans}}:</label> <select name="statuts" id="statut-select"> <option value="participant">{{'%Participant%'|trans}}</option> <option value="speaker">{{'%Speaker%'|trans}}</option> <option value="chair">{{'%Modérateur%'|trans}}</option> <option value="exhibitor">{{'%exibator%'|trans}}</option> <option value="organisator">{{'%organisateur%'|trans}}</option> </select> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">{{'%Close%'|trans}}</button> <button type="submit" class="btn btn-primary">{{'%Valider%'|trans}}</button> </div> </form> </div> </div> </div> {% else %} <a tabindex="0" class="btn btn-outline-primary" role="button" data-toggle="popover" data-trigger="focus" title="{{'%inscrire%'|trans}}" data-content="{{'%titlePopoverParticipate%'|trans}}">{{'%etreparticipant%'|trans}}</a> {% endif %} </div> {% endif %} </div> </div> </div> {% endif %} {% endfor %} {% for eventATU in eventsATU|reverse %} {% if eventATU.startDate < currentDate %} <div class="col-md-4 wow fadeInLeft" data-wow-delay="0.2s"> <div class="single-blog"> <div class="row s-blog-head"> <div class="col-12 s-blog-img"> <img src="{{ asset('uploads/imagesEvents/' ~ eventATU.image) }}"> </div> <div class="top-meta"> <span>{{eventATU.startDate|date('d-m-Y')}}</span> </div> </div> <div class="single-blog-content"> <div class="single-blog-title mb-4 text-center"> <h3> <a href="{{ path('details_event',{'id':eventATU.id}) }}"> {% if app.request.locale=='fr' %} {{ eventATU.titre }} {% elseif app.request.locale=='en' %} {{ eventATU.title }} {% endif %} </a> </h3> </div> <div class="row"> <div class="col-6"> <a href="{{ path('details_event',{'id':eventATU.id}) }}" class="btn btn-primary">{{'%LirePlus%'|trans}}</a> </div> </div> </div> </div> </div> {% endif %} {% endfor %} </div> </div> </div> </div> <div class="pagination pagination-sm"> {{ knp_pagination_render(touscongres) }} </div> </div> </section>{% endblock %}{% block js %} {{parent()}} <script> $("[data-toggle=popover]").popover(); </script>{% endblock %}