templates/Trainings/training.html.twig line 217

Open in your IDE?
  1. {% extends "layout/layout.html.twig" %}
  2. {# {% block title %}GFS::Training Main{% endblock %} #}
  3. {% block content %}
  4.     <!--Start Main Slider-->
  5.     <section class="main-slider-section training-main-slider-section">
  6.         <div class="container container-lg">
  7.             <div class="custom-slider singal-slider main-slider">
  8.                 <div class="slide">
  9.                     {% for key, spotlight in trainingsSpotlight %}
  10.                         <div class="slide-media slide-media-desktop">
  11.                             <video
  12.                                 poster="{{ spotlight.spotlightRelations[key].Sliders[key]['slider_image'].data }}" playsinline>
  13.                                 {# <source src="{{  spotlight.spotlightRelations[key].Sliders[key]['slider_video'].data.data }}" type="video/mp4"> #}
  14.                                 Your browser does not support the video tag.
  15.                             </video>
  16.                             {# <img src="{{ spotlight.spotlightRelations[key].Sliders[key]['slider_image'].data }}" alt="" class="desktop-banner"> #}
  17.                         </div>
  18.                         <div class="slide-media slide-media-mobile">
  19.                             <video
  20.                                 poster="{{ spotlight.spotlightRelations[key].Sliders[key]['slider_image_mobile'].data }}" playsinline>
  21.                                 {# <source src="{{  spotlight.spotlightRelations[key].Sliders[key]['slider_video'].data.data }}" type="video/mp4"> #}
  22.                                 Your browser does not support the video tag.
  23.                             </video>
  24.                             {# <img src="{{ spotlight.spotlightRelations[key].Sliders[key]['slider_image_mobile'].data }}" alt="" class="desktop-banner"> #}
  25.                         </div>
  26.                         <div class="silde-content-box">
  27.                             <div class="slide-content">
  28.                                 <h1>
  29.                                     <span class="title-sm d-block">{{ spotlight.spotlightRelations[key].Sliders[key].localizedfields.data.getLocalizedValue('heading') }}</span>
  30.                                     <span class="title-lg underline-end">{{ spotlight.spotlightRelations[key].Sliders[key].localizedfields.data.getLocalizedValue('heading1') }}</span>
  31.                                 </h1>
  32.                                 <div
  33.                                     class="control-options d-none">{# <i class="fas fa-play-circle"></i>
  34.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           <i class="fas fa-pause-circle"></i> #}
  35.                                 </div>
  36.                                 <a href="/{{app.request.locale}}/professional-training-culinary-programs" class="btn btn-custom btn-lg-o-black">{{'Start Your Journey'|trans}}</a>
  37.                             </div>
  38.                         </div>
  39.                     </div>
  40.                 {% endfor %}
  41.                 {# <div class="slide">
  42.                                                                                                                                                                                                                                                                                                                                                 <div class="slide-media">
  43.                                                                                                                                                                                                                                                                                                                                                   <video poster="/static/assets/images/main-banner01.png">
  44.                                                                                                                                                                                                                                                                                                                                                     <source src="../../../../../Zeeshan/28-10-2021/assets/videos/oceans.mp4" type="video/mp4">
  45.                                                                                                                                                                                                                                                                                                                                                     Your browser does not support the video tag.
  46.                                                                                                                                                                                                                                                                                                                                                   </video>
  47.                                                                                                                                                                                                                                                                                                                                                 </div>
  48.                                                                                                                                                                                                                                                                                                                                 
  49.                                                                                                                                                                                                                                                                                                                                             <div class="silde-content-box">
  50.                                                                                                                                                                                                                                                                                                                                               <div class="slide-content">
  51.                                                                                                                                                                                                                                                                                                                                                 <h4 class="title-sm">Add value to your</h4>
  52.                                                                                                                                                                                                                                                                                                                                                 <h3 class="title-lg">culinary <u>art</u></h3>
  53.                                                                                                                                                                                                                                                                                                                                                 <div class="control-options">
  54.                                                                                                                                                                                                                                                                                                                                                   <i class="fas fa-play-circle"></i>
  55.                                                                                                                                                                                                                                                                                                                                                   <i class="fas fa-pause-circle"></i>
  56.                                                                                                                                                                                                                                                                                                                                                 </div>
  57.                                                                                                                                                                                                                                                                                                                                                 <a href="/{{app.request.locale}}/training-all" class="btn btn-custom btn-overlay">{{'Start Your Journey'|trans}}</a>
  58.                                                                                                                                                                                                                                                                                                                                               </div>
  59.                                                                                                                                                                                                                                                                                                                                             </div>
  60.                                                                                                                                                                                                                                                                                                                                 
  61.                                                                                                                                                                                                                                                                                                                                           </div> #}
  62.             </div>
  63.         </div>
  64.     </section>
  65.     <!--End Main Slider-->
  66.     <!--Start Main training search-->
  67.     <section class="main-training-search">
  68.         <div class="container container-lg">
  69.             <div class="main-training-search-box">
  70.                 <div class="main-training-search-box-text">
  71.                     <p>{{'what do you wish to learn today '|trans}}</p>
  72.                 </div>
  73.                 <div class="main-training-search-box-input input-holder">
  74.                     <form method="post" id="search-form" action="/{{app.request.locale}}/professional-training-culinary-programs">
  75.                         <input id="srchTrain" name="srchTrain" type="text" placeholder="{{'Pizza , Artisanal '|trans}}…" class="form-control">
  76.                     </div>
  77.                     <div class="main-training-search-box-seprator d-none"></div>
  78.                     <div
  79.                         class="main-training-search-box-btn btn-border">
  80.                         {# <a href="/training_list" class="btn btn-custom btn-lg-o-white" id="submit">{{'Find a Training'|trans}} <img
  81.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       src="/static/assets/images/cooker.svg" alt="chef-cap"></a> #}
  82.                         <button class="btn btn-custom btn-green" id="submit" type="submit">{{'Find a Training'|trans}}
  83.                             <img src="/static/assets/images/cooker.svg" alt="chef-cap"></button>
  84.                     </div>
  85.                 </form>
  86.             </div>
  87.         </div>
  88.     </section>
  89.     <!--End Main training search-->
  90.     <!--Start Main training search-->
  91.     <section class="bread-crumbs-section">
  92.         <div class="container container-lg">
  93.             <div class="bread-crumbs-section-box">
  94.                 <div class="breadcrumb-holder">
  95.                     <ol class="breadcrumb">
  96.                         <li class="breadcrumb-item">
  97.                             <a href="/{{app.request.locale}}">{{'Home'|trans}}</a>
  98.                         </li>
  99.                         <li class="breadcrumb-item">
  100.                             <a href="javascript:void(0);">{{'Training'|trans}}</a>
  101.                         </li>
  102.                     </ol>
  103.                 </div>
  104.             </div>
  105.         </div>
  106.     </section>
  107.     <!--End Main training search-->
  108.     <!--Start Info Media-->
  109.     <section class="training-media-box info-media bg-training-media-box first-section-training">
  110.         <div class="container container-sm">
  111.             <div
  112.                 class="info-section">
  113.                 {# <h5>Welcome, let’s cook!</h5>
  114.                                                                                                                                                                                                                                                                                                                                           <h4>Get Tips, Craft Skills and</h4> #}
  115.                 <h3>{{featuredTraining.videoName}}</h3>
  116.                 <p>
  117.                     {{featuredTraining.details}}
  118.                 </p>
  119.                 <!-- <ul class="list-unstyled recipe-info">
  120.                                                                                                                                                                                                                                                                                                                                             <li class="mins">60 mins</li>
  121.                                                                                                                                                                                                                                                                                                                                             <li class="orders">No. Of Orders 8</li>
  122.                                                                                                                                                                                                                                                                                                                                             <li class="time">Dinner</li>
  123.                                                                                                                                                                                                                                                                                                                                           </ul> -->
  124.                 <div class="btn-holder">
  125.                     <div class="btn-border">
  126.                         <a href="/{{app.request.locale}}/training_detail1/{{featuredTraining.localizedfields.localizedValue('turl')}}" class="btn btn-custom btn-green">{{'Start Training Today!'|trans}}</a>
  127.                     </div>
  128.                     <!-- <div class="btn-border btn-border-black ">
  129.                                                                                                                                                                                                                                                                                                                                                                                                                               <a href="javascript:void(0)" class="btn btn-custom btn-lg-o-black">Search Recipes</a>
  130.                                                                                                                                                                                                                                                                                                                                                                                                                             </div> -->
  131.                 </div>
  132.                 <ul
  133.                     class="list-unstyled info-list">
  134.                     {# {% for role in roles %} #}
  135.                     {% for tags in featuredTraining.trainTagRelations %}
  136.                         <li>{{ tags.tagName}}</li>
  137.                     {% endfor %}
  138.                     {# <li>{{'Chef'|trans}}</li> #}
  139.                     {# {% endfor %} #}
  140.                 </ul>
  141.             </div>
  142.             <div class="media-section media-section-01">
  143.                 <video poster="{{featuredTraining.Videos[0].title_img.getData()}}" playsinline>
  144.                     <source src="{{featuredTraining.Videos[0].training_vid.data.data }}" type="video/mp4">
  145.                     Your browser does not support the video tag.
  146.                 </video>
  147.                 <div class="control-options">
  148.                     <i class="fas fa-play-circle"></i>
  149.                     <i class="fas fa-pause-circle"></i>
  150.                 </div>
  151.             </div>
  152.         </div>
  153.     </section>
  154.     <!--End Info Media-->
  155.     <!--Start training area Media-->
  156.     <section class="training-area training-media-time-section">
  157.         <div class="container container-sm">
  158.             <div class="training-area-media">
  159.                 <div class="training-area-media-video-box">
  160.                     <div class="training-area-media-video-box-section">
  161.                         <div class="media-section media-section-02">
  162.                             <video poster="{{ trending.trending_training[0].Videos[0]['title_img'].data }}" playsinline>
  163.                                 <source src="{{ trending.trending_training[0].Videos[0]['training_vid'].data.data }}" type="video/mp4">
  164.                                 Your browser does not support the video tag.
  165.                             </video>
  166.                             <div class="control-options">
  167.                                 <i class="fas fa-play-circle"></i>
  168.                                 <i class="fas fa-pause-circle"></i>
  169.                             </div>
  170.                         </div>
  171.                     </div>
  172.                     <div class="course-hour-box-content">
  173.                         <div class="course-hour-box-content-lesson">
  174.                             <span><img src="/static/assets/images/book-white.svg" alt="book white"/></span>
  175.                             <span>{{ trending.trending_training[0].lesson_count }}
  176.                                 {{'Lesson'|trans}}</span>
  177.                         </div>
  178.                         <div class="course-hour-box-content-lesson">
  179.                             <span><img src="/static/assets/images/level-01.svg" alt="level-01"/></span>
  180.                             <span>
  181.                                 {{trending.trending_training[0].level}}
  182.                             </span>
  183.                         </div>
  184.                         <div class="course-hour-box-content-lesson">
  185.                             <span><img src="/static/assets/images/feather-clock-white.svg" alt="feather clock white"/></span>
  186.                             <span>{{trending.trending_training[0].Videos[0]['vid_duration'].data}}
  187.                                 {{'Sec'|trans}}
  188.                                 {# {{ render(controller(
  189.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   'App\\Helper\\VideoHelper::seconds2humanTimes', {'ss': trending.trending_training[0].getVideos()[0]['training_vid'].getData().getData().getCustomSettings()['duration']}
  190.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 ))
  191.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               }} #}
  192.                             </span>
  193.                         </div>
  194.                     </div>
  195.                 </div>
  196.                 <div class="training-area-media-content">
  197.                     <h5>{{'Trending'|trans}}</h5>
  198.                     <a href="/{{app.request.locale}}/training_detail1/{{trending.trending_training[0].turl}}" class="text-white">
  199.                         <h3>{{  trending.trending_training[0].videoName }}</h3>
  200.                     </a>
  201.                     <h3>{{  trending.trending_training[0].tagline2 }}</h3>
  202.                     {% set user = app.session.get('loginUserName') %}
  203.                     {% if user is not null %}
  204.                         <ul class="list-unstyled recipe-info">
  205.                             <li class="share-white" onclick="loyaltyProgram(this,{{trending.trending_training[0].id}},'{{trending.trending_training[0].videoName}}',10,'Training','Share')">
  206.                                 <span onclick="sharemodal('Training','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/training_detail/' ~ trending.trending_training[0].turl}}','{{" share skill knowledge with your friends"|trans }}')">{{'Share'|trans}}</span>
  207.                             </li>
  208.                             {% if LikedTrending_Training|length == 0 %}
  209.                                 <li class="like-white trending" onclick="loyaltyProgram(this, {{trending.trending_training[0].id}},'{{trending.trending_training[0].videoName}}',10,'Training','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li>
  210.                             {% else %}
  211.                                 <li class='liked'>{{'Like'|trans}}</li>
  212.                             {% endif %}
  213.                             {# <li class="download-white" id ="download" onclick = "loyaltyProgram(this,{{trending.trending_training[0].id}},'{{trending.trending_training[0].videoName}}',10,'Training','Save')">{{'Save'|trans}}</li> #}
  214.                         </ul>
  215.                     {% else %}
  216.                         <ul class="list-unstyled recipe-info">
  217.                             <li class="share-white" onclick="sharemodal('Training','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/training_detail/' ~ trending.trending_training[0].turl}}','{{" share skill knowledge with your friends"|trans }}')">{{'Share'|trans}}</li>
  218.                             <li class="like-white logged-out">{{'Like'|trans}}</li>
  219.                             {# <li class="download-white" id ="download">{{'Download'|trans}}</li> #}
  220.                         </ul>
  221.                     {% endif %}
  222.                     <p>{{  trending.trending_training[0].details }}</p>
  223.                     <div class="btn-holder">
  224.                         <div class="btn-border btn-border-black">
  225.                             <a href="/{{app.request.locale}}/training_detail1/{{ trending.trending_training[0].turl }}" class="btn btn-custom btn-green">{{'Start Training '|trans}}</a>
  226.                         </div>
  227.                     </div>
  228.                 </div>
  229.             </div>
  230.         </div>
  231.     </section>
  232.     <!--End training area Media-->
  233.     <!--Start training area Media-->
  234.     <section class="training-area d-none">
  235.         <div class="container container-sm">
  236.             <div class="training-area-media">
  237.                 <div class="training-area-media-video-box">
  238.                     <div class="training-area-media-video-box-section">
  239.                         <div class="media-section media-section-03">
  240.                             <video
  241.                                 poster="/static/assets/images/master-techniques.png" playsinline>
  242.                                 {# <source src="/static/assets/videos/oceans.mp4" type="video/mp4"> #}
  243.                                 Your browser does not support the video tag.
  244.                             </video>
  245.                             <div class="control-options">
  246.                                 <i class="fas fa-play-circle"></i>
  247.                                 <i class="fas fa-pause-circle"></i>
  248.                             </div>
  249.                         </div>
  250.                     </div>
  251.                     <div class="course-hour-box-content">
  252.                         <div class="course-hour-box-content-lesson">
  253.                             <span><img src="/static/assets/images/book-white.svg" alt="book white"/></span>
  254.                             <span>10 Lessons</span>
  255.                         </div>
  256.                         <div class="course-hour-box-content-clock">
  257.                             <span><img src="/static/assets/images/feather-clock-white.svg" alt="feather clock white"/></span>
  258.                             <span>45 min</span>
  259.                         </div>
  260.                     </div>
  261.                 </div>
  262.                 <div class="training-area-media-content d-none">
  263.                     <h5>Trending</h5>
  264.                     <h4>Get started with your</h4>
  265.                     <h3>culinary journey…</h3>
  266.                     <ul class="list-unstyled recipe-info">
  267.                         <li class="share-white">Share</li>
  268.                         <li class="like-white">Like</li>
  269.                         <li class="save-white">Save</li>
  270.                     </ul>
  271.                     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
  272.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor
  273.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
  274.                 </div>
  275.             </div>
  276.         </div>
  277.     </section>
  278.     <!--Start courses Media-->
  279.     <section class="courses-media featured-recipes-section training-featured-section training-courses d-none">
  280.         <div class="container container-sm">
  281.             <h2 class="heading">Most Popular Courses</h2>
  282.             <div class="featured-recipes">
  283.                 <div class="custom-slider featured-recipes-slider ">
  284.                     {% for key,vid in mostpopular %}
  285.                         {% for i in 0..key|length -1 %}
  286.                             {# {% if vid.is_featured is same as (true) %}                  #}
  287.                             <div class="slide">
  288.                                 <div class="slide-holder">
  289.                                     <div class="course-hour-box">
  290.                                         <figure class="slide-img">
  291.                                             <img src="{{ vid.Videos[i]['title_img'].data }}" alt="{{ vid.videoName }}">
  292.                                         </figure>
  293.                                         <div class="course-hour-box-content">
  294.                                             <div class="course-hour-box-content-lesson">
  295.                                                 <span><img src="/static/assets/images/book.svg" alt="book"/></span>
  296.                                                 <span>
  297.                                                     {{  vid.lesson_count }}
  298.                                                     {{'Lesson'|trans}}
  299.                                                 </span>
  300.                                             </div>
  301.                                             <div class="course-hour-box-content-clock">
  302.                                                 <span><img src="/static/assets/images/feather-clock.svg" alt="feather clock"/></span>
  303.                                                 <span>{{vid.Videos[i]['vid_duration'].data}}
  304.                                                     {{'Sec'|trans}}
  305.                                                     {# {{ render(controller(
  306.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   'App\\Helper\\VideoHelper::seconds2humanTimes', {'ss': vid.getVideos()[i]['training_vid'].getData().getData().getCustomSettings()['duration']}
  307.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 ))
  308.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               }} #}
  309.                                                 </span>
  310.                                             </div>
  311.                                         </div>
  312.                                     </div>
  313.                                     <div class="slide-content">
  314.                                         <h3>{{  vid.videoName }}</h3>
  315.                                         <p>{{  vid.details }}</p>
  316.                                         {# <ul class="list-unstyled recipe-info">
  317.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <li class="share">Share</li>
  318.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <li class="like">Like</li>
  319.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <li class="save">Save</li>
  320.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       </ul> #}
  321.                                         {% set user = app.session.get('loginUserName') %}
  322.                                         {% if user is not null %}
  323.                                             <ul class="list-unstyled recipe-info">
  324.                                                 <li class="share" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',50,'Training','Share')">{{'Share'|trans}}</li>
  325.                                                 {% if vid.id in LikedPopular_TrainingId %}
  326.                                                     <li class='liked'>{{'Like'|trans}}</li>
  327.                                                 {% else %}
  328.                                                     <li class="like popular" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',30,'Training','Like' , '{{app.request.locale}}')">{{'Like'|trans}}</li>
  329.                                                 {% endif %}
  330.                                                 <li class="download-black d-none" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',20,'Training','Save')">{{'Download'|trans}}</li>
  331.                                             </ul>
  332.                                         {% else %}
  333.                                             <ul class="list-unstyled recipe-info">
  334.                                                 <li class="share">{{'Share'|trans}}</li>
  335.                                                 <li class="like logged-out">{{'Like'|trans}}</li>
  336.                                                 <li class="download-black d-none">{{'Download'|trans}}</li>
  337.                                             </ul>
  338.                                         {% endif %}
  339.                                     </div>
  340.                                     <div class="btn-holder">
  341.                                         <a href="/{{app.request.locale}}/training_detail1/{{  vid.localizedfields.localizedValue('turl') }}" class="btn btn-custom btn-black">View Course</a>
  342.                                     </div>
  343.                                 </div>
  344.                             </div>
  345.                             {# {% endif %} #}
  346.                         {% endfor %}
  347.                     {% endfor %}
  348.                 </div>
  349.             </div>
  350.         </div>
  351.     </section>
  352.     <!--End courses Media-->
  353.     <!--Start Training Today Section-->
  354.     <section class="start-training start-training-box professional-training-box-section start-training-box-edited">
  355.         <div class="container container-lg">
  356.             <div class="media-box slide-media-desktop">
  357.                 <img src="/static/assets/images/Training_desktop _revided.jpg" alt="training banner desktop">
  358.             </div>
  359.             <div class="media-box slide-media-mobile">
  360.                 <img src="/static/assets/images/Training_mobile.jpg" alt="training banner mobile">
  361.             </div>
  362.             <div class="start-training-info">
  363.                 <h5>{{'Masterclasses'|trans}}</h5>
  364.                 {# <h4>{{'Get to learn from our'|trans}}</h4> #}
  365.                 {# <h3>{{'Professional Chefs'|trans}}</h3> #}
  366.                 {{  pimcore_wysiwyg("specialContent") 
  367.     }}
  368.                 <p>{{'Training_home_page_desc'|trans}}</p>
  369.                 <div class="btn-border btn-border-black">
  370.                     <a href="/{{app.request.locale}}/our-professional-chefs" class="btn btn-custom btn-lg-o-black">{{'Know Our Chef'|trans}}</a>
  371.                 </div>
  372.             </div>
  373.         </div>
  374.     </section>
  375.     <!--End Training Today Section-->
  376.     <!--Start courses Media-->
  377.     <section class="courses-media featured-recipes-section training-featured-section training-courses training-courses-training">
  378.         <div class="container container-sm">
  379.             <h2 class="heading">{{'Chef Recommended'|trans}}</h2>
  380.             <div class="featured-recipes">
  381.                 <div class="custom-slider featured-recipes-slider ">
  382.                     {% for vid in chef_pick %}
  383.                         <div class="slide">
  384.                             <div class="slide-holder">
  385.                                 <div class="course-hour-box">
  386.                                     <a href="/{{app.request.locale}}/training_detail1/{{vid.localizedfields.localizedValue('turl')}}">
  387.                                         <figure class="slide-img">
  388.                                             <img src="{{ vid.Videos[0].title_img.getData() }}" alt="{{ vid.videoName }}">
  389.                                         </figure>
  390.                                     </a>
  391.                                     <div class="course-hour-box-content">
  392.                                         <div class="course-hour-box-content-lesson">
  393.                                             <span><img src="/static/assets/images/book.svg" alt="book"/></span>
  394.                                             <span>{{ vid.lesson_count }}
  395.                                                 {{'Lesson'|trans}}</span>
  396.                                         </div>
  397.                                         <div class="course-hour-box-content-clock">
  398.                                             <span><img src="/static/assets/images/level-01.svg" alt="level-01"/></span>
  399.                                             <span>
  400.                                                 {{vid.level}}
  401.                                             </span>
  402.                                         </div>
  403.                                         <div class="course-hour-box-content-clock">
  404.                                             <span><img src="/static/assets/images/feather-clock.svg" alt="feather clock"/></span>
  405.                                             <span>{{vid.Videos[0]['vid_duration'].data}}
  406.                                                 {{'Sec'|trans}}</span>
  407.                                         </div>
  408.                                     </div>
  409.                                 </div>
  410.                                 <div class="slide-content">
  411.                                     <a href="/{{app.request.locale}}/training_detail1/{{vid.localizedfields.localizedValue('turl')}}">
  412.                                         <h3>{{ vid.videoName }}</h3>
  413.                                     </a>
  414.                                     <p>{{ vid.details }}</p>
  415.                                     {# <ul class="list-unstyled recipe-info">
  416.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <li class="share">Share</li>
  417.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <li class="like">Like</li>
  418.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <li class="save">Save</li>
  419.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   </ul> #}
  420.                                     {% set user = app.session.get('loginUserName') %}
  421.                                     {% if user is not null %}
  422.                                         <ul class="list-unstyled recipe-info">
  423.                                             <li class="share" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',50,'Training','Share')">
  424.                                                 <span onclick="sharemodal('Training','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/training_detail/' ~ vid.turl}}','{{" share skill knowledge with your friends"|trans }}')">{{'Share'|trans}}<span></li>
  425.                                                     {% if vid.id in LikedChef_TrainingId %}
  426.                                                         <li class='liked'>{{'Like'|trans}}</li>
  427.                                                     {% else %}
  428.                                                         <li class="like chef-recomended" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',30,'Training','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li>
  429.                                                     {% endif %}
  430.                                                     <li class="save d-none" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',20,'Training','Save')">{{'Save'|trans}}</li>
  431.                                                 </ul>
  432.                                             {% else %}
  433.                                                 <ul class="list-unstyled recipe-info">
  434.                                                     <li class="share" onclick="sharemodal('Training','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/training_detail/' ~ vid.turl}}','{{" share skill knowledge with your friends"|trans }}')">{{'Share'|trans}}</li>
  435.                                                     <li class="like logged-out">{{'Like'|trans}}</li>
  436.                                                     <li class="save d-none">{{'Save'|trans}}</li>
  437.                                                 </ul>
  438.                                             {% endif %}
  439.                                         </div>
  440.                                         <div class="btn-holder">
  441.                                             <a href="/{{app.request.locale}}/training_detail1/{{vid.localizedfields.localizedValue('turl')}}" class="btn btn-custom btn-lg-o-black">{{'View Training '|trans}}</a>
  442.                                         </div>
  443.                                     </div>
  444.                                 </div>
  445.                             {% endfor %}
  446.                         </div>
  447.                     </div>
  448.                 </div>
  449.             </section>
  450.             <!--End courses Media-->
  451.             <!--Start Category Section -->
  452.             <section class="featured-categories d-none">
  453.                 <div class="container container-sm">
  454.                     <div class="featured-categories-section">
  455.                         <h2 class="heading">Categories</h2>
  456.                         <div class="featured-categories-section-wrapper">
  457.                             {% for key, cats in categories %}
  458.                                 <div class="featured-categories-section-wrapper-item">
  459.                                     <figure class="featured-categories-section-wrapper-item-video">
  460.                                         <div class="media-section media-section-04">
  461.                                             <video
  462.                                                 poster="{{ cats.category_image }}" muted playsinline>
  463.                                                 {# <source src="{{ cats.category_video.data }}" type="video/mp4"> #}
  464.                                                 Your browser does not support the video tag.
  465.                                             </video>
  466.                                             {# <div class="control-options">
  467.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <i class="fas fa-play-circle"></i>
  468.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <i class="fas fa-pause-circle"></i>
  469.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       </div>
  470.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div> #}
  471.                                         </figure>
  472.                                         <div class="featured-categories-section-wrapper-item-content">
  473.                                             <a href="javascript:void(0)" class="featured-categories-section-wrapper-item-content-btn">
  474.                                                 {{ cats.trainCateName }}
  475.                                             </a>
  476.                                         </div>
  477.                                     </div>
  478.                                 {% endfor %}
  479.                             </div>
  480.                         </div>
  481.                     </div>
  482.                 </section>
  483.                 <!--End Category Section -->
  484.                 <!--Start Resources Section-->
  485.                 <section class="info-media info-resources event-box d-none">
  486.                     <div class="container container-sm">
  487.                         <div class="info-section">
  488.                             <h5>Events</h5>
  489.                             <h4>{{Featured_events.e_name}}</h4>
  490.                             {# <h3>Showcasing & encouraging talents</h3> #}
  491.                             <p>{{Featured_events.e_description}}</p>
  492.                             <ul class="list-unstyled recipe-info ">
  493.                                 <li class="calendar-white">N/A</li>
  494.                             </ul>
  495.                             <ul class="list-unstyled recipe-info">
  496.                                 <li class="map-locator-white">N/A</li>
  497.                             </ul>
  498.                             {% set user = app.session.get('loginUserName') %}
  499.                             {% if user is not null %}
  500.                                 <ul class="list-unstyled recipe-info">
  501.                                     <li class="share-white" onclick="loyaltyProgram(this,{{Featured_events.id}},'{{Featured_events.e_name}}',10,'Event','Share')">{{'Share'|trans}}</li>
  502.                                     {% if LikedEventfeature|length == 0 %}
  503.                                         <li class="like-white featureEvent" onclick="loyaltyProgram(this,{{Featured_events.id}},'{{Featured_events.e_name}}',10,'Event','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li>
  504.                                     {% else %}
  505.                                         <li class='liked'>{{'Like'|trans}}</li>
  506.                                     {% endif %}
  507.                                     {# <li class="download-white onclick = "loyaltyProgram(this,{{Featured_events.id}},'{{Featured_events.e_name}}',10,'Event','Save')">{{'Download'|trans}}</li> #}
  508.                                 </ul>
  509.                             {% else %}
  510.                                 <ul class="list-unstyled recipe-info">
  511.                                     <li class="share-white">{{'Share'|trans}}</li>
  512.                                     <li class="like-white logged-out">{{'Like'|trans}}</li>
  513.                                     {# <li class="download-white">{{'Download'|trans}}</li> #}
  514.                                 </ul>
  515.                             {% endif %}
  516.                             <div class="newsletter-subscribe">
  517.                                 <h4 class="cstsmLP">"Coming Soon"</h4>
  518.                             </div>
  519.                             <div class="btn-holder">
  520.                                 <div class="btn-border">
  521.                                     <a href="/{{app.request.locale}}/events/{{Featured_events.url}}" class="btn btn-custom btn-xl btn-lg-o-wblack">Discover More</a>
  522.                                 </div>
  523.                                 <div class="btn-border btn-border-dgreen">
  524.                                     <a href="/{{app.request.locale}}/events" class="btn btn-custom btn-xl btn-lg-o-dgreen">More Events</a>
  525.                                 </div>
  526.                             </div>
  527.                         </div>
  528.                         <div class="media-section">
  529.                             <img src="{{Featured_events.event_image}}" alt="{{Featured_events.e_name}}">
  530.                         </div>
  531.                     </div>
  532.                 </section>
  533.                 <!--End Resources Section-->
  534.                 {% if (app.request.locale =='ar') %}
  535.                     {% set topMenu ="/en/professional-training" %}
  536.                 {% else %}
  537.                     {% set topMenu ="/ar/professional-training" %}
  538.                 {% endif %}
  539.                 <script>
  540.                     var _TopMenuLink = "{{ topMenu }}";
  541.                 </script>
  542.                 <!--End Wrapper-->
  543.                 <script>
  544.                     $('#srchTrain').keydown(function (event) {
  545. if (event.which == 13) {
  546. this.form.submit();
  547. event.preventDefault();
  548. }
  549. });
  550. $('#submit').on('click', function (event) {
  551. this.form.submit();
  552. event.preventDefault();
  553. });
  554.                 </script>
  555.             {% endblock %}