Symfony Profiler


<header class="header">
<div class="container container-sm">
<div
class="row">

<div class="col-4 col-md-1 header-logo">
<a href="/{{app.request.locale}}"><img src="/static/assets/images/logo_images/GCS_New_Logo-01.svg" alt="Goody Culinary Solutions"/></a>
</div>


<div class="col-6 col-md-11 header-links">
<nav
class="navbar navbar-expand-lg">

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
<img src="/static/assets/images/menu.svg" alt="menu">
</button>

<div
class="collapse navbar-collapse" id="navbarSupportedContent">

<div
class="header-links-top">

<ul
class="list-unstyled social-box">
{# <li><a href="javascript:void(0);" target="_blank"><img src="/static/assets/images/facebook.svg"
alt="Facebook" /></a></li> #}
<li>
<a href="https://twitter.com/GoodyCS_SA" target="_blank" rel="noopener noreferrer"><img src="/static/assets/images/twitter.svg" alt="Twitter"/></a>
</li>
<li>
<a href="https://www.instagram.com/goodyculinarysolutions/" target="_blank" rel="noopener noreferrer"><img src="/static/assets/images/instagram.svg" alt="Instagram"/></a>
</li>
<li class="d-none">
<a href="https://www.youtube.com/channel/UCohd1ZEJbFo1bSLnPf-RA3A" target="_blank" rel="noopener noreferrer"><img src="/static/assets/images/youtube.svg" alt="Youtube"/></a>
</li>
<li class="">
<a href="https://www.linkedin.com/company/goody-professional-solutions" target="_blank" rel="noopener noreferrer"><img src="/static/assets/images/linkedin.svg" alt="LinkedIn"/></a>
</li>
</ul>


<div class="region-box">
<select class="selectpicker" data-width="fit">
<option data-content='<span class="flag-icon flag-icon-sa"></span> KSA'>KSA</option>
{# <option data-content='<span class="flag-icon flag-icon-us"></span> USA'>USA</option> #}
</select>
</div>


<ul class="list-unstyled lang-box">
{% if (app.request.locale == 'en') %}
<li class="active">
<a href="javascript:void(0);">ENG</a>
</li>
<li>
<a href="/ar" class="langswitcherenar">العربية</a>
</li>
{% else %}
<li>
<a href="/en" class="langswitcherenar">ENG</a>
</li>
<li class="active">
<a href="javascript:void(0);">العربية</a>
</li>
{% endif %}
</ul>


<div class="account-box">
{% set user = app.session.get('loginUserName') %}
{% if user is not null %}
<div class="btn-group bootstrap-select fit-width">
<div class="btn dropdown-toggle selectpicker btn-default d-flex align-items-center" data-toggle="dropdown">
<a href="/{{app.request.locale}}/user_dashboard" class="account-box-icon">
<span class="filter-option pull-left">{{user|trans}}</span>
</a>
</div>
<div class="dropdown-menu drop__log open p-1">
<a href="/{{app.request.locale}}/user_dashboard" class="account-box-icon dashboard-icon">{{'Dashboard'|trans}}</a>
<a href="/{{app.request.locale}}/logout" class="account-box-icon logout-icon">{{'Logout'|trans}}</a>
</div>
</div>
{% else %}
<a href="/{{app.request.locale}}/signin" class="account-box-icon">{{'Login'|trans}}</a>
{% endif %}
</div>


<div class="cart-box">
<a href="/{{app.request.locale}}/{{ (app.session.get('loginUserId'))? "cartDetails": "cartDetails" }}" class="cart-box-icon">
{{'Cart'|trans}}
<span class="cart-box-icon-count">{{ cartCount }}</span>
</a>
</div>
{# <div class="cart-box">
<a href="{{ (app.session.get('loginUserId'))? "/#{app.request.locale}/cartDetails": "/#{app.request.locale}/cartDetails" }}" class="cart-box-icon">
{{'Cart'|trans}}<span class="cart-box-icon-count">{{ cartCount }}</span>
</a>
</div> #}

</div>

<div class="header-links-bottom">
<ul class="navbar-nav">
<li class="nav-item ">
<a class="nav-link home-link" href="/{{app.request.locale}}">{{ "home"|trans }}</a>
</li>
<li class="nav-item dropdown">
<span class="nav-link dropdown-toggle">
<a href="/{{app.request.locale}}/products" id="navbarDropdown1">{{ "Products"|trans }}</a>
</span>

<div class="dropdown-menu container m-md-auto py-md-0" role="menu" aria-labelledby="navbarDropdown1">
<div class="container container-sm">
<div class="row">
<div class="col-12 pl-md-0">
<div class="dropdown-menu-box flex-wrap flex-md-nowrap p-md-0">
<div class="dropdown-menu-holder brand-names sender">
<h5 class="title">{{'All Brands'|trans}}</h5>
<ul class="list-unstyled dropdown-menu-holder-list menu-col2">
{% for brand in brands %}
<li class="d-flex justify-between">
<a href="/{{app.request.locale}}/brand/{{brand.url}}">
<div>
<img src="{{brand.image_black}}" alt="{{brand.name}}"/>
</div>
<div>
<h5>
<span class="primaryText">{{brand.name}} <img src="/static/assets/images/menu-arrow.svg" class="img-fluid" alt=""/> </span>
<span class="secondaryText">{{brand.menuDescription}}</span>
</h5>
</div>
</a>
</li>
{% endfor %}
</ul>
</div>
<div class="dropdown-menu-holder product-names">
<h5 class="title">{{'allproducts'|trans}}</h5>
<ul class="list-unstyled dropdown-menu-holder-list menu-col2">
{% for category in categories %}
<li>
<a href="/{{app.request.locale}}/products/{{ category.url }}">{{ category.name }}</a>
</li>
{% endfor %}
</ul>
{# catalog-icon.svg #}
<div class="download__catalog p-2">
<img src="/static/assets/images/catalog-icon.svg" class="img-fluid" alt=""/>
<p>{{"Download our latest product catalog with updated line-up" | trans}}</p>
{% set device = pimcore_device('desktop') %}
{% if app.request.locale == 'ar' %}
{% if device.desktop() %}
<a href="/Catalog/2024/GCS_Catalog_Arabic_Desktop.pdf" target="_blank" download>
<span>
<img src="/static/assets/images/download-btn.svg" class="img-fluid" alt="" />
</span>
{{"Download now" | trans}}
</a>
{% else %}
<a href="/Catalog/2024/GCS_Catalog_Arabic_Mobile.pdf" target="_blank" download>
<span>
<img src="/static/assets/images/download-btn.svg" class="img-fluid" alt="" />
</span>
{{"Download now" | trans}}
</a>
{% endif %}
{% else %}
{% if device.desktop() %}
<a href="/Catalog/2024/GCS_Catalog_English_Desktop.pdf" target="_blank" download>
<span>
<img src="/static/assets/images/download-btn.svg" class="img-fluid" alt="" />
</span>
{{"Download now" | trans}}
</a>
{% else %}
<a href="/Catalog/2024/GCS_Catalog_English_Mobile.pdf" target="_blank" download>
<span>
<img src="/static/assets/images/download-btn.svg" class="img-fluid" alt="" />
</span>
{{"Download now" | trans}}
</a>
{% endif %}
{% endif %}
</div>
</div>
<div class="dropdown-menu-holder catalog-names d-none">
<h5 class="title">{{'Catalogs'|trans}}</h5>
<ul class="list-unstyled dropdown-menu-holder-list">
{% if app.request.locale == 'ar' %}
<li class="slide-media-desktop">
<a href="/Catalog/2024/GCS_Catalog_Arabic_Desktop.pdf" target="_blank">{{'GCS Catalog'|trans}}</a>
</li>
<li class="slide-media-mobile">
<a href="/Catalog/2024/GCS_Catalog_Arabic_Mobile.pdf" target="_blank">{{'GCS Catalog'|trans}}</a>
</li>
{% else %}
<li class="slide-media-desktop">
<a href="/Catalog/2024/GCS_Catalog_English_Desktop.pdf" target="_blank">{{'GCS Catalog'|trans}}</a>
</li>
<li class="slide-media-mobile">
<a href="/Catalog/2024/GCS_Catalog_English_Mobile.pdf" target="_blank">{{'GCS Catalog'|trans}}</a>
</li>
{% endif %}
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

</li>
<li class="nav-item dropdown">
<span class="nav-link dropdown-toggle">
<a href="/{{app.request.locale}}/recipes" id="navbarDropdown2">{{ "recipes"|trans }}</a>
</span>
<div class="dropdown-menu container m-md-auto py-md-0" aria-labelledby="navbarDropdown2">
<div class="container container-sm">
<div class="row">
<div class="col-12">
<div class="dropdown-menu-box">
<div class="dropdown-menu-holder catalog-names">
<a href="/{{app.request.locale}}/all-recipes" class="text-secondary">
<h5 class="title">{{'All Recipes '|trans}}</h5>
</a>
<ul class="list-unstyled dropdown-menu-holder-list menu-col2">
{# <h5 class="title"><a class="dropdown-item" href="/{{app.request.locale}}/recipes">All Recipes</h5> #}
{# <li><a href="/en/recipes/ 'Middle Eastern'">{{'Middle Eastern'|trans}}</a></li>
<li><a href="/en/recipes/ 'Russian'">{{'Russian'|trans}}</a></li>
<li><a href="/en/recipes/ 'French'">{{'French'|trans}}</a></li>
<li><a href="/en/recipes/ 'Asian'">{{'Asian'|trans}}</a></li>
<li><a href="/en/recipes/ 'Mexican'">{{'Mexican'|trans}}</a></li>
<li><a href="/en/recipes/ 'Italian'">{{'Italian'|trans}}</a></li>
<li><a href="/en/recipes/ 'American'">{{'American'|trans}}</a></li>
<li><a href="/en/recipes/ 'International'">{{'International'|trans}}</a></li>
<li><a href="/en/recipes/ 'Turkish'">{{'Turkish'|trans}}</a></li>
<li><a href="/en/recipes/ 'Spanish'">{{'Spanish'|trans}}</a></li> #}
{% if recipescategory.data|length > 0 %}
{% for Recipescategory in recipescategory %}
<li>
<a href="/{{app.request.locale}}/recipes/{{Recipescategory.cat_url}}"> {{Recipescategory.recipecategoryname}}</a>
</li>
{% endfor %}
{% endif %}
{# <li><a href="/{{app.request.locale}}/recipes/Middle Eastern">{{'Middle Eastern'|trans}}</a></li>
<li><a href="/{{app.request.locale}}/recipes/Russian">{{'Russian'|trans}}</a></li>
<li><a href="/{{app.request.locale}}/recipes/French">{{'French'|trans}}</a></li>
<li><a href="/{{app.request.locale}}/recipes/Asian">{{'Asian'|trans}}</a></li>
<li><a href="/{{app.request.locale}}/recipes/Mexican">{{'Mexican'|trans}}</a></li>
<li><a href="/{{app.request.locale}}/recipes/Italian">{{'Italian'|trans}}</a></li>
<li><a href="/{{app.request.locale}}/recipes/American">{{'American'|trans}}</a></li>
<li><a href="/{{app.request.locale}}/recipes/International">{{'International'|trans}}</a></li>
<li><a href="/{{app.request.locale}}/recipes/Turkish">{{'Turkish'|trans}}</a></li>
<li><a href="/{{app.request.locale}}/recipes/Spanish">{{'Spanish'|trans}}</a></li> #}
{# {% for recipe in recipes %} #}
{# <a class="dropdown-item" href="/{{app.request.locale}}/all-recipes/{{recipe.url}}">{{recipe.name}}</a> #}
{# {% endfor %} #}
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<span class="nav-link dropdown-toggle">
<a class="" href="/{{app.request.locale}}/professional-training" id="navbarDropdown3" aria-haspopup="true" aria-expanded="false">
<span>{{'Training'|trans}}</span>
</a>
</span>
<div class="dropdown-menu container m-md-auto py-md-0" aria-labelledby="navbarDropdown3">
<div class="container container-sm">
<div class="row">
<div class="col-12">
<div class="dropdown-menu-box">
<div
class="dropdown-menu-holder catalog-names">
{# <h5 class="title">{{'All Training'|trans}}</h5> #}
<ul class="list-unstyled dropdown-menu-holder-list">
<li>
<a href="/{{app.request.locale}}/professional-training-culinary-programs">{{'All Training'|trans}}</a>
</li>
<li>
<a href="/{{app.request.locale}}/our-professional-chefs">{{'Our Chefs'|trans}}</a>
</li>
<li class="d-none">
<a href="/{{app.request.locale}}/events">{{'Events'|trans}}</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<span class="nav-link dropdown-toggle">
<a class="" href="/{{app.request.locale}}/resources" id="navbarDropdown4" role="button">{{'Resources'|trans}}</a>
</span>
<div class="dropdown-menu container m-md-auto py-md-0" aria-labelledby="navbarDropdown1">
<div class="container container-sm">
<div class="row">
<div class="col-12">
<div class="menu-wrapper">
<div class="row">
<div class="col-5 px-0 d-none d-lg-block">
<div class="sideImg">
<img src="/static/assets/images/default.png" alt="" class="Img-0" />
<img src="/static/assets/images/business.png" alt="" class="Img-1" />
<img src="/static/assets/images/management.png" alt="" class="Img-2" />
<img src="/static/assets/images/menu-builder.png" alt="" class="Img-3" />
</div>
</div>
<div class="col-lg-3 pt-lg-4">
<div class="linksSideMenu">
<div class="resourcesContent">
<a href="#" class="menuHeading">
{{'Resources'|trans}}
</a>
{% for resource in resources %}
<a href="/{{app.request.locale}}/resources/{{resource.url}}" class="menu-link-{{loop.index}} menu-links">{{ resource.name }}</a>
{% endfor %}
<a href="/{{app.request.locale}}/resources/newsletter" class="menu-link-3 menu-links">{{"Newsletters" | trans}}</a>
<a href="/{{app.request.locale}}/resources/gcs-and-community" class="menu-link-3 menu-links">{{"GCS & Community" | trans}}</a>
</div>
<div class="resourcesContent">
<a href="#" class="menuHeading">
{{"Tools" | trans}}
</a>
<a href="/{{app.request.locale}}/menu-builder" class="menu-link-3 menu-links"> {{"Menu Builder" | trans}}
</a>
</div>
</div>
</div>
{% if newsletter %}
<div class="col-lg-4 pt-lg-4">
<a href="#" class="pl-2 menuHeading newsSectionHeader">
{{"Newsletter" | trans}}
</a>
<div class="newsletterBox">
<div class="imgSide">
{% if newsletter and newsletter.image is not null %}
<img src="{{newsletter.image}}" alt="">
{% endif %}
</div>
<div class="contentNewsletter">
<h3 class="titleNews">
{% if newsletter and newsletter.title is not null %}
{{newsletter.title}}
{% endif %}
</h3>
<p class="descNews">
{% if newsletter and newsletter.description is not null %}
{{newsletter.description}}
{% endif %}
</p>
{% if newsletterPdf is not null %}
{% if user is not null %}
<a href="{{newsletterPdf}}" target="_blank" class="readButton">
{{"Read Now" | trans}}
</a>
{% else %}
<a href="javascript:void(0);" onclick="storePdfForLater('{{ newsletterPdf }}')" class="readButton">
{{"Read Now"|trans}}
</a>
{% endif %}
{% endif %}
<p class="socialDesc">{{"Share on social media" | trans}}</p>
<div class="socialMediaApps">
<a href="https://www.instagram.com/goodyculinarysolutions/" target="_blank">
<img src="/static/assets/images/insta.svg" alt="instagram">
</a>
<a href="https://twitter.com/GoodyCS_SA" target="_blank">
<img src="/static/assets/images/x.svg" alt="twitter">
</a>
<a href="https://www.linkedin.com/company/goody-professional-solutions" target="_blank">
<img src="/static/assets/images/linkedin-header.svg" alt="linkedin">
</a>
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
<div class="dropdown-menu-box d-none">
<div class="dropdown-menu-holder product-names">
<h5 class="title">{{'Resources'|trans}}</h5>
<ul class="list-unstyled dropdown-menu-holder-list menu-col4">
{% for resource in resources %}
<li>
<a href="/{{app.request.locale}}/resources/{{resource.url}}" aria-haspopup="true" aria-expanded="false">{{ resource.name }}</a>
</li>
{% endfor %}
<li><a href="/{{app.request.locale}}/resources-interview" aria-haspopup="true" aria-expanded="false">{{'Interviews'|trans}}</a></li>
</ul>
</div>
<div class="dropdown-menu-holder product-names ">
<h5 class="title">Tools</h5>
<ul class="list-unstyled dropdown-menu-holder-list menu-col4">
<li>
<a href="/{{app.request.locale}}/menu-builder">Menu Builder</a>
</li>
<li class="d-none">
<a>Inventory Manager</a>
</li>
<li class="d-none">
<a>Training Suggester</a>
</li>
<li class="d-none">
<a>Profit Calculator</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="/{{app.request.locale}}/about-us">{{ "about-us"|trans }}</a>
</li>
<li class="nav-item d-none">
<a class="nav-link" href="/{{app.request.locale}}/loyalty-program">{{'Loyalty Program'|trans}}</a>
</li>
</ul>
<div class="extra-actions">
<div class="search-box d-none">
<input class="form-control" type="search" placeholder="{{'Search'|trans}}" aria-label="Search">
<a href="javascript:void(0);"><img src="/static/assets/images/search.svg" alt="Search"/></a>
</div>
<div class="email-us mx-3">
<a href="/{{app.request.locale}}/booking/index">{{ "Book a Demo"|trans }}</a>
</div>
<div class="email-us">
<a href="/{{app.request.locale}}/contact-us">{{'Contact Us '|trans}}<img src="/static/assets/images/message.svg" alt="Email Us"/></a>
</div>
</div>
</div>
</div>
</nav>
</div>

</div>
</div>
</header>

<script>
function storePdfForLater(pdfUrl) {
fetch('/store-pdf-session', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
},
body: JSON.stringify({ pdf: pdfUrl })
}).then(() => {
window.location.href = '/' + document.documentElement.lang + '/signin';
});
}
</script>

templates/includes/top-head.html.twig line 1