templates/events/events-detail.html.twig line 1

Open in your IDE?
  1. {% extends "layout/layout.html.twig" %}
  3. {% block title %}GFS::Event Detail
  4. {% endblock %}
  6. {% block content %}
  9.     <!--Start Wrapper-->
  11.     <!--Start Info Media-->
  12.         <div id="invoice" class="invoice"> <section class=" training-media-box info-media listing-media-box training-hero-container web-event-details web-media-box ">
  13.             <div
  14.                 class="training-detail-container-box web-event-details-box">
  15.                 {# Mohsin's work #}
  16.                 <div class="event-new-section">
  17.                     <div class="container  container-sm">
  18.                         <div class="row">
  19.                             <div class="col-lg-6">
  21.                                 <div class="content-left pe-lg-3 px-3">
  22.                                     <section class="bread-crumbs-section">
  23.                                         <div class="container container-lg">
  24.                                             <div class="bread-crumbs-section-box">
  25.                                                 <div class="breadcrumb-holder breadcrumb-dgreen">
  26.                                                     <ol class="breadcrumb">
  27.                                                         <li class="breadcrumb-item">
  28.                                                             <a href="/{{app.request.locale}}">{{'Home'|trans}}</a>
  29.                                                         </li>
  30.                                                         <li class="breadcrumb-item">
  31.                                                             <a href="/{{app.request.locale}}/professional-training">{{'Training'|trans}}</a>
  32.                                                         </li>
  33.                                                         <li class="breadcrumb-item">
  34.                                                             <a href="/{{app.request.locale}}/events">{{'Events'|trans}}</a>
  35.                                                         </li>
  36.                                                         <li class="breadcrumb-item">
  37.                                                             <a href="javascript:void(0);">{{eventdetail.e_name}}</a>
  38.                                                         </li>
  39.                                                     </ol>
  40.                                                 </div>
  41.                                             </div>
  42.                                         </div>
  43.                                     </section>
  44.                                     <h2 class="{{ (app.request.locale == 'ar') ? 'rtl-dir' : '' }}">{{app.request.locale =='en'? eventdetail.e_name('en') : eventdetail.e_name('ar')}}</h2>
  45.                                     {# <h2>{{eventdetail.e_name}}</h2> #}
  47.                                     <p>{{app.request.locale =='en'? eventdetail.e_description('en') : eventdetail.e_description('ar')}}</p>
  49.                                     <p>{{app.request.locale =='en'? eventdetail.e_slider_description('en') : eventdetail.e_slider_description('ar')}}</p>
  52.                                     {% set user = app.session.get('loginUserName') %}
  53.                                     {% if user is not null %}
  54.                                         <ul class="list-unstyled recipe-info social-info">
  55.                                             <li class="share-white" onclick="loyaltyProgram(this,{{eventdetail.id}},'{{eventdetail.e_name}}',50,'Event','Share')">
  56.                                                 <span onclick="sharemodal('Event','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/events/' ~ eventdetail.url}}','{{ " share event with your friends"|trans }}')">{{'Share'|trans}}</span>
  57.                                             </li>
  58.                                             {% if Liked|length == 0 %}
  59.                                                 <li class="like-white detailevent" onclick="loyaltyProgram(this,{{eventdetail.id}},'{{eventdetail.e_name}}',30,'Event','Like' , '{{app.request.locale}}')">{{'Like'|trans}}</li>
  60.                                             {% else %}
  61.                                                 <li class='liked'>{{'Like'|trans}}</li>
  62.                                                 {# <li class="like-white">{{'Like'|trans}}</li> #}
  63.                                             {% endif %}
  64.                                             <li class="download d-none" id="download" onclick="loyaltyProgram(this,{{eventdetail.id}},'{{eventdetail.e_name}}',10,'Event','Download')">{{'Download'|trans}}</li>
  65.                                         </ul>
  67.                                     {% else %}
  69.                                         <ul class="list-unstyled recipe-info social-info">
  70.                                             <li class="share-white" onclick="sharemodal('Event','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/events/' ~ eventdetail.url}}','{{ " share event with your friends"|trans }}')">{{'Share'|trans}}</li>
  71.                                             <li class="like-white logged-out">{{'Like'|trans}}</li>
  72.                                             <li class="download d-none" id="download">{{'Download'|trans}}</li>
  73.                                         </ul>
  75.                                     {% endif %}
  76.                                 </div>
  77.                             </div>
  78.                             <div class="col-lg-6">
  79.                             
  80.                                     {% if (app.request.locale =='ar') %}
  81.                                     {% if eventdetail.eventImageAr %}
  82.                                         <img src="{{eventdetail.eventImageAr}}" alt="{{eventdetail.e_name}}"/>
  83.                                             {% endif %}
  84.                                     {% else %}
  85.                                         {% if eventdetail.event_image %}
  86.                                             <img src="{{eventdetail.event_image}}" alt="{{eventdetail.e_name}}"/>
  87.                                         {% endif %}
  88.                                     {% endif %}
  89.                                 
  90.                             </div>
  92.                             {% if eventdetail.show %}
  93.                                 <div class="col-12 my-5">
  94.                                     <div class="event-timer-section">
  95.                                         <div class="row">
  96.                                             <div class="col-lg-7">
  97.                                                 <h3 class="{{ (app.request.locale == 'ar') ? 'rtl-dir' : '' }}">
  98.                                                     {{'The webinar will be live in'|trans}}
  99.                                                 </h3>
  100.                                             </div>
  101.                                             <div class="col-lg-5">
  102.                                                 <div class=" countdown {{ (app.request.locale == 'ar') ? 'rtl-dir' : '' }}">
  103.                                                     <div class="countdown-item">
  104.                                                         <span id="days" class="countdown-value">00</span>
  105.                                                         <span class="countdown-label">{{'Days'|trans}}</span>
  106.                                                     </div>
  107.                                                     <div class="countdown-item">
  108.                                                         <span id="hours" class="countdown-value">00</span>
  109.                                                         <span class="countdown-label">{{'Hours'|trans}}</span>
  110.                                                     </div>
  111.                                                     <div class="countdown-item">
  112.                                                         <span id="minutes" class="countdown-value">00</span>
  113.                                                         <span class="countdown-label">{{'Minutes'|trans}}</span>
  114.                                                     </div>
  115.                                                     <div class="countdown-item">
  116.                                                         <span id="seconds" class="countdown-value">00</span>
  117.                                                         <span class="countdown-label">{{'Seconds'|trans}}</span>
  118.                                                     </div>
  119.                                                 </div>
  121.                                             </div>
  122.                                         </div>
  124.                                     </div>
  125.                                 </div>
  126.                             {% endif %}
  127.                             {% if eventdetail.show %}
  128.                                 <div class="col-lg-6">
  129.                                     {% if eventdetail.webinarImage %}
  130.                                         <img src="{{eventdetail.webinarImage}}" alt="{{eventdetail.webinarTitle}}"/>
  131.                                     {% endif %}
  132.                                 </div>
  133.                                 <div class="col-lg-6">
  134.                                     <div class="content-left pe-lg-3 px-3">
  136.                                         <h2 class="{{ (app.request.locale == 'ar') ? 'rtl-dir' : '' }}">{{eventdetail.webinarTitle}}</h2>
  138.                                         <ul class="event-new-list">
  139.                                             {% for listItem in  eventdetail.detailListBlock %}
  141.                                                 <li>
  143.                                                     {{listItem.localizedfields.data.getLocalizedValue('name')}}
  144.                                                 </li>
  145.                                             {% endfor %}
  147.                                         </ul>
  148.                                         {{eventdetail.webinarLink|raw}}
  149.                                     </div>
  150.                                 </div>
  151.                             {% endif %}
  152.                         </div>
  153.                     </div>
  154.                 </div>
  155.                 {# Mohsin's work End #}
  157.             </div>
  158.         </section>
  159.         <section class="training-area event-detail-chefs event-details-section-2 video-sec ">
  160.             <div class="container container-sm">
  161.               <div class="training-area-media">
  162.                 <div class="training-area-media-video-box event-detail-slide-box">
  163.                   <div class="training-area-media-video-box-section event-detail-video-section" id="event-slider">
  164.           
  165.                     {% if eventdetail.videos|length > 0 or eventdetail.e_images.items %}
  166.           
  167.                       {% if eventdetail.videos|length > 0 %}
  168.                         {% for event_videos in eventdetail.videos %}
  169.                           {% if event_videos %}
  170.                             {% if event_videos.video.data.type == "youtube" %}
  171.                               <div class="media-section w-100">
  172.                                 <iframe src="https://www.youtube.com/embed/{{ event_videos.video.data.data }}?si=sXWSc0Yl9ZZRKPHL"
  173.                                         title="YouTube video player"
  174.                                         frameborder="0"
  175.                                         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  176.                                         referrerpolicy="strict-origin-when-cross-origin"
  177.                                         allowfullscreen></iframe>
  178.                               </div>
  179.                             {% else %}
  180.                               <div class="media-section">
  181.                                 <video class="second-img second-video"
  182.                                        poster="{{ event_videos.video.data.poster ? event_videos.video.data.poster.thumbnail('event_video_poster_thumb') : '' }}"
  183.                                        controls="audio">
  184.                                   <source src="{{ event_videos.video.data.data }}" type="video/mp4">
  185.                                   Your browser does not support the video tag.
  186.                                 </video>
  187.                               </div>
  188.                             {% endif %}
  189.                           {% endif %}
  190.                         {% endfor %}
  191.                       {% endif %}
  192.           
  193.                       {% if eventdetail.e_images.items %}
  194.                         {% for key, image in eventdetail.e_images.items %}
  195.                           <div class="media-section">
  196.                             <img class="second-img"
  197.                                  src="{{ image.thumbnail('event_video_poster_thumb') }}"
  198.                                  alt="{{ eventdetail.e_name ~ '(' ~ key ~ ')' }}" />
  199.                           </div>
  200.                         {% endfor %}
  201.                       {% endif %}
  202.           
  203.                     {% endif %}
  204.           
  205.                   </div>
  206.                 </div>
  207.                 {# <div class="training-area-media-content">
  208.                   <p>{{ eventdetail.e_slider_description }}</p>
  209.                 </div> #}
  210.               </div>
  211.             </div>
  212.           </section>
  213.           
  214.         <section class="video-sec-2 d-none" id="video-sec-2 ">
  215.             <div class="container container-sm">
  216.                 <div class="row">
  217.                     {% if eventdetail.videos|length > 0 or eventdetail.e_images.items %}
  218.                     {% if eventdetail.videos|length > 0 %}
  220.                     {% for event_videos in eventdetail.videos %}
  222.                         {% if event_videos %}
  223.                             {% if event_videos.video.data.type == "youtube" %}
  224.                                 <div class="media-section w-100">
  225.                                     <iframe src="https://www.youtube.com/embed/{{event_videos.video.data.data}}?si=sXWSc0Yl9ZZRKPHL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  226.                                 </div>
  227.                             {% else %}
  228.                                 <div class="media-section">
  229.                                     <video class="second-img second-video" poster="{{event_videos.video.data.poster ? event_videos.video.data.poster.thumbnail('event_video_poster_thumb') : ''}}" controls="audio">
  230.                                         <source src="{{event_videos.video.data.data}}" type="video/mp4">
  231.                                         Your browser does not support the video tag.
  232.                                     </video>
  233.                                 </div>
  234.                             {% endif %}
  236.                         {% endif %}
  238.                     {% endfor %}
  240.                 {% endif %}
  242.                 {% if eventdetail.e_images.items %}
  244.                     {% for key , image in eventdetail.e_images.items %}
  245.                         <div class="media-section">
  246.                             <img class="second-img" src="{{ image.thumbnail('event_video_poster_thumb')}}" alt="{{eventdetail.e_name ~ '(' ~ key ~ ')' }}"/>
  247.                         {# {{ image.thumbnail('event_video_poster_thumb').getHTML({imgAttributes: {class: 'second-img', alt:'eventdetail.e_name ~ '(' ~ key ~ ')' ~ '}})|raw }} #}
  248.                         </div>
  249.                     {% endfor %}
  251.                 {% endif %}
  252.         {% endif %}
  253.                 </div>
  254.             </div>
  255.         </section>
  256.         <!--End Info Media-->
  257.         {% if eventdetail.videos|length > 0 or eventdetail.e_images.items %}
  259.             <!--Start training area Media-->
  260.             <section class="training-area event-detail-chefs event-details-section-2 video-sec d-none">
  261.                 <div class="container container-sm">
  262.                     <div class="training-area-media">
  263.                         <div class="training-area-media-video-box event-detail-slide-box">
  264.                             <div class="training-area-media-video-box-section event-detail-video-section" id="event-slider">
  266.                                 {% if eventdetail.videos|length > 0 %}
  268.                                     {% for event_videos in eventdetail.videos %}
  270.                                         {% if event_videos %}
  271.                                             {% if event_videos.video.data.type == "youtube" %}
  272.                                                 <div class="media-section">
  273.                                                     <iframe width="1088" height="780" src="https://www.youtube.com/embed/{{event_videos.video.data.data}}?si=sXWSc0Yl9ZZRKPHL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  274.                                                 </div>
  275.                                             {% else %}
  276.                                                 <div class="media-section">
  277.                                                     <video class="second-img second-video" poster="{{event_videos.video.data.poster ? event_videos.video.data.poster.thumbnail('event_video_poster_thumb') : ''}}" controls="audio">
  278.                                                         <source src="{{event_videos.video.data.data}}" type="video/mp4">
  279.                                                         Your browser does not support the video tag.
  280.                                                     </video>
  281.                                                 </div>
  282.                                             {% endif %}
  284.                                         {% endif %}
  286.                                     {% endfor %}
  288.                                 {% endif %}
  290.                                 {% if eventdetail.e_images.items %}
  292.                                     {% for key , image in eventdetail.e_images.items %}
  293.                                         <div class="media-section">
  294.                                             <img
  295.                                             class="second-img" src="{{ image.thumbnail('event_video_poster_thumb')}}" alt="{{eventdetail.e_name ~ '(' ~ key ~ ')' }}"/>
  296.                                         {# {{ image.thumbnail('event_video_poster_thumb').getHTML({imgAttributes: {class: 'second-img', alt:'eventdetail.e_name ~ '(' ~ key ~ ')' ~ '}})|raw }} #}
  297.                                         </div>
  298.                                     {% endfor %}
  300.                                 {% endif %}
  302.                             </div>
  303.                         </div>
  304.                         <div class="training-area-media-content">
  305.                             <p>{{eventdetail.e_slider_description}}</p>
  306.                         </div>
  307.                     </div>
  308.                 </div>
  309.             </section>
  310.             <!--End training area Media-->
  311.         {% endif %}
  312.         <!--Start Featured Recipes Section-->
  313.         {% if eventdetail.similar_events|length > 0 %}
  314.             <section class="featured-recipes-section inner-frecipes-section event-detail-slider">
  315.                 <div class="container container-sm">
  316.                     <h2 class="heading">Similar Events</h2>
  317.                     <div class="featured-recipes">
  318.                         <div class="custom-slider custom-event-slider">
  319.                             {% for j in 0..eventdetail.similar_events|length -1 %}
  320.                                 <div class="slide">
  321.                                     <div class="slide-holder">
  322.                                         <figure class="slide-img">
  323.                                             <img src="{{eventdetail.similar_events[j].event_image}}" alt="{{eventdetail.similar_events[j].e_name}}">
  324.                                         </figure>
  325.                                         <div class="slide-content">
  326.                                             <div class="frecipes-box">
  327.                                                 <a href="/{{app.request.locale}}/events/{{eventdetail.similar_events[j].url}}">
  328.                                                     <h3>{{eventdetail.similar_events[j].e_name}}</h3>
  329.                                                 </a>
  330.                                                 <p>{{eventdetail.similar_events[j].e_description}}</p>
  331.                                             </div>
  332.                                             <ul class="list-unstyled recipe-info in-column">
  333.                                                 <li class="calander-black">N/A</li>
  334.                                                 <li class="feather-map-ping-black">N/A</li>
  335.                                                 {# <li class="share">Share</li> #}
  336.                                                 {% set user = app.session.get('loginUserName') %}
  337.                                                 {% if user is not null %}
  338.                                                     <li class="share" onclick="loyaltyProgram(this,{{eventdetail.id}},'{{eventdetail.e_name}}',50,'Event','Share')">{{'Share'|trans}}</li>
  339.                                                 {% else %}
  340.                                                     <li class="share">{{'Share'|trans}}</li>
  341.                                                 {% endif %}
  342.                                             </ul>
  343.                                         </div>
  344.                                     </div>
  345.                                 </div>
  346.                             {% endfor %}
  347.                         </div>
  348.                     </div>
  349.                 </div>
  350.             </section>
  351.         {% endif %}
  352.         <div>
  353.             {% if (app.request.locale =='ar') %}
  354.                 {% set topMenu ="/en/events/" ~ eventdetail.url('en') %}
  355.             {% else %}
  356.                 {% set topMenu ="/ar/events/" ~ eventdetail.url('ar') %}
  357.             {% endif %}
  358.             <script>
  359.                 var _TopMenuLink = "{{ topMenu }}";
  360.             </script>
  361.             <!--End Featured Recipes Section-->
  362.             <!--End Wrapper-->
  363.         {% endblock %}