templates/frontend/index.html.twig line 1

Open in your IDE?
  1. {% extends 'layout_frontend.html.twig' %}
  3. {% block title %}{{ parent() }} Home{% endblock %}
  5. {% block content %}
  6. {#    {% include 'shared/frontend/slider.html.twig' %}#}
  7.     <!--Main Content Start-->
  8.     <div class="main-content wf100"> 
  9.         <!--Latest Events Start-->
  10.         <section class="news-updates wf100 p90">
  11.             <div class="container">
  12.                 <div class="row">
  13.                     <div class="col-md-12">
  14.                         <div class="section-title">
  15.                             <h2>Events</h2>
  16.                         </div>
  17.                     </div>
  18.                 </div>
  19.                 <div class="news-grid">
  20.                     <div class="row">
  21.                         {% for event in activeEvents %}
  22.                             <!--Box Start-->
  23.                             <div class="col-lg-4 col-md-6">
  24.                                 <div class="ng-box">
  25.                                     <div class="thumb">
  26.                                         <a href="{{ path('event', {'slug': event.slug}) }}">
  27.                                             <i class="fas fa-link"></i>
  28.                                         </a>
  29.                                         {% if event.picture %}
  30.                                             <img src="{{ asset('upload/' ~ event.picture) }}" alt="">
  31.                                         {% endif %}
  32.                                     </div>
  33.                                     <div class="ng-txt">
  34.                                         <h4>
  35.                                             <a href="{{ path('event', {'slug': event.slug}) }}">{{ event.name }}</a>
  36.                                         </h4>
  37.                                         <ul class="post-meta">
  38.                                             <li><i class="fas fa-map-marker-alt"></i> {{ event.location }}</li>
  39.                                             <li><i class="fas fa-calendar-alt"></i> {{ event.startDate|date('F j, Y') }}</li>
  40.                                         </ul>
  41.                                         <p>{{ event.shortDescription }}</p>
  42.                                         <a href="{{ path('event', {'slug': event.slug}) }}" class="rm">More Details</a> 
  43.                                     </div>
  44.                                 </div>
  45.                             </div>
  46.                             <!--Box End-->
  47.                         {% endfor %}
  48.                     </div>
  49.                 </div>
  50.             </div>
  51.         </section>
  52.         <!--Latest Events End-->
  53.     </div>
  54.     <!--Main Content End-->
  56.     <!-- Modal -->
  57.     <div class="modal fade" id="registrationModal" tabindex="-1" role="dialog" aria-labelledby="registrationModalLabel" aria-hidden="true">
  58.         <div class="modal-dialog" role="document">
  59.             <div class="modal-content">
  60.                 <div class="modal-header">
  61.                     <h5 class="modal-title" id="registrationModalLabel">Success</h5>
  62.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  63.                         <span aria-hidden="true">&times;</span>
  64.                     </button>
  65.                 </div>
  66.                 <div class="modal-body">
  67.                     <p>You've successfully registered to the event!</p>
  68.                 </div>
  69.             </div>
  70.         </div>
  71.     </div>
  73. {% endblock %}
  75. {% block page_javascripts %}
  76.     <script>
  77.         jQuery(document).ready(function ($) {
  78.             var url = new URL(window.location.href);
  79.             var registered = url.searchParams.get('registered');
  81.             if (registered === '1') {
  82.                 $('#registrationModal').modal('show');
  83.             }
  84.         });
  85.     </script>
  86. {% endblock %}