templates/events/events.html.twig line 1

Open in your IDE?
  1. {% extends "layout/layout.html.twig" %}
  3. {# {% block title %}GFS::Event{% endblock %} #}
  5. {% block content %}
  7.     <!--Start Wrapper-->
  10.     <!--Start Main Slider-->
  12.         <section class="main-slider-section product-main-slider product-event-slider event-page-slider"> <div class="container container-lg">
  13.             <div class="custom-slider singal-slider main-slider">
  14.                 <div class="slide">
  15.                     <div class="slide-media slide-media-desktop">
  16.                         <img
  17.                         src="/static/assets/images/Events_Spotlight_desktop.jpg" alt="Events Spotlight desktop">
  18.                     {# <img src="/static/assets/images/product-banner-image.png" alt="" class="mobile-banner"> #}
  19.                     </div>
  21.                     <div class="slide-media slide-media-mobile">
  22.                         <img
  23.                         src="/static/assets/images/Events_Spotlight_mobile.jpg" alt="Events Spotlight mobile">
  24.                     {# <img src="/static/assets/images/product-banner-image.png" alt="" class="mobile-banner"> #}
  25.                     </div>
  26.                     <div class="slide-content-box">
  27.                         <div class="slide-content-box-wrapper">
  28.                             <div class="slide-content-box-wrapper-date">{# <span>{{ recent_events.date_time|date("d/M")|upper }}</span>
  29.                                                                                   <span>{{ recent_events.date_time|date("Y") }}</span> #}
  30.                                 {# <span>N/A</span> #}
  31.                             </div>
  32.                             <div class="slide-content-box-wrapper-name d-none">
  33.                                 {{recent_events.e_name}}
  34.                             </div>
  35.                             <div class="slide-content-box-wrapper-list">
  36.                                 <ul class="list-unstyled recipe-info">
  37.                                     <li class="calendar-white">N/A</li>
  38.                                     <li class="map-locator-white">N/A</li>
  39.                                     {% set user = app.session.get('loginUserName') %}
  40.                                     {% if user is not null %}
  41.                                         <li class="share-white" onclick="loyaltyProgram(this,{{ recent_events.id }},'{{ recent_events.e_name }}',50,'Event','Share')">{{'Share'|trans}}</li>
  42.                                     {% else %}
  43.                                         <li class="share-white">{{'Share'|trans}}</li>
  44.                                     {% endif %}
  45.                                 </ul>
  46.                             </div>
  47.                         </div>
  48.                     </div>
  49.                 </div>
  50.             </div>
  51.         </div>
  52.     </section>
  53.     <!--End Main Slider-->
  54.     {# {{ app.request.getScheme }}://{{ app.request.getHost }}/{{ app.request.locale }} #}
  55.     <!--Start Breadcrumbs-->
  56.         <div class="breadcrumb-holder"> <ol class="breadcrumb">
  57.             <li class="breadcrumb-item">
  58.                 <a href="/{{app.request.locale}}">{{'Home'|trans}}</a>
  59.             </li>
  60.             <li class="breadcrumb-item">
  61.                 <a href="/{{app.request.locale}}/professional-training">{{'Training'|trans}}</a>
  62.             </li>
  63.             <li class="breadcrumb-item active" aria-current="page">{{'Events'|trans}}</li>
  64.         </ol>
  65.     </div>
  66.     <!--End Breadcrumbs-->
  68.     <!--Start Info Media-->
  69.     <section class="info-media event-media event-page featureEvent feature_event">
  70.         <div class="container container-sm">
  71.             <div class="customflex">
  72.             {% for FeaturedEvent in featuredevents %}
  73.                 <div class="info-section">
  74.                     <h5>{{'Featured Event'|trans}}</h5>
  75.                     <h1>{{FeaturedEvent.e_name}}</h1>
  76.                     <p>{{FeaturedEvent.e_description}}
  77.                     </p>
  78.                     {% if FeaturedEvent.date_time > "now"|date('Y-m-d H:i') %}
  79.                         <ul class="list-unstyled recipe-info in-column">
  80.                             <li class="calendar-white">{{FeaturedEvent.dateandtime}}</li>
  81.                             <li class="map-locator-white">{{FeaturedEvent.location}}</li>
  82.                         </ul>
  83.                     {% endif %}
  84.                     <div class="btn-holder">
  85.                         <div class="btn-border">
  86.                             <a href="/{{app.request.locale}}/events/{{FeaturedEvent.url}}" class="btn btn-custom btn-lg-o-wblack">{{'View Event'|trans}}</a>
  87.                         </div>
  88.                         {% set user = app.session.get('loginUserName') %}
  89.                         {% if user is not null %}
  90.                             <ul class="list-unstyled recipe-info">
  91.                                 <li class="share-white" onclick="loyaltyProgram(this,{{ FeaturedEvent.id }},'{{ FeaturedEvent.e_name }}',50,'Event','Share')">
  92.                                     <span onclick="sharemodal('Event','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/events/' ~ FeaturedEvent.url}}','{{ " share event with your friends"|trans }}')">{{'Share'|trans}}</span>
  93.                                 </li>
  94.                             </ul>
  95.                         {% else %}
  96.                             <ul class="list-unstyled recipe-info">
  97.                                 <li class="share-white" onclick="sharemodal('Event','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/events/' ~ FeaturedEvent.url}}','{{ " share event with your friends"|trans }}')">{{'Share'|trans}}</li>
  98.                             </ul>
  99.                         {% endif %}
  100.                     </div>
  101.                 </div>
  103.                 <div class="media-section">
  104.                 
  105.                         {% if (app.request.locale =='ar') %}
  106.                             {% if FeaturedEvent.eventImageAr %}
  107.                                 <video poster="{{FeaturedEvent.eventImageAr}}"></video>
  108.                             {% endif %}
  109.                         {% else %}
  110.                             {% if FeaturedEvent.event_image %}
  111.                                 <video poster="{{FeaturedEvent.event_image}}"></video>
  112.                             {% endif %}
  113.                         {% endif %}
  114.                     
  115.                         
  116.                     {# <video
  117.                         poster="{{FeaturedEvent.event_image}}"> #}
  118.                         {# <source src="{{FeaturedEvent.videos[0].e_vodeo.data.data }}" type="video/mp4"> #}
  119.                         {# Your browser does not support the video tag.
  120.                     </video> #}
  121.                     {# <div class="control-options">
  122.                                                     <i class="fas fa-play-circle"></i>
  123.                                                     <i class="fas fa-pause-circle"></i>
  124.                                                   </div> #}
  125.                 </div>
  126.             </div>
  127.             {% endfor %}
  129.         </div>
  131.     </section>
  132.     <!--End Info Media-->
  133.     {% set DataValue = app.request.query.get('data') %}
  134.     <!--Start Featured Recipes Section-->
  135.     <section class="featured-recipes-section inner-frecipes-section all-event-section" id="results">
  136.         <div class="container container-sm">
  137.             <div class="event-selection-dropdown">
  138.                 <div class="event-heading">
  139.                     <h2 class="heading">{{'All Events '|trans}}</h2>
  140.                 </div>
  141.                 <div class="event-dropdown">
  142.                     <div class="select-holder event-dropdown-holder">
  143.                         <div class="custom-dropdown calendar">
  144.                             <select
  145.                                 class="form-control" id="event_name" name="event_name">
  146.                                 {# <option>{{'Upcoming Events'|trans}}</option> #}
  147.                                 <option value="Past_Events" {{ DataValue == 'Past_Events' ? 'selected' : ''}}>{{'Past Events'|trans}}</option>
  148.                                 <option value="Upcoming_Events" {{ DataValue == 'Upcoming_Events' ? 'selected' : ''}}>{{'Upcoming Events'|trans}}</option>
  149.                             </select>
  150.                         </div>
  151.                     </div>
  152.                 </div>
  153.             </div>
  155.             <div class="featured-recipes">
  156.                 <div class="custom-slider">
  157.                     {% for event in events %}
  159.                         <div class="slide">
  160.                             <div class="slide-holder">
  161.                                 <figure class="slide-img">
  162.                                     {% if (app.request.locale =='ar') %}
  163.                                             {% if event.eventImageAr %}
  164.                                                 <a href="/{{app.request.locale}}/events/{{event.url}}"><img src="{{event.eventImageAr}}" alt="{{event.e_name}}"></a>
  165.                                             {% endif %}
  166.                                             
  167.                                         {% else %}
  168.                                             {% if event.event_image %}
  169.                                                 <a href="/{{app.request.locale}}/events/{{event.url}}"><img src="{{event.event_image}}" alt="{{event.e_name}}"></a>
  170.                                                 {% endif %}
  171.                                         {% endif %}
  172.                                     {# <a href="/{{app.request.locale}}/events/{{event.url}}"><img src="{{event.event_image}}" alt="{{event.e_name}}"></a> #}
  173.                                 </figure>
  174.                                 <div class="slide-content">
  175.                                     <div class="frecipes-box">
  176.                                         <a href="/{{app.request.locale}}/events/{{event.url}}">
  177.                                             <h3>{{event.e_name}}</h3>
  178.                                         </a>
  179.                                         <p>{{event.e_description}}</p>
  180.                                     </div>
  181.                                     <ul class="list-unstyled recipe-info in-column">
  182.                                         {% if event.date_time > "now"|date('Y-m-d H:i') %}
  183.                                             <li class="calander-black">{{event.dateandtime}}</li>
  184.                                             <li class="feather-map-ping-black">{{event.location}}</li>
  185.                                         {% endif %}
  186.                                         {% set user = app.session.get('loginUserName') %}
  187.                                         {% if user is not null %}
  188.                                             <li class="share" onclick="loyaltyProgram(this,{{ event.id }},'{{ event.e_name }}',50,'Event','Share')">
  189.                                                 <span onclick="sharemodal('Event','{{ event.url}}','{{ " share event with your friends"|trans }}')">{{'Share'|trans}}</span>
  190.                                             </li>
  191.                                         {% else %}
  192.                                             <li class="share" onclick="sharemodal('Event','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/events/' ~ event.url}}','{{ " share event with your friends"|trans }}')">{{'Share'|trans}}</li>
  193.                                         {% endif %}
  194.                                     </ul>
  195.                                 </div>
  196.                             </div>
  197.                         </div>
  198.                     {% endfor %}
  201.                 </div>
  202.             </div>
  204.             <div class="load-more d-none">
  205.                 <a href="javascript:void(0)" class="btn btn-custom btn-outline btn-load">Load more</a>
  206.             </div>
  207.         </div>
  208.     </section>
  209.     {% if (app.request.locale =='ar') %}
  210.         {% set topMenu ="/en/events" %}
  211.     {% else %}
  212.         {% set topMenu ="/ar/events" %}
  213.     {% endif %}
  214.     <script type="text/javascript">
  215.         $('#event_name').change(function () {
  216. window.location.href = "?data=" + $(this).val() + "#results";
  217. });
  219. var _TopMenuLink = "{{ topMenu }}";
  220.     </script>
  221.     <!--End Featured Recipes Section-->
  223.     <!--End Wrapper-->
  224. {% endblock %}