Symfony Profiler

{% extends "layout/layout.html.twig" %}
{# {% block title %}GFS::Training Listing{% endblock %} #}
{% block content %}

<div
class="wrapper">

<section class="main-slider-section product-main-slider">
<div class="container container-lg">
<div class="custom-slider singal-slider main-slider">
<div class="slide">
<div class="slide-media slide-media-desktop">
<img src="/static/assets/images/All_Training_Desktop_Spotlight_Desktop.jpg" alt="Training all banner image"/>
</div>
<div class="slide-media slide-media-mobile">
<img src="/static/assets/images/All_Training_Desktop_Spotlight_Mobile.jpg" alt="Training all banner image mobile"/>
</div>
<div class="silde-content-box">
<div class="slide-content">
<h1>
<span class="title-sm d-block">{{ pimcore_input("training_list_heading1") }}</span>
<span class="title-lg underline-end">{{ pimcore_input("training_list_heading2") }}</u>
</h3>
</h1>
<a href="javascript:void(0)" class="btn btn-custom btn-overlay d-none">Discover More</a>
</div>
<div class="product-brand d-none">
<img src="/static/assets/images/goody_logo.png" alt="goody logo"/>
</div>
</div>
</div>
</div>
</div>
</section>


<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="/{{app.request.locale}}/professional-training">{{'Training'|trans}}</a>
</li>
<li class="breadcrumb-item active" aria-current="page">
{{'All Training'|trans}}
</li>
</ol>
</div>


<section class="pageinfo-section">
<div class="container container-sm">
<h2 class="title">{{'All Training'|trans}}</h2>
{# <p>
At Goody we strive to cater to the needs of different food service
channels by offering a wide variety of food and beverages. Our
client base includes hotels, restaurants bakeries and catering
companies. By partnering with our clients, we are able to assist
them in sourcing the right ingredients to provide better meals for
their customers. Over the years, Goody professional has established its position
as a trusted food service supplier that continuously works to
enhance its clients’ experience.
</p> #}
<p>{{ pimcore_input("training_list_description") }}</p>
</div>
</section>


<section class="product-result-container culinary-programs-training-section-last">
<div class="container container-sm">
<div class="row">
<div class="col-12 col-md-12 col-xl-3 filter-box">
<h4 class="title">{{'Filters'|trans}}</h4>
<div class="filder-options">
<div class="input-holder">
<input type="text" placeholder="{{'Search for Training'|trans}}" class="input-holder-training" id="search" value="{{ (filters is not empty) ? filters.query : '' }}"/>
</div>
</div>
<div class="filter-accordion">
<div class="card filter-card d-none" id="filter1">
<div class="card-header d-none">
<button type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
Category
</button>
</div>
<div id="collapse1" class="collapse show" data-parent="#filter1">
<div class="card-body d-none">
<ul class="list-unstyled check-list">
{% for cat in trainCat %}
<li>
<input class="styled-checkbox category_checkbox" id="{{cat.id}}" type="checkbox" value="{{cat.id}}" {{ (filters is not empty) and (cat.id in filters.category_ids) ? 'checked' : '' }}/>
<label for="{{cat.id}}">{{cat.trainCateName}}</label>
</li>
{% endfor %}
</ul>
<div class="btn-holder clear-filter">
<a href="javascript:void(0)" class="btn btn-link" onclick="clearFilter('.category_checkbox')">{{'Clear Filter'|trans}}</a>
</div>
</div>
</div>
</div>
<div class="card filter-card" id="filter2">
<div class="card-header">
<button type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="true" aria-controls="collapse2">
{{'Chefs'|trans}}
</button>
</div>
<div id="collapse2" class="collapse show" data-parent="#filter2">
<div class="card-body">
<ul class="list-unstyled check-list">
{% for chef in chefs %}
<li>
<input class="styled-checkbox chef_checkbox" id="{{chef.id}}" type="checkbox" value="{{chef.id}}" {{ (filters is not empty) and (chef.id in filters.chef_ids) ? 'checked' : '' }}/>
<label for="{{chef.id}}">{{chef.chef_name}}</label>
</li>
{% endfor %}
</ul>
<div class="btn-holder clear-filter">
<a href="javascript:void(0)" class="btn btn-link" onclick="clearFilter('.chef_checkbox')">{{'Clear Filter'|trans}}</a>
</div>
</div>
</div>
</div>
<div class="card filter-card d-none" id="filter4">
<div class="card-header">
<button type="button" data-toggle="collapse" data-target="#collapse4" aria-expanded="true" aria-controls="collapse4">
Type
</button>
</div>
<div id="collapse4" class="collapse show" data-parent="#filter4">
<div class="card-body">
<ul class="list-unstyled check-list">
<li>
<input class="styled-checkbox type_checkbox" id="breakfast" type="checkbox" value="Type Name 01"/>
<label for="breakfast">Type Name 01</label>
</li>
<li>
<input class="styled-checkbox type_checkbox" id="brunch" type="checkbox" value="Type Name 02"/>
<label for="brunch">Type Name 02</label>
</li>
<li>
<input class="styled-checkbox type_checkbox" id="lunch" type="checkbox" value="Type Name 03"/>
<label for="lunch">Type Name 03</label>
</li>
<li>
<input class="styled-checkbox type_checkbox" id="supper" type="checkbox" value="Type Name 04"/>
<label for="supper">Type Name 04</label>
</li>
<li>
<input class="styled-checkbox type_checkbox" id="dinner" type="checkbox" value="Type Name 05"/>
<label for="dinner">Type Name 05</label>
</li>
<li>
<input class="styled-checkbox type_checkbox" id="dessert" type="checkbox" value="Type Name 06"/>
<label for="dessert">Type Name 06</label>
</li>
<li>
<input class="styled-checkbox type_checkbox" id="elevenses" type="checkbox" value="Type Name 07"/>
<label for="elevenses">Type Name 07</label>
</li>
<li>
<input class="styled-checkbox type_checkbox" id="tea" type="checkbox" value="Type Name 08"/>
<label for="tea">Type Name 08</label>
</li>
</ul>
<div class="btn-holder clear-filter">
<a href="javascript:void(0)" class="btn btn-link">{{'Clear Filter'|trans}}</a>
</div>
</div>
</div>
</div>
<div class="apply-filter">
<a href="javascript:void(0)" class="btn btn-custom btn-green" onclick="searchFilter(this)">{{'Apply Filter'|trans}}</a>
</div>
</div>
</div>
<div
class="col-12 col-md-12 col-xl-9 product-results">

<div class="social-holder-box social-small-box catalog-download all-training-box all-training-box-2">
<div class="social-holder-img all-training-img slide-media-desktop">
<img src="/static/assets/images/485x166_desktop.jpg" alt="small banner desktop"/>
</div>
<div class="social-holder-img all-training-img slide-media-mobile">
<img src="/static/assets/images/374x128_mobile.jpg" alt="small banner mobile"/>
</div>
<div class="social-holder-info all-training-info all-website-social">
<div class="all-training-info-para">
<p>{{'what do you wish to learn today'|trans}}</p>
</div>
<div class="main-training-search-box-btn btn-border">
<a href="javascript:void(0)" class="btn btn-custom btn-lg-o-white training-btn">{{'Find a Training'|trans}}
<img src="/static/assets/images/cooker-blue.svg" alt="chef-cap"/></a>
</div>
</div>
</div>

<div
class="product-box-holder">

<section class="featured-recipes-section inner-frecipes-section all-training-section website-all-training">
<div class="featured-recipes">
<div
class="all-training-recip">
{# {{dump(videos)}} #}
{% if videos|length < 1 %}
<h3>No Training Found</h3>
{% endif %}
{% for vid in videos %}
<div class="slide">
<div class="slide-holder">
<a href="/{{app.request.locale}}/training_detail1/{{vid.turl}}">
<figure class="slide-img">
<img src="{{ vid.Videos[0].title_img.data }}" alt="{{vid.videoName}}"/>
</figure>
</a>
<div class="slide-content">
<ul class="list-unstyled recipe-info">
<li class="book-green">
{{vid.lesson_count}}
{{'Lesson'|trans}}</li>
<li class="course-hour-box-content-lesson custom-basic-pdng">
<span><img src="/static/assets/images/level-01.svg" alt="level-01"/></span>
<span>
{{vid.level}}
</span>
</li>
<li class="feather-clock-green">{{vid.Videos[0]['vid_duration'].data}}
{{'Sec'|trans}}
{# {{ render(controller(
'App\\Helper\\VideoHelper::seconds2humanTimes',
{'ss': vid.Videos[0]["training_vid"].getData().getData().getCustomSettings()['duration']}
))
}} #}
</li>
</ul>
<div class="frecipes-box">
<a href="/{{app.request.locale}}/training_detail1/{{vid.turl}}">
<h3>{{vid.videoName}}</h3>
</a>
<p>
{{vid.details}}
</p>
</div>
{# <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}}',10,'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 Liked_training_list_Ids %}
<li class='liked'>{{'Like'|trans}}</li>
{% else %}
<li class="like training_list" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',10,'Training','Like' , '{{app.request.locale}}')">{{'Like'|trans}}</li>
{% endif %}
<li class="download d-none" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',10,'Training','Save')">{{'Download'|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="download d-none">{{'Download'|trans}}</li>
</ul>
{% endif %}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</section>


{{
pimcore_areablock("content-loyalty", {
"allowed": ["loyalty-banner"],
})
}}
<div class="info-media loyalty-program loyalty-program-small loyalty-program-listing-inner loyalty-program-inner culinary-loyalty d-none">
<div class="info-section">
<h5>{{'Loyalty Program'|trans}}</h5>
<h4>{{ loyaltybanner.sliders[0].localizedfields.data.getLocalizedValue('heading')}}</h4>
<h3>{{ loyaltybanner.sliders[0].localizedfields.data.getLocalizedValue('heading1')}}</h3>
<p>{{ loyaltybanner.sliders[0].localizedfields.data.getLocalizedValue('description')}}</p>
<div class="btn-holder ">
<div class="btn-border">
<a href="/{{app.request.locale}}/loyalty-program" class="btn btn-custom btn-green">{{'Discover More'|trans}}</a>
</div>
<div class="newsletter-subscribe">
<h4 class="cstsmLP">"{{'Coming Soon'|trans}}"</h4>
</div>
{% if app.session.get('loginUserName') is null %}
<div class="btn-border btn-border-black d-none">
<a href="/{{app.request.locale}}/signup" class="btn btn-custom btn-lg-o-black">Sign-up Now!</a>
</div>
{% endif %}
</div>
</div>
<div class="media-section">
<img src="{{loyaltybanner.sliders[0].slider_image.data}}" alt="loyalty banner"/>
</div>
</div>

<section class="
featured-recipes-section
inner-frecipes-section
chef-special-dish
training-featured-section
">
<div class="featured-recipes">
<div class="
custom-slider
featured-recipes-slider
all-training-recip
">
{% for vid in videos | slice(6,6) %}
<div class="slide">
<div class="slide-holder">
<figure class="slide-img">
<img src="{{ vid.Videos[0].title_img.data }}" alt="{{vid.videoName}}"/>
</figure>
<div class="slide-content">
<ul class="list-unstyled recipe-info">
<li class="book-green">
{{ (vid.lesson_count == 1)? vid.lesson_count ~ " Lesson" : vid.lesson_count ~ " Lessons" }}</li>
<li
class="feather-clock-green">{# {{ render(controller(
'App\\Helper\\VideoHelper::seconds2humanTimes',
{'ss': vid.Videos[0]["training_vid"].getData().getData().getCustomSettings()['duration']}
))
}} #}
</li>
</ul>
<div class="frecipes-box">
<h3>{{vid.videoName}}</h3>
<p>
{{vid.details}}
</p>
</div>
{% 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}}',10,'Training','Share')">{{'Share'|trans}}</li>
<li class="like" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',10,'Training','Like' , '{{app.request.locale}}')">{{'Like'|trans}}</li>
<li class="save" onclick="loyaltyProgram(this,{{vid.id}},'{{vid.videoName}}',10,'Training','Save')">{{'Save'|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="save">{{'Save'|trans}}</li>
</ul>
{% endif %}
</div>
</div>
</div>
{% endfor %}
</div>
<div class="
custom-slider
featured-recipes-slider
all-training-recip
">
<div class="slide">
<div class="new_div"></div>
</div>
<div class="
custom-slider
featured-recipes-slider
all-training-recip
"></div>
</div>
</section>
<div class="load-more d-none">
<a href="javascript:void(0)" class="btn btn-custom btn-outline" id="load-more" onclick="loadMoreProduct()">Load more</a>
</div>
</div>
</div>
</div>
</div>
</section>

{% if (app.request.locale =='ar') %}
{% set topMenu ="/en/professional-training-culinary-programs" %}
{% else %}
{% set topMenu ="/ar/professional-training-culinary-programs" %}
{% endif %}
<script>
var _TopMenuLink = "{{ topMenu }}";
</script>
<script>
function searchFilter(e) {
let new_path = 'category_id=';
let new_chef = '&chef=';
let new_type = '&type=';
let category_count = 1
let type_count = 1
let query = '';
$('.category_checkbox').each(function (index, value) {
if ($(this).is(':checked')) {
if (category_count > 1) {
new_path += '_';
}
new_path += $(this).val();
category_count++;
}
});
$('.type_checkbox').each(function (index, value) {
if ($(this).is(':checked')) {
if (type_count > 1) {
new_type += '_';
}
new_type += $(this).val();
type_count++;
}
});
$('.chef_checkbox').each(function (index, value) {
if ($(this).is(':checked')) {
if (type_count > 1) {
new_chef += '_';
}
new_chef += $(this).val();
type_count++;
}
});
if ($('#search').val()) {
query = '&query=' + $('#search').val();
}
window.location.href = '?' + new_path + new_type + new_chef + query;
}
function clearFilter(c) {
$(c).each(function (index, value) {
$(this).prop('checked', false);
});
}
let page = 1;
function loadMoreProduct() {
let add_query = '&';
if (!window.location.search) {
add_query = '?';
}
$.ajax({
type: "GET",
url: window.location.href + add_query + 'page=' + page,
data: '',
cache: false,
beforeSend: function () {
$('#load-more').addClass('btn-load');
},
complete: function () {
$('#load-more').removeClass('btn-load');
},
success: function (data) {
if (data.success) {
$('.new_div').append(data.success);
page++;
} else if (data.success == '') {
$('#load-more').hide();
}
}
});
}
</script>
{% endblock %}
{% block footer %}
{% include "includes/footer.html.twig" %}
{% endblock %}

templates/Trainings/training_listing.html.twig line 1