{% extends "layout/layout.html.twig" %}{# {% block title %}GFS::Recipe {{ }}{% endblock %} #}{% block content %} <!--Start Wrapper--> <!--Start Main Slider--> <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="{{chefbannerspotlight.sliders[0].slider_image.data}}" alt="chef banner image"> </div> <div class="slide-media slide-media-mobile"> <img src="{{chefbannerspotlight.sliders[0].slider_image_mobile.data}}" alt="chef banner image mobile"/> </div> <div class="silde-content-box"> <div class="slide-content"> <h1> <span class="title-sm d-block">{{ chefbannerspotlight.sliders[0].localizedfields.data.getLocalizedValue('heading')}}</span> <span class="title-lg underline-end">{{ chefbannerspotlight.sliders[0].localizedfields.data.getLocalizedValue('heading1')}}</u> </h3> </h1> {# <a href="javascript:void(0)" class="btn btn-custom btn-overlay">learn More</a> #} </div> </div> </div> </div> </div></div></section><!--End Main Slider--><!--Start Breadcrumbs--><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">{{'Our Chefs'|trans}}</li></ol></div><!--End Breadcrumbs--><!--Start Page Info Section--><section class="pageinfo-section"><div class="container container-sm"> <h2 class="title">{{'Our Chefs'|trans}}</h2> <p>{{'our_chef_main_desc'|trans}}</p></div></section><!--End Page Info Section--><!--Start chef Section--><section class="chef-section"><div class="container container-sm"> {% for Chefs in chefs %} <div class="chef-section-wrapper"> <div class="row"> <div class="col-md-5 col-xl-3"> <div class="chef-section-profile"> <div class="chef-section-profile-box"> {% if Chefs.chef_image %} <figure class="chef-section-profile-box-figure"> {# <img src="{{Chefs.chef_image}}" alt="{{Chefs.chef_name}}"> #} {{ Chefs.chef_image.thumbnail('350x492').getHTML({imgAttributes: {class:'',alt: Chefs.chef_name }})|raw }} </figure> {% else %} <figure class="chef-section-profile-box-figure __web-inspector-hide-shortcut__"> <img src="/static/assets/images/chef-pic-1.png" alt="chef-profile"> </figure> {% endif %} {# <div class="chef-section-profile-box-social "> <span>Follow us @ </span> <a href="https://www.facebook.com/{{Chefs.facebook}}" target="_blank" rel="noopener noreferrer"> <i class="fab fa-facebook-f"></i> </a> <a href="https://twitter.com/{{Chefs.twitter}}" target="_blank" rel="noopener noreferrer"> <i class="fab fa-twitter"></i> </a> <a href="https://www.instagram.com/{{Chefs.instagram}}" target="_blank" rel="noopener noreferrer"> <i class="fab fa-instagram"></i> </a> <a href="https://www.youtube.com/{{Chefs.youtube}}" target="_blank" rel="noopener noreferrer"> <i class="fab fa-youtube"></i> </a> </div> #} </div> </div> </div> <div class="col-md-7 col-xl-9"> <div class="chef-section-wrapper-information"> <h3>{{Chefs.chef_name}}</h3> <h5>{{Chefs.designation}}</h5> <p>{{Chefs.chief_note}}</p> {% if Chefs.Achieve|length !=0 %} <h3>{{'Achievements'|trans}}</h3> {% for i in 0..Chefs.Achieve|length -1 %} <p>- {{Chefs.Achieve[i].localizedfields.data.getLocalizedValue('achievements')}} </p> {% endfor %} {% endif %} </div> </div> </div> </div> <div class="chef-section-special"> <div class="row"> <div class="offset-xl-3 col-xl-9"> <div class="chef-section-special-area"> <div class="chef-section-special-area-slider"> <!--Start Featured Recipes Section--> <section class="featured-recipes-section inner-frecipes-section chef-special-dish"> {% if Chefs.chef_special_recipe %} <h2 class="heading">{{'Chef Special'|trans}}</h2> {% endif %} <div class="featured-recipes"> <div class="custom-slider featured-recipes-slider"> {% for i in 0..Chefs.chef_special_recipe|length -1 %} {% if Chefs.chef_special_recipe %} <div class="slide"> <div class="slide-holder"> <a href="/{{app.request.locale}}/all-recipes/{{Chefs.chef_special_recipe[i].url}}"> <figure class="slide-img"> {# <img src="{{Chefs.chef_special_recipe[i].featured_image}}" alt="Feature-Image"> #} {% if Chefs.chef_special_recipe[i] %} {{ Chefs.chef_special_recipe[i].featured_image.thumbnail('354x244').getHTML({imgAttributes: {class:'',alt: "Feature-Image" }})|raw }} {% endif %} {% if Chefs.chef_special_recipe[i].banner_video %} <i class="fas fa-play-circle"></i> {% endif %} </figure> </a> <div class="slide-content"> <div class="frecipes-box"> <a href="/{{app.request.locale}}/all-recipes/{{Chefs.chef_special_recipe[i].url}}"> <h3>{{Chefs.chef_special_recipe[i].name}}</h3> </a> <p>{{Chefs.chef_special_recipe[i].short_description}}</p> </div> <ul class="list-unstyled recipe-info"> {# <li class="mins">{{Chefs.chef_special_recipe[i].time}} {{'mins'|trans}}</li> #} <li class="orders">{{'No. Of'|trans}} {{'Serving'|trans}} {{Chefs.chef_special_recipe[i].serves}}</li> <li class="time">{{Chefs.chef_special_recipe[i].typeofmeal|trans}}</li> </ul> </div> </div> </div> {% endif %} {% endfor %} </div> </div> </section> <!--End Featured Recipes Section--> </div> </div> </div> </div> </div> {% endfor %}</div></section><!--End chef Section--><!--End Wrapper-->{% if (app.request.locale =='ar') %}{% set topMenu ="/en/our-professional-chefs" %}{% else %}{% set topMenu ="/ar/our-professional-chefs" %}{% endif %}<script>var _TopMenuLink = "{{ topMenu }}";</script>{% endblock %}