templates/front/event/show.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/default.html.twig' %}
  3. {% block title %}
  4.     {{ 'app.event.title'|trans }}
  5.     {{ parent() }}
  6. {% endblock %}
  8. {% block breadcrumb_title %}
  9.     {{ 'app.event.title'|trans }}
  10. {% endblock %}
  11. {% block breadcrumb_sub_title %}
  12.     {{ event.title }}
  13. {% endblock %}
  15. {% block body %}
  16.     <!--Start Event Single Area-->
  17.     <section class="event-single-area">
  18.         <div class="container">
  19.             <div class="row"> 
  20.                 <div class="col-xl-12">
  21.                     <div class="theme-carousel event-single-carousel owl-carousel owl-theme owl-nav-style-one" data-options='{"loop":true, "margin":0, "autoheight":true, "nav":true, "dots":false, "autoplay":true, "autoplayTimeout":6000, "smartSpeed":500, "responsive":{ "0":{"items": "1"}, "768":{"items": "1"}, "1000":{"items": "1" }}}'>
  22.                         <!--Start Single Event Item-->
  23.                         <div class="single-event-item">
  24.                             <div class="img-holder">
  25.                                 <img src="{{ asset(article_images_directory ~ '/' ~ event.image) }}" alt="{{ event.title }}">
  26.                             </div>
  27.                         </div>
  28.                         <!--End Single Event Item-->
  29.                         {% for media in medias %}
  30.                             <!--Start Single Event Item-->
  31.                             <div class="single-event-item">
  32.                                 <div class="img-holder">
  33.                                     <img src="{{ asset(media_images_directory ~ '/' ~ media.attachment.name) }}" alt="{{ event.title }}">
  34.                                 </div>
  35.                             </div> 
  36.                             <!--End Single Event Item-->
  37.                         {% endfor %}
  38.                     </div> 
  39.                     <div class="event-single-content-box">
  40.                         <div class="row">
  41.                             <div class="col-xl-8 col-lg-7">
  42.                                 <div class="inner-content">
  43.                                     <div class="text">
  44.                                         <h2>{{ event.title }}</h2>
  45.                                         {{ event.description|raw }}
  46.                                     </div>
  47.                                 </div>
  48.                             </div>
  49.                             <div class="col-xl-4 col-lg-5">
  50.                                 <div class="event-info-box">
  51.                                     <ul>
  52.                                         {# <li><span>ENTRANTS:</span> <b>120</b></li> #}
  53.                                         {# <li><span>TYPE:</span> <b>Running</b></li> #}
  54.                                         <li><span>{{ 'app.event.details.date'|trans }}:</span> <b>{{ event.date|format_datetime(pattern="d MMMM yyyy", locale='fr')|capitalize }}</b></li>
  55.                                         <li><span>{{ 'app.event.details.duration'|trans }}:</span> <b>{{ event.duration }} {{ 'app.event.details.days'|trans }}</b></li>
  56.                                         <li><span>{{ 'app.event.details.category'|trans }}:</span> <b>{{ ('app.theme.' ~ event.type)|trans }}</b></li>
  57.                                         <li><span>{{ 'app.event.details.location'|trans }}:</span> <b>{{ event.location }}</b></li>
  58.                                     </ul>
  59.                                     <div class="border-box"></div>
  60.                                     <ul class="social-links">
  61.                                         <li>
  62.                                             <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> 
  63.                                         </li>
  64.                                         <li>
  65.                                             <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  66.                                         </li>
  67.                                         <li>
  68.                                             <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> 
  69.                                         </li>
  70.                                     </ul>
  71.                                 </div>    
  72.                             </div>
  73.                         </div>
  74.                         {# <div class="row">
  75.                             <div class="col-xl-12">
  76.                                 <div class="project-single-prev-next-button wow slideInUp" data-wow-delay="00ms" data-wow-duration="1500ms">
  77.                                     <div class="button">
  78.                                         <a class="prev" href="#"><i class="fa fa-angle-double-left" aria-hidden="true"></i>Prev</a>
  79.                                         <a class="middle" href="#">
  80.                                             <img src="assets/images/icon/prev-next-button-icon.png" alt="Button Icon">
  81.                                         </a>
  82.                                         <a class="next" href="#">Next<i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
  83.                                     </div>    
  84.                                 </div>
  85.                             </div>
  86.                         </div> #}
  87.                     </div>   
  88.                 </div>            
  89.             </div>
  90.         </div>
  91.     </section>
  92.     <!--End Event single Area--> 
  93. {% endblock %}