Symfony Profiler

{% extends "layout/layout.html.twig" %}
{% block title %}GFS - Resources
{% endblock %}
{% block content %}

{% if current_category.sliders is defined %}
<section class="main-slider-section product-main-slider resources-section-slider">
<div class="container container-lg">
<div class="custom-slider singal-slider main-slider">
{% for slide in current_category.sliders %}
<div class="slide">
<div class="slide-media slide-media-desktop">
<img src="{{slide.sliderimages.data}}" alt="resource banner"/>
</div>
<div class="slide-media slide-media-mobile">
<img src="{{slide.sliderimages_mobile.data}}" alt="resource banner mobile"/>
</div>
<div class="silde-content-box">
<div class="slide-content">
<h1>
<span class="title-sm d-block">{{ slide.localizedfields.data.getLocalizedValue('slidertitle') }}</span>
<span class="title-lg underline-end">{{current_category.name}}</span>
</h1>
</div>
<div class="product-brand d-none">
<img src="{{slide.sliderbrandlogo}}" alt="slide banner logo"/>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
{% endif %}


<div class="breadcrumb-holder">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="/{{app.request.locale}}">{{'Home'|trans}}</a>
</li>
<li class="breadcrumb-item">{{'Resources'|trans}}</li>
<li class="breadcrumb-item active" aria-current="page">
{{current_category.name}}
</li>
</ol>
</div>


