{% extends "layout/layout.html.twig" %}{# {% block title %}GFS::Training Main{% endblock %} #}{% block content %} <!--Start Main Slider--> <section class="main-slider-section training-main-slider-section"> <div class="container container-lg"> <div class="custom-slider singal-slider main-slider"> <div class="slide"> {% for key, spotlight in trainingsSpotlight %} <div class="slide-media slide-media-desktop"> <video poster="{{ spotlight.spotlightRelations[key].Sliders[key]['slider_image'].data }}" playsinline> {# <source src="{{ spotlight.spotlightRelations[key].Sliders[key]['slider_video'].data.data }}" type="video/mp4"> #} Your browser does not support the video tag. </video> {# <img src="{{ spotlight.spotlightRelations[key].Sliders[key]['slider_image'].data }}" alt="" class="desktop-banner"> #} </div> <div class="slide-media slide-media-mobile"> <video poster="{{ spotlight.spotlightRelations[key].Sliders[key]['slider_image_mobile'].data }}" playsinline> {# <source src="{{ spotlight.spotlightRelations[key].Sliders[key]['slider_video'].data.data }}" type="video/mp4"> #} Your browser does not support the video tag. </video> {# <img src="{{ spotlight.spotlightRelations[key].Sliders[key]['slider_image_mobile'].data }}" alt="" class="desktop-banner"> #} </div> <div class="silde-content-box"> <div class="slide-content"> <h1> <span class="title-sm d-block">{{ spotlight.spotlightRelations[key].Sliders[key].localizedfields.data.getLocalizedValue('heading') }}</span> <span class="title-lg underline-end">{{ spotlight.spotlightRelations[key].Sliders[key].localizedfields.data.getLocalizedValue('heading1') }}</span> </h1> <div class="control-options d-none">{# <i class="fas fa-play-circle"></i> <i class="fas fa-pause-circle"></i> #} </div> <a href="/{{app.request.locale}}/professional-training-culinary-programs" class="btn btn-custom btn-lg-o-black">{{'Start Your Journey'|trans}}</a> </div> </div> </div> {% endfor %} {# <div class="slide"> <div class="slide-media"> <video poster="/static/assets/images/main-banner01.png"> <source src="../../../../../Zeeshan/28-10-2021/assets/videos/oceans.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </div> <div class="silde-content-box"> <div class="slide-content"> <h4 class="title-sm">Add value to your</h4> <h3 class="title-lg">culinary <u>art</u></h3> <div class="control-options"> <i class="fas fa-play-circle"></i> <i class="fas fa-pause-circle"></i> </div> <a href="/{{app.request.locale}}/training-all" class="btn btn-custom btn-overlay">{{'Start Your Journey'|trans}}</a> </div> </div> </div> #} </div> </div> </section> <!--End Main Slider--> <!--Start Main training search--> <section class="main-training-search"> <div class="container container-lg"> <div class="main-training-search-box"> <div class="main-training-search-box-text"> <p>{{'what do you wish to learn today '|trans}}</p> </div> <div class="main-training-search-box-input input-holder"> <form method="post" id="search-form" action="/{{app.request.locale}}/professional-training-culinary-programs"> <input id="srchTrain" name="srchTrain" type="text" placeholder="{{'Pizza , Artisanal '|trans}}…" class="form-control"> </div> <div class="main-training-search-box-seprator d-none"></div> <div class="main-training-search-box-btn btn-border"> {# <a href="/training_list" class="btn btn-custom btn-lg-o-white" id="submit">{{'Find a Training'|trans}} <img src="/static/assets/images/cooker.svg" alt="chef-cap"></a> #} <button class="btn btn-custom btn-green" id="submit" type="submit">{{'Find a Training'|trans}} <img src="/static/assets/images/cooker.svg" alt="chef-cap"></button> </div> </form> </div> </div> </section> <!--End Main training search--> <!--Start Main training search--> <section class="bread-crumbs-section"> <div class="container container-lg"> <div class="bread-crumbs-section-box"> <div class="breadcrumb-holder"> <ol class="breadcrumb"> <li class="breadcrumb-item"> <a href="/{{app.request.locale}}">{{'Home'|trans}}</a> </li> <li class="breadcrumb-item"> <a href="javascript:void(0);">{{'Training'|trans}}</a> </li> </ol> </div> </div> </div> </section> <!--End Main training search--> <!--Start Info Media--> <section class="training-media-box info-media bg-training-media-box first-section-training"> <div class="container container-sm"> <div class="info-section"> {# <h5>Welcome, let’s cook!</h5> <h4>Get Tips, Craft Skills and</h4> #} <h3>{{featuredTraining.videoName}}</h3> <p> {{featuredTraining.details}} </p> <!-- <ul class="list-unstyled recipe-info"> <li class="mins">60 mins</li> <li class="orders">No. Of Orders 8</li> <li class="time">Dinner</li> </ul> --> <div class="btn-holder"> <div class="btn-border"> <a href="/{{app.request.locale}}/training_detail1/{{featuredTraining.localizedfields.localizedValue('turl')}}" class="btn btn-custom btn-green">{{'Start Training Today!'|trans}}</a> </div> <!-- <div class="btn-border btn-border-black "> <a href="javascript:void(0)" class="btn btn-custom btn-lg-o-black">Search Recipes</a> </div> --> </div> <ul class="list-unstyled info-list"> {# {% for role in roles %} #} {% for tags in featuredTraining.trainTagRelations %} <li>{{ tags.tagName}}</li> {% endfor %} {# <li>{{'Chef'|trans}}</li> #} {# {% endfor %} #} </ul> </div> <div class="media-section media-section-01"> <video poster="{{featuredTraining.Videos[0].title_img.getData()}}" playsinline> <source src="{{featuredTraining.Videos[0].training_vid.data.data }}" type="video/mp4"> Your browser does not support the video tag. </video> <div class="control-options"> <i class="fas fa-play-circle"></i> <i class="fas fa-pause-circle"></i> </div> </div> </div> </section> <!--End Info Media--> <!--Start training area Media--> <section class="training-area training-media-time-section"> <div class="container container-sm"> <div class="training-area-media"> <div class="training-area-media-video-box"> <div class="training-area-media-video-box-section"> <div class="media-section media-section-02"> <video poster="{{ trending.trending_training[0].Videos[0]['title_img'].data }}" playsinline> <source src="{{ trending.trending_training[0].Videos[0]['training_vid'].data.data }}" type="video/mp4"> Your browser does not support the video tag. </video> <div class="control-options"> <i class="fas fa-play-circle"></i> <i class="fas fa-pause-circle"></i> </div> </div> </div> <div class="course-hour-box-content"> <div class="course-hour-box-content-lesson"> <span><img src="/static/assets/images/book-white.svg" alt="book white"/></span> <span>{{ trending.trending_training[0].lesson_count }} {{'Lesson'|trans}}</span> </div> <div class="course-hour-box-content-lesson"> <span><img src="/static/assets/images/level-01.svg" alt="level-01"/></span> <span> {{trending.trending_training[0].level}} </span> </div> <div class="course-hour-box-content-lesson"> <span><img src="/static/assets/images/feather-clock-white.svg" alt="feather clock white"/></span> <span>{{trending.trending_training[0].Videos[0]['vid_duration'].data}} {{'Sec'|trans}} {# {{ render(controller( 'App\\Helper\\VideoHelper::seconds2humanTimes', {'ss': trending.trending_training[0].getVideos()[0]['training_vid'].getData().getData().getCustomSettings()['duration']} )) }} #} </span> </div> </div> </div> <div class="training-area-media-content"> <h5>{{'Trending'|trans}}</h5> <a href="/{{app.request.locale}}/training_detail1/{{trending.trending_training[0].turl}}" class="text-white"> <h3>{{ trending.trending_training[0].videoName }}</h3> </a> <h3>{{ trending.trending_training[0].tagline2 }}</h3> {% set user = app.session.get('loginUserName') %} {% if user is not null %} <ul class="list-unstyled recipe-info"> <li class="share-white" onclick="loyaltyProgram(this,{{trending.trending_training[0].id}},'{{trending.trending_training[0].videoName}}',10,'Training','Share')"> <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> </li> {% if LikedTrending_Training|length == 0 %} <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> {% else %} <li class='liked'>{{'Like'|trans}}</li> {% endif %} {# <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> #} </ul> {% else %} <ul class="list-unstyled recipe-info"> <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> <li class="like-white logged-out">{{'Like'|trans}}</li> {# <li class="download-white" id ="download">{{'Download'|trans}}</li> #} </ul> {% endif %} <p>{{ trending.trending_training[0].details }}</p> <div class="btn-holder"> <div class="btn-border btn-border-black"> <a href="/{{app.request.locale}}/training_detail1/{{ trending.trending_training[0].turl }}" class="btn btn-custom btn-green">{{'Start Training '|trans}}</a> </div> </div> </div> </div> </div> </section> <!--End training area Media--> <!--Start training area Media--> <section class="training-area d-none"> <div class="container container-sm"> <div class="training-area-media"> <div class="training-area-media-video-box"> <div class="training-area-media-video-box-section"> <div class="media-section media-section-03"> <video poster="/static/assets/images/master-techniques.png" playsinline> {# <source src="/static/assets/videos/oceans.mp4" type="video/mp4"> #} Your browser does not support the video tag. </video> <div class="control-options"> <i class="fas fa-play-circle"></i> <i class="fas fa-pause-circle"></i> </div> </div> </div> <div class="course-hour-box-content"> <div class="course-hour-box-content-lesson"> <span><img src="/static/assets/images/book-white.svg" alt="book white"/></span> <span>10 Lessons</span> </div> <div class="course-hour-box-content-clock"> <span><img src="/static/assets/images/feather-clock-white.svg" alt="feather clock white"/></span> <span>45 min</span> </div> </div> </div> <div class="training-area-media-content d-none"> <h5>Trending</h5> <h4>Get started with your</h4> <h3>culinary journey…</h3> <ul class="list-unstyled recipe-info"> <li class="share-white">Share</li> <li class="like-white">Like</li> <li class="save-white">Save</li> </ul> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p> </div> </div> </div> </section> <!--Start courses Media--> <section class="courses-media featured-recipes-section training-featured-section training-courses d-none"> <div class="container container-sm"> <h2 class="heading">Most Popular Courses</h2> <div class="featured-recipes"> <div class="custom-slider featured-recipes-slider "> {% for key,vid in mostpopular %} {% for i in 0..key|length -1 %} {# {% if vid.is_featured is same as (true) %} #} <div class="slide"> <div class="slide-holder"> <div class="course-hour-box"> <figure class="slide-img"> <img src="{{ vid.Videos[i]['title_img'].data }}" alt="{{ vid.videoName }}"> </figure> <div class="course-hour-box-content"> <div class="course-hour-box-content-lesson"> <span><img src="/static/assets/images/book.svg" alt="book"/></span> <span> {{ vid.lesson_count }} {{'Lesson'|trans}} </span> </div> <div class="course-hour-box-content-clock"> <span><img src="/static/assets/images/feather-clock.svg" alt="feather clock"/></span> <span>{{vid.Videos[i]['vid_duration'].data}} {{'Sec'|trans}} {# {{ render(controller( 'App\\Helper\\VideoHelper::seconds2humanTimes', {'ss': vid.getVideos()[i]['training_vid'].getData().getData().getCustomSettings()['duration']} )) }} #} </span> </div> </div> </div> <div class="slide-content"> <h3>{{ vid.videoName }}</h3> <p>{{ vid.details }}</p> {# <ul class="list-unstyled recipe-info"> <li class="share">Share</li> <li class="like">Like</li> <li class="save">Save</li> </ul> #} {% set user = app.session.get('loginUserName') %} {% if user is not null %} <ul class="list-unstyled recipe-info"> <li class="share" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',50,'Training','Share')">{{'Share'|trans}}</li> {% if vid.id in LikedPopular_TrainingId %} <li class='liked'>{{'Like'|trans}}</li> {% else %} <li class="like popular" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',30,'Training','Like' , '{{app.request.locale}}')">{{'Like'|trans}}</li> {% endif %} <li class="download-black d-none" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',20,'Training','Save')">{{'Download'|trans}}</li> </ul> {% else %} <ul class="list-unstyled recipe-info"> <li class="share">{{'Share'|trans}}</li> <li class="like logged-out">{{'Like'|trans}}</li> <li class="download-black d-none">{{'Download'|trans}}</li> </ul> {% endif %} </div> <div class="btn-holder"> <a href="/{{app.request.locale}}/training_detail1/{{ vid.localizedfields.localizedValue('turl') }}" class="btn btn-custom btn-black">View Course</a> </div> </div> </div> {# {% endif %} #} {% endfor %} {% endfor %} </div> </div> </div> </section> <!--End courses Media--> <!--Start Training Today Section--> <section class="start-training start-training-box professional-training-box-section start-training-box-edited"> <div class="container container-lg"> <div class="media-box slide-media-desktop"> <img src="/static/assets/images/Training_desktop _revided.jpg" alt="training banner desktop"> </div> <div class="media-box slide-media-mobile"> <img src="/static/assets/images/Training_mobile.jpg" alt="training banner mobile"> </div> <div class="start-training-info"> <h5>{{'Masterclasses'|trans}}</h5> {# <h4>{{'Get to learn from our'|trans}}</h4> #} {# <h3>{{'Professional Chefs'|trans}}</h3> #} {{ pimcore_wysiwyg("specialContent") }} <p>{{'Training_home_page_desc'|trans}}</p> <div class="btn-border btn-border-black"> <a href="/{{app.request.locale}}/our-professional-chefs" class="btn btn-custom btn-lg-o-black">{{'Know Our Chef'|trans}}</a> </div> </div> </div> </section> <!--End Training Today Section--> <!--Start courses Media--> <section class="courses-media featured-recipes-section training-featured-section training-courses training-courses-training"> <div class="container container-sm"> <h2 class="heading">{{'Chef Recommended'|trans}}</h2> <div class="featured-recipes"> <div class="custom-slider featured-recipes-slider "> {% for vid in chef_pick %} <div class="slide"> <div class="slide-holder"> <div class="course-hour-box"> <a href="/{{app.request.locale}}/training_detail1/{{vid.localizedfields.localizedValue('turl')}}"> <figure class="slide-img"> <img src="{{ vid.Videos[0].title_img.getData() }}" alt="{{ vid.videoName }}"> </figure> </a> <div class="course-hour-box-content"> <div class="course-hour-box-content-lesson"> <span><img src="/static/assets/images/book.svg" alt="book"/></span> <span>{{ vid.lesson_count }} {{'Lesson'|trans}}</span> </div> <div class="course-hour-box-content-clock"> <span><img src="/static/assets/images/level-01.svg" alt="level-01"/></span> <span> {{vid.level}} </span> </div> <div class="course-hour-box-content-clock"> <span><img src="/static/assets/images/feather-clock.svg" alt="feather clock"/></span> <span>{{vid.Videos[0]['vid_duration'].data}} {{'Sec'|trans}}</span> </div> </div> </div> <div class="slide-content"> <a href="/{{app.request.locale}}/training_detail1/{{vid.localizedfields.localizedValue('turl')}}"> <h3>{{ vid.videoName }}</h3> </a> <p>{{ vid.details }}</p> {# <ul class="list-unstyled recipe-info"> <li class="share">Share</li> <li class="like">Like</li> <li class="save">Save</li> </ul> #} {% set user = app.session.get('loginUserName') %} {% if user is not null %} <ul class="list-unstyled recipe-info"> <li class="share" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',50,'Training','Share')"> <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> {% if vid.id in LikedChef_TrainingId %} <li class='liked'>{{'Like'|trans}}</li> {% else %} <li class="like chef-recomended" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',30,'Training','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li> {% endif %} <li class="save d-none" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',20,'Training','Save')">{{'Save'|trans}}</li> </ul> {% else %} <ul class="list-unstyled recipe-info"> <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> <li class="like logged-out">{{'Like'|trans}}</li> <li class="save d-none">{{'Save'|trans}}</li> </ul> {% endif %} </div> <div class="btn-holder"> <a href="/{{app.request.locale}}/training_detail1/{{vid.localizedfields.localizedValue('turl')}}" class="btn btn-custom btn-lg-o-black">{{'View Training '|trans}}</a> </div> </div> </div> {% endfor %} </div> </div> </div> </section> <!--End courses Media--> <!--Start Category Section --> <section class="featured-categories d-none"> <div class="container container-sm"> <div class="featured-categories-section"> <h2 class="heading">Categories</h2> <div class="featured-categories-section-wrapper"> {% for key, cats in categories %} <div class="featured-categories-section-wrapper-item"> <figure class="featured-categories-section-wrapper-item-video"> <div class="media-section media-section-04"> <video poster="{{ cats.category_image }}" muted playsinline> {# <source src="{{ cats.category_video.data }}" type="video/mp4"> #} Your browser does not support the video tag. </video> {# <div class="control-options"> <i class="fas fa-play-circle"></i> <i class="fas fa-pause-circle"></i> </div> </div> #} </figure> <div class="featured-categories-section-wrapper-item-content"> <a href="javascript:void(0)" class="featured-categories-section-wrapper-item-content-btn"> {{ cats.trainCateName }} </a> </div> </div> {% endfor %} </div> </div> </div> </section> <!--End Category Section --> <!--Start Resources Section--> <section class="info-media info-resources event-box d-none"> <div class="container container-sm"> <div class="info-section"> <h5>Events</h5> <h4>{{Featured_events.e_name}}</h4> {# <h3>Showcasing & encouraging talents</h3> #} <p>{{Featured_events.e_description}}</p> <ul class="list-unstyled recipe-info "> <li class="calendar-white">N/A</li> </ul> <ul class="list-unstyled recipe-info"> <li class="map-locator-white">N/A</li> </ul> {% set user = app.session.get('loginUserName') %} {% if user is not null %} <ul class="list-unstyled recipe-info"> <li class="share-white" onclick="loyaltyProgram(this,{{Featured_events.id}},'{{Featured_events.e_name}}',10,'Event','Share')">{{'Share'|trans}}</li> {% if LikedEventfeature|length == 0 %} <li class="like-white featureEvent" onclick="loyaltyProgram(this,{{Featured_events.id}},'{{Featured_events.e_name}}',10,'Event','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li> {% else %} <li class='liked'>{{'Like'|trans}}</li> {% endif %} {# <li class="download-white onclick = "loyaltyProgram(this,{{Featured_events.id}},'{{Featured_events.e_name}}',10,'Event','Save')">{{'Download'|trans}}</li> #} </ul> {% else %} <ul class="list-unstyled recipe-info"> <li class="share-white">{{'Share'|trans}}</li> <li class="like-white logged-out">{{'Like'|trans}}</li> {# <li class="download-white">{{'Download'|trans}}</li> #} </ul> {% endif %} <div class="newsletter-subscribe"> <h4 class="cstsmLP">"Coming Soon"</h4> </div> <div class="btn-holder"> <div class="btn-border"> <a href="/{{app.request.locale}}/events/{{Featured_events.url}}" class="btn btn-custom btn-xl btn-lg-o-wblack">Discover More</a> </div> <div class="btn-border btn-border-dgreen"> <a href="/{{app.request.locale}}/events" class="btn btn-custom btn-xl btn-lg-o-dgreen">More Events</a> </div> </div> </div> <div class="media-section"> <img src="{{Featured_events.event_image}}" alt="{{Featured_events.e_name}}"> </div> </div> </section> <!--End Resources Section--> {% if (app.request.locale =='ar') %} {% set topMenu ="/en/professional-training" %} {% else %} {% set topMenu ="/ar/professional-training" %} {% endif %} <script> var _TopMenuLink = "{{ topMenu }}"; </script> <!--End Wrapper--> <script> $('#srchTrain').keydown(function (event) {if (event.which == 13) {this.form.submit();event.preventDefault();}});$('#submit').on('click', function (event) {this.form.submit();event.preventDefault();}); </script> {% endblock %}