Symfony Profiler

{% extends "layout/layout.html.twig" %}
{% block title %}
{% if products_head is not empty %}
GFS -
{{products_head.breadcrumb}}
{% else %}
{{'product_page_meta_title'|trans}}
{% endif %}
{% endblock %}
{% block metaDescription %}
{# {% if products_head is not empty %}
GFS - {{products_head.breadcrumb}}
{% else %} #}
{{"product_page_meta_description"|trans}}
{# {% endif %} #}
{% endblock %}
{% block content %}

<section class="main-slider-section product-main-slider product-main-slider-section-banner denty">
<div class="container container-lg">
<div class="custom-slider singal-slider main-slider">
{% if products_head is not empty and products_head.slides is not empty %}
<div class="slide">
<div class="slide-media slide-media-desktop">
{% if products_head.slides[0].localizedfields.data.getLocalizedValue('cb_image') is defined %}
<img src="{{ products_head.slides[0].localizedfields.data.getLocalizedValue('cb_image') }}"alt="desktop banner product" class="desktop-banner">
{# <img src="{{ products_head.slides[0].localizedfields.data.getLocalizedValue('cb_image_mobile') }}" alt="" class="mobile-banner"> #}
{% endif %}
</div>
<div class="slide-media slide-media-mobile">
{% if products_head.slides[0].localizedfields.data.getLocalizedValue('cb_image_mobile') is defined %}
{# <img src="{{ products_head.slides[0].localizedfields.data.getLocalizedValue('cb_image') }}" alt="" class="desktop-banner"> #}
<img src="{{ products_head.slides[0].localizedfields.data.getLocalizedValue('cb_image_mobile') }}" alt="mobile banner product" class="mobile-banner">
{% endif %}
</div>
<div class="silde-content-box">
<div class="slide-content">
<h1>
{% if products_head.slides[0].localizedfields.data.getLocalizedValue('cb_title') is defined %}
<span class="title-sm d-block">{{products_head.slides[0].localizedfields.data.getLocalizedValue('cb_title')}}</span>
{% endif %}
{% if products_head.slides[0].localizedfields.data.getLocalizedValue('cb_link') %}
<span class="title-lg underline-end d-block">{{products_head.slides[0].localizedfields.data.getLocalizedValue('cb_link')}}</span>
{% else %}
<span class="title-lg">{{'quality'|trans}}
&
<u>{{'taste!'|trans}}</u>
</span>
{% endif %}
</h1>
</div>
{# {% if products_head.brand_logo is not empty %}
<div class="product-brand">
<img src="{{products_head.brand_logo}}" alt="">
</div>
{% endif %} #}
</div>
</div>
{% else %}
{% for slides in category_slider %}
<div class="slide">
<div class="slide-media slide-media-desktop">
<img
src="{{ slides.slider_image.data }}" alt="category banner image desktop" class="desktop-banner">
{# <img src="{{ slides.slider_image.data }}" alt="" class="mobile-banner"> #}
</div>
<div class="slide-media slide-media-mobile">
<img
src="{{ slides.slider_image_mobile.data }}" alt="category banner image mobile" class="desktop-banner">
{# <img src="{{ slides.slider_image.data }}" alt="" class="mobile-banner"> #}
</div>
<div class="silde-content-box ">
<div class="slide-content">
<h1>
<span class="title-sm d-block">{{ slides.localizedfields.data.getLocalizedValue('heading') }}</span>
<span class="title-lg underline-end">{{ slides.localizedfields.data.getLocalizedValue('heading1') }}</u>
</span>
</h1>
</div>
{# <div class="product-brand">
<img src="/static/assets/images/goody_logo.png" alt="">
</div> #}
</div>
</div>
{% endfor %}
{% endif %}
</div>
</div>
</section>


<div class="breadcrumb-holder">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="/{{app.request.locale}}">{{'Home'|trans}}</a>
</li>
{% if products_head is not empty %}
<li class="breadcrumb-item">
<a href="/{{app.request.locale}}/products/">{{'Products'|trans}}</a>
</li>
<li class="breadcrumb-item active" aria-current="page">{{products_head.breadcrumb}}</li>
{% else %}
{# <li class="breadcrumb-item active" aria-current="page">{{'allproducts'|trans}}</li> #}
<li class="breadcrumb-item">{{'Products'|trans}}</li>
{% endif %}
</ol>
</div>


<section class="pageinfo-section">
<div class="container container-sm">
{% if products_head is not empty %}
<h1 class="title">{{products_head.name}}</h1>
{% if products_head.id != 263 and products_head.id != 260 and products_head.id != 413%}
<p>{{products_head.Detail_desc}}</p>
{% else %}
<p>{{products_head.description}}</p>
{% endif %}
{% else %}
<h1 class="title">{{'allproducts'|trans}}</h1>
<p>{{'allproductsdescription'|trans}}</p>
{% endif %}
</div>
</section>


{# {% if products_head is not empty %}
{% if products_head.id != 263 %}
{% else %}
<h2 class="text-center mt-3">{{'Coming soon'|trans}}</h2>
<style>
.product-result-container,
.featured-recipes-section {
display: none;
}
</style>
{% endif %}
{% endif %} #}
<section class="product-result-container position-bg-product">
<div class="container container-sm">
<div class="row">
<div class="col-sm-12 col-lg-4 col-xl-3 filter-box">
<form name="filter-form" id="filter-form" method="get">
<div class="filter-wrapper">
<h4 class="title">{{'Filters'|trans}}
<span class="filter-icon"><img src="/static/assets/images/filter-dropdown.svg" alt="filter-dropdown"></span>
</h4>
<div class="filder-options">
<div class="input-holder">
<input type="text" placeholder="{{'Search for product'|trans}}" name="query" id="search" value="{{ filters.query }}" class="form-control">
</div>
</div>
</div>
<div class="filter-accordion hidden">
<div class="card filter-card" id="filter1">
{% if(filterDefinition.filters|length > 0) %}
{% for filter in filterDefinition.filters %}
{% set filterMarkup = filterService.filterFrontend(filter, productListing, currentFilter) %}
{{ filterMarkup | raw }}
{% endfor %}
{% endif %}
</div>
</div>
</form>
</div>
<div
class="col-sm-12 col-lg-8 col-xl-9 product-results">

<div class="social-holder-box social-small-box catalog-download">
<div class="social-holder-img slide-media-mobile">
<img src="/static/assets/images/download_catalog_374x128_mobile.jpg" alt="catalog mobile">
</div>
<div class="social-holder-img slide-media-desktop">
<img src="/static/assets/images/download_catalog_485x166_desktop.jpg" alt="catalog desktop">
</div>
<div class="social-holder-info">
<p>{{'Download our latest product'|trans}}</p>
<p>{{'catalog with updated line-up'|trans}}</p>
{# <div class="btn-holder slide-media-desktop">
<a href="/Catalog/2022/Catalog_Full.pdf" class="btn btn-custom btn-primary" download>{{'Download Now!'|trans}}</a>
</div>
<div class="btn-holder slide-media-mobile">
<a href="/Catalog/2022/Catalog_Full_Mobile.pdf" class="btn btn-custom btn-green" download>{{'Download Now!'|trans}}</a>
</div> #}
{% if app.request.locale == 'ar' %}
<div class="btn-holder slide-media-desktop">
<a href="/Catalog/2024/GCS_Catalog_Arabic_Desktop.pdf" class="btn btn-custom btn-primary" download>{{'Download Now!'|trans}}</a>
</div>
<div class="btn-holder slide-media-mobile">
<a href="/Catalog/2024/GCS_Catalog_Arabic_Mobile.pdf" class="btn btn-custom btn-green" download>{{'Download Now!'|trans}}</a>
</div>
{% else %}
<div class="btn-holder slide-media-desktop">
<a href="/Catalog/2024/GCS_Catalog_English_Desktop.pdf" class="btn btn-custom btn-primary" download>{{'Download Now!'|trans}}</a>
</div>
<div class="btn-holder slide-media-mobile">
<a href="/Catalog/2024/GCS_Catalog_English_Mobile.pdf" class="btn btn-custom btn-green" download>{{'Download Now!'|trans}}</a>
</div>
{% endif %}
</div>
</div>

<div class="product-box-holder">
<div class="row">
{% if products is defined and products is not null %}
{% for product in products %}
{% if product.brands.id is defined %}
{% if product.brands.id == 263 %}
{% set class = "slide-img-bg-brown" %}
{% elseif product.brands.id == 262 %}
{% set class = "slide-img-bg-blue" %}
{% elseif product.brands.id == 413 %}
{% set class = "slide-img-bg-purple" %}
{% else %}
{% set class = "slide-img-bg-green" %}
{% endif %}
{% else %}
{% set class = "no-class" %}
{% endif %}
<div class="col-12 col-md-6 col-xl-4 product-result">
{% include "/includes/product-card.html.twig" with {
featured_product: product,
class: class,
LikedId : LikedId,
} %}
</div>

{# {% if loop.index == 6 %} understaining purpose #}
{% if loop.index == 6 %}
</div>
{% for mid_banners in mid_banner %}
<div class="info-media loyalty-program loyalty-program-small d-none">
<div class="info-section">
<h5>{{'loyalty program'|trans}}</h5>
<h4>{{'Join the'|trans}}</h4>
<h3>{{mid_banners.localizedfields.data.getLocalizedValue('heading')}}</h3>
<p>{{mid_banners.localizedfields.data.getLocalizedValue('heading1')}}</p>
<div class="btn-holder">
<div class="btn-border">
<a href="/{{app.request.locale}}/loyalty-program" class="btn btn-custom btn-lg-o-white">{{'Discover More'|trans}}</a>
</div>
{% if app.session.get('loginUserName') is null %}
<div class="btn-border btn-border-black ">
<a href="/{{app.request.locale}}/signup" class="btn btn-custom btn-lg-o-black">{{'Sign-up Now!'|trans}}</a>
</div>
{% endif %}
</div>
</div>
<div class="media-section">
<img src="{{mid_banners.slider_image.data}}" alt="mid banner image">
</div>
</div>
{% endfor %}
<div class="row new-div">
{% endif %}

{% else %}
<h2>{{'No Product Found'|trans}}</h2>
{% endfor %}
{% endif %}
</div>
{% if products|length >= 12 %}
<div class="load-more">
<button class="btn btn-custom btn-p-outline-blue" id="load-more" onclick="loadMoreProduct()">{{'Load more'|trans}}</button>
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% include "layout/baseimage.html.twig" %}
</section>


<section class="featured-recipes-section inner-featured-recipe using-products using-products-home position-bg-img position-bg-product-2 recipe-using-products-product-section">
<div class="container container-sm">
{% set newArray = [] %}
{% set recipesarray = [] %}
{% for product in products %}
{% for product_used_recipe in product.recipes %}
{% set recipesarray = recipesarray|merge([product_used_recipe]) %}
{% endfor %}
{% endfor %}
{% if recipesarray|length > 0 %}
<h2 class="heading">{{'Recipes Using Our Products'|trans}}</h2>
{% endif %}
<div class="featured-recipes">
<div class="custom-slider featured-recipes-slider">
{% for product in products %}
{% for product_used_recipe in product.recipes %}
{% if product_used_recipe not in newArray %}
{% set newArray = newArray|merge([product_used_recipe]) %}
<div class="slide">
<div class="slide-holder">
<a href="/{{app.request.locale}}/all-recipes/{{ product_used_recipe.url }}" tabindex="0">
<figure class="slide-img">
<img src="{{product_used_recipe.featured_image}}" alt="{{product_used_recipe.name}}">
{% if product_used_recipe.banner_video %}
<i class="fas fa-play-circle"></i>
{% endif %}
</figure>
</a>
<div class="slide-content">
<a href="/{{app.request.locale}}/all-recipes/{{ product_used_recipe.url }}" tabindex="0">
<h3>{{ product_used_recipe.name }}</h3>
</a>
<p>{{ product_used_recipe.short_description }}</p>
<div class="chef-names"></div>
<ul
class="list-unstyled recipe-info">
{# <li class="mins">{{ product_used_recipe.time }}{{ "mins"|trans }}</li> #}
<li class="orders">{{'No. Of'|trans}}{{'Serving'|trans}}{{ product_used_recipe.serves }}</li>
<li class="time">{{ product_used_recipe.typeofmeal|trans }}</li>
</ul>
</div>
<div class="btn-holder">
<a href="/{{app.request.locale}}/all-recipes/{{ product_used_recipe.url }}" class="btn btn-custom btn-lg-o-black" tabindex="0">{{'View Recipe'|trans}}</a>
</div>
</div>
</div>
{% endif %}
{% endfor %}
{% endfor %}
</div>
</div>
</div>
{% include "layout/baseimage.html.twig" %}
</section>
<script>
document.querySelectorAll('.filter-checkbox').forEach(function(checkbox) {
checkbox.addEventListener('change', function() {
document.forms[0].submit();
});
});
document.querySelector('input[name="query"]').addEventListener('keydown', function(event) {
if (event.key === 'Enter') {
event.preventDefault();
document.forms[0].submit();
}
});
function clearFilter() {
document.querySelectorAll(".filter-checkbox").forEach(function(checkbox) {
checkbox.checked = false;
});
document.forms[0].submit();
}
window.addEventListener('load', function() {
document.querySelector('.product-result-container').scrollIntoView({ behavior: 'smooth' });
});
</script>

<script>
let page = 1;
function loadMoreProduct() {
data = '';
if (typeof($('input[name="locationthemes"]:checked').val()) !== 'undefined') {
var checked_val = $('input[name="locationthemes"]:checked').val();
data = {
'checked_val': checked_val
}
}
let add_query = '&';
if (!window.location.search) {
add_query = '?';
}
$.ajax({
type: "GET",
url: window.location.href + add_query + 'page=' + page,
data: data,
cache: false,
beforeSend: function () {
$('#load-more').addClass('btn-load');
},
complete: function () {
$('#load-more').removeClass('btn-load');
},
success: function (data) {
if (data.success) {
$('.product-box-holder .new-div').append(data.success);
page++;
}
if (data.success == '' || data.total_products < 11) {
$('#load-more').hide();
}
}
});
}
</script>
{% if (app.request.locale =='ar') %}
{% set topMenu = app.request.requesturi|replace({'/ar/': '/en/'}) %}
{% else %}
{% set topMenu = app.request.requesturi|replace({'/en/': '/ar/'}) %}
{% endif %}
<script>
var _TopMenuLink = "{{ topMenu }}" + window.location.search;
</script>{% endblock %}{% block footer %}
{% include "includes/footer.html.twig" %}{% endblock %}

templates/Products/category.html.twig line 246