{% if current_category.bannerimage and current_category.name %}
<section class="training-media-box info-media res-listing-tech">
{% if current_category.name("en") == "Business" %}
{% for popular in most %}
{% if popular.url == "the-future-of-the-hospitality-industry-in-saudi-arabia" %}
<div class="container container-sm">
<div class="info-section">
<h5>{{current_category.name}}</h5>
<h4>{{popular.name}}</h4>
<p class="slide-media-desktop">{{popular.main_description}}</p>
<p class="slide-media-mobile">{{ popular.main_description|length > 150 ? popular.main_description|slice(0, 150) ~ '...' : popular.main_description }}
<div class="">
<a href="/{{app.request.locale}}/resource/{{popular.url}}" class="btn btn-custom btn-green">{{'Read More'|trans}}</a>
</div>
</p>
</div>
<div class="media-section slide-media-desktop">
<video
poster="{{popular.image}}">
{# <source src="{{current_category.bannervideo.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 class="media-section slide-media-mobile">
<video
poster="{{popular.image}}">
{# <source src="{{current_category.bannervideo.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>
{% endif %}
{% endfor %}
{% elseif current_category.name("en") == "Management" %}
{% for popular in most %}
{% if popular.url == "waste-management-in-the-kitchen" %}
<div class="container container-sm">
<div class="info-section">
<h5>{{current_category.name}}</h5>
<h4>{{popular.name}}</h4>
<p class="slide-media-desktop">{{popular.main_description}}</p>
<p class="slide-media-mobile">{{ popular.main_description|length > 150 ? popular.main_description|slice(0, 150) ~ '...' : popular.main_description }}
<div class="">
<a href="/{{app.request.locale}}/resource/{{popular.url}}" class="btn btn-custom btn-green">{{'Read More'|trans}}</a>
</div>
</p>
</div>
<div class="media-section slide-media-desktop">
<video
poster="{{popular.image}}">
{# <source src="{{current_category.bannervideo.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 class="media-section slide-media-mobile">
<video
poster="{{popular.image}}">
{# <source src="{{current_category.bannervideo.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>
{% endif %}
{% endfor %}
{% endif %}
</section>
{% endif %}


{% if most is not empty %}
<section class="featured-recipes-section inner-frecipes-section event-detail-slider resources-center">
<div class="container container-sm">
{% for key , popular in most %}
{% if popular.url != "waste-management-in-the-kitchen" %}
{% if key == 1 %}
<h2 class="heading">{{'Most Popular'|trans}}</h2>
{# break #}
{% endif %}
{% endif %}
{% endfor %}
<div class="featured-recipes">
<div class="custom-slider custom-event-slider">
{% for popular in most %}
{% if popular.url != "waste-management-in-the-kitchen" %}
<div class="slide">
<div class="slide-holder">
<a href="/{{app.request.locale}}/resource/{{popular.url}}">
<figure class="slide-img">
{% if popular.image is defined %}
<img src="{{ popular.image }}" alt="{{popular.name}}">
{% endif %}
</figure>
</a>
<div class="slide-content">
<div class="frecipes-box">
<a href="/{{app.request.locale}}/resource/{{popular.url}}" class="text-decoration-none">
<h3>{{popular.name}}</h3>
</a>
{% if popular.main_description is defined and popular.main_description is not null %}
<p>{{popular.main_description}}</p>
{% endif %}
</div>
{% set user = app.session.get('loginUserName') %}
{% if user is not null %}
<ul class="list-unstyled recipe-info">
<li class="share" onclick="loyaltyProgram(this,{{ popular.id }},'{{ popular.name }}',50,'Article','Share')">
<span onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/resource/' ~ popular.url}}' ,'{{ "SHARE KNOWLEDGE WITH YOUR FRIENDS"|trans }}')">{{'Share'|trans}}</span>
</li>
{% if popular.id in Liked_most_popular_Id %}
<li class='liked'>{{'Like'|trans}}</li>
{% else %}
<li class="like most_popular" onclick="loyaltyProgram(this,{{ popular.id }},'{{ popular.name }}',30,'Article','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li>
{% endif %}
<li class="download-black d-none" onclick="loyaltyProgram(this,{{ popular.id }},'{{ popular.name }}',20,'Article','Save')">{{'Download'|trans}}</li>
</ul>
{% else %}
<ul class="list-unstyled recipe-info">
<li class="share" onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/resource/' ~ popular.url}}','{{ "SHARE KNOWLEDGE WITH YOUR FRIENDS"|trans }}')">{{'Share'|trans}}</li>
<li class="like logged-out">{{'Like'|trans}}</li>
<li class="download-black d-none">{{'Download'|trans}}</li>
</ul>
{% endif %}
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
{# <div class="btn-border">
<button class="btn btn-custom btn-lg-o-black" onclick="explore()">Explore More</button>
</div> #}
</div>
</div>
</section>
{% endif %}


<section class="product-result-container resources-cat">
<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="{{''|trans}}" id="search" value="{{filters.query}}" class="form-control"/>
</div>
</div>
<div class="filter-accordion">
{% if categories is not empty %}
<div class="card filter-card" id="filter1">
<div class="card-header">
<button type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
{{'Category'|trans}}
</button>
</div>
<div id="collapse1" class="collapse show" data-parent="#filter1">
<div class="card-body">
<ul class="list-unstyled check-list">
{% for category in categories %}
<li>
<input class="styled-checkbox category_checkbox" id="{{category.name}}" type="checkbox" value="{{category.id}}" {{ (category.id in filters.category_ids) ? 'checked' : '' }}/>
<label for="{{category.name}}">{{category.name}}</label>
</li>
{% endfor %}
</ul>
<div class="btn-holder clear-filter">
<button class="btn btn-link" onclick="clearFilter('.category_checkbox')">{{'Clear Filter'|trans}}</button>
</div>
</div>
</div>
</div>
{% endif %}
<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">
<h2 class="heading all-articles-heading-text">{{'All Articles'|trans}}</h2>

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

<section class="featured-recipes-section inner-frecipes-section all-training-section resource-listing-grid">
<div class="featured-recipes">
<div class="all-training-recip">
{% for resource in resources %}
<div class="slide">
<div class="slide-holder">
<a href="/{{app.request.locale}}/resource/{{resource.url}}">
<figure class="slide-img">
<img src="{{resource.image}}" alt="{{ resource.name }}"/>
</figure>
</a>
<div class="slide-content">
<div class="frecipes-box">
<a href="/{{app.request.locale}}/resource/{{resource.url}}" class="text-decoration-none">
<h3>{{ resource.name }}</h3>
</a>
{% if resource.main_description is defined and resource.main_description is not null %}
<p>{{resource.main_description|raw}}</p>
{% endif %}
</div>
{% set user = app.session.get('loginUserName') %}
{% if user is not null %}
<ul class="list-unstyled recipe-info">
<li class="share" onclick="loyaltyProgram(this,{{ resource.id }},'{{ resource.name }}',10,'Article','Share')">
<span onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/resource/' ~ resource.url}}' ,'{{ "SHARE KNOWLEDGE WITH YOUR FRIENDS"|trans }}')">{{'Share'|trans}}<span></li>
{% if resource.id in Liked_all_recource_Id %}
<li class='liked'>{{'Like'|trans}}</li>
{% else %}
<li class="like all_article" onclick="loyaltyProgram(this,{{ resource.id }},'{{ resource.name }}',10,'Article','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li>
{% endif %}
<li class="download d-none" onclick="loyaltyProgram(this,{{ resource.id }},'{{ resource.name }}',10,'Article','Save')">{{'Download'|trans}}</li>
</ul>
{% else %}
<ul class="list-unstyled recipe-info">
<li class="share" onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/resource/' ~ resource.url}}') ,'{{ "SHARE 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>

</div>
</div>
</div>
</div>
</section>


<section class="featured-categories resource-featured-categories">
<div class="container container-sm">
<div class="featured-categories-section">
<h2 class="heading">{{'More Topics'|trans}}</h2>
<div class="featured-categories-section-wrapper">
{% for topic in more_topics %}
<div class="featured-categories-section-wrapper-item">
<a href="{{topic.url}}">
<figure class="featured-categories-section-wrapper-item-video">
<div class="media-section">
<video poster="{{topic.image}}" playsinline>
{% if topic.video.data is defined %}
<source src="{{ topic.video.data }}" type="video/mp4">
{% endif %}
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>
</a>
<div class="featured-categories-section-wrapper-item-content">
<a href="{{topic.url}}" class="featured-categories-section-wrapper-item-content-btn">
{{topic.name}}
</a>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</section>
<script>
function searchFilter(e) {
let new_path = 'sub_category_id=';
let query = '';
let category_count = 1
$('.category_checkbox').each(function (index, value) {
if ($(this).is(':checked')) {
if (category_count > 1) {
new_path += '_';
}
new_path += $(this).val();
category_count++;
}
});
if ($('#search').val()) {
query = '&query=' + $('#search').val();
}
window.location.href = '?' + new_path + 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 () {
$('.btn-load').css('padding-left', '50px');
$('.btn-load').css('background-image', 'url(/static/assets/images/loader.gif)');
},
complete: function () {
$('.btn-load').css('padding-left', '15px');
$('.btn-load').css('background-image', 'inherit');
},
success: function (data) {
if (data.success) {
$('.product-box-holder .new-div').append(data.success);
page++;
} else if (data.success == '') {
$('.btn-load').hide();
}
}
});
}
//function explore() {
//let add_query = '&';
//if (!window.location.search) {
//add_query = '?';
//}
//window.location.href = add_query + 'most=1';
//}
</script>
{% if (app.request.locale =='ar') %}
{% set topMenu ="/en/resources/" ~ current_category.url('en') %}
{% else %}
{% set topMenu ="/ar/resources/" ~ current_category.url('ar') %}
{% endif %}
<script>
var _TopMenuLink = "{{ topMenu }}";
</script>

{% endblock %}

templates/Resources/resources.html.twig line 1