Symfony Profiler

{% extends "layout/layout.html.twig" %}
{# {% block title %}GFS::Recipe{% endblock %} #}
{% block content %}
{{ render(controller('App\\Controller\\Recipes\\RecipesController::advancefilterBlock')) }}

<div class="breadcrumb-holder">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="/en">{{"Home"|trans }}</a>
</li>
<li class="breadcrumb-item active" aria-current="page">{{"recipes"|trans }}</li>
</ol>
</div>


<section class="info-media info-media-video inner-info-mediavdo info-resources recipe__page position-bg-img fish-tuna-section-rcps">
<div class="container container-sm">
<div class="row">
{% for chef_special_recipe in chefspecialrecipe %}
<div class="col-12 col-md-12 col-lg-6">
<div class="info-section">
<h5>{{chef_special_recipe.heading}}</h5>
{# <h4>{{chef_special_recipe.chief_note}}</h4> #}
<h3>{{chef_special_recipe.chef_special_recipe[0].name}}</h3>
<h6 class="resource-name">{{'by'|trans}}
{{chef_special_recipe.chef_special_recipe[0].Chef}}</h6>
<p>{{chef_special_recipe.chef_special_recipe[0].short_description}}</p>
<ul
class="list-unstyled recipe-info">
{# <li class="mins">{{chef_special_recipe.chef_special_recipe[0].time}} {{"mins"|trans }}</li> #}
<li class="orders"> {{'No. Of Serving'|trans}} {{chef_special_recipe.chef_special_recipe[0].serves}}</li>
<li class="time"> {{chef_special_recipe.chef_special_recipe[0].typeofmeal|trans}}</li>
</ul>
<div class="btn-holder">
<div class="btn-border">
<a href="/{{app.request.locale}}/all-recipes/{{chef_special_recipe.chef_special_recipe[0].url}}" class="btn btn-custom btn-green">{{'View Recipe'|trans}}</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6">
<div class="media-section media-section-01 tunafish-edited">
{% if chef_special_recipe.chef_special_recipe[0].banner_video is empty %}
{{ chef_special_recipe.chef_special_recipe[0].featured_image.thumbnail('354x244').getHTML({imgAttributes: {class:'',alt:chef_special_recipe.chef_special_recipe[0].name }})|raw }}
{% else %}
<video poster="{{chef_special_recipe.chef_special_recipe[0].featured_image}}" preload="auto" loop="true" autoplay="true" muted="true" playsinline>
<source src="{{chef_special_recipe.chef_special_recipe[0].banner_video.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> #}
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
{% include "layout/baseimage.html.twig" %}
</section>


<section class="featured-recipes-section inner-frecipes-section recipe-brand-similer recipe-first-section">
<div class="container container-sm">
<h2 class="heading">{{'Recipes by Brands'|trans}}</h2>
<div class="featured-recipes">
<div class="custom-slider featured-recipes-slider">
{% for brand_recipes in brandrecipes %}
<div class="slide">
<div class="slide-holder">
<a href="/{{app.request.locale}}/all-recipes/{{ brand_recipes.url }}" tabindex="0">
<figure class="slide-img">
{# <img src="{{brand_recipes.featured_image}}" alt="brand Feature Product"> #}
{% if brand_recipes.featured_image %}
{{ brand_recipes.featured_image.thumbnail('354x244').getHTML({imgAttributes: {class:'',alt:"brand Feature Product" }})|raw }}
{% endif %}
{% if brand_recipes.banner_video %}
<i class="fas fa-play-circle"></i>
{% endif %}
</figure>
</a>
<div class="slide-content">
<div class="frecipes-box frecipes-box-first">
<a href="/{{app.request.locale}}/all-recipes/{{ brand_recipes.url }}" tabindex="0">
<h3>{{brand_recipes.name}}</h3><a/>
<p>{{brand_recipes.short_description}}</p>
<div class="chef-names">{{'With'|trans}}
{{brand_recipes.brand_name}}</div>
</div>
<ul
class="list-unstyled recipe-info">
{# <li class="mins">{{brand_recipes.time}}{{"mins"|trans }}</li> #}
<li class="orders">{{'No. Of Serving'|trans}} {{brand_recipes.serves}}</li>
<li class="time">{{brand_recipes.typeofmeal|trans }}</li>
</ul>
<div class="btn-holder recipe-edit-btn-holder">
<a href="/{{app.request.locale}}/all-recipes/{{brand_recipes.url}}" class="btn btn-lg-o-black">{{'View Recipe'|trans}}</a>
</div>
</div>
{# <div class="btn-holder">
<a href="/{{app.request.locale}}/all-recipes/{{brand_recipes.url}}" class="btn btn-custom btn-green">{{'View Recipe'|trans}}</a>
</div> #}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</section>


<section class="info-media info-media-video inner-info-mediavdo position-bg-img video-recipe-page-secondsection">
<div class="container container-sm">
{% for goody_recipes in goodyrecipes %}
<div class="info-section">
<h5>{{'Featured: Recipes with'|trans}}
{{goody_recipes.brand_name}}
{{'Products'|trans}}</h5>
{# <h4>The awesome</h4> #}
<h3>{{goody_recipes.name}}</h3>
<p>{{goody_recipes.short_description}}
</p>
<ul
class="list-unstyled recipe-info">
{# <li class="mins">{{goody_recipes.time}}{{"mins"|trans }}</li> #}
<li class="orders">{{'No. Of Serving'|trans}} {{goody_recipes.serves}}</li>
<li class="time">{{goody_recipes.typeofmeal|trans }}</li>
</ul>
<div class="btn-holder">
<div class="btn-border ">
<a href="/{{app.request.locale}}/all-recipes/{{goody_recipes.url}}" class="btn btn-custom btn-green">{{'View Recipe'|trans}}</a>
</div>
</div>
</div>
<div class="media-section media-section-02">
{% if goody_recipes.banner_video is empty %}
<img src="{{goody_recipes.featured_image}}" alt="Goody Feature Product">
{% else %}
<video poster="{{goody_recipes.featured_image}}" preload="auto" loop="true" autoplay="true" muted="true" playsinline>
<source src="{{goody_recipes.banner_video.data}}" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="control-options d-none">
<i class="fas fa-play-circle"></i>
<i class="fas fa-pause-circle"></i>
</div>
{% endif %}
</div>
{% endfor %}
</div>
{% include "layout/baseimage.html.twig" %}
</section>



<section class="featured-recipes-section inner-featured-recipe with-ellipses recipe-brand-similer"> <div class="container container-sm">
<div class="featured-recipes">
<div class="custom-slider featured-recipes-slider">
{% for brand_recipes1 in brandrecipes1 %}
<div class="slide">
<div class="slide-holder">
<a href="/{{app.request.locale}}/all-recipes/{{ brand_recipes1.url }}" tabindex="0">
<figure class="slide-img">
{% if brand_recipes1.featured_image %}
{# <img src="{{brand_recipes1.featured_image}}" alt="Feature Product"> #}
{{ brand_recipes1.featured_image.thumbnail('354x244').getHTML({imgAttributes: {class:'',alt:"Feature Product" }})|raw }}
{% endif %}
{% if brand_recipes1.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/{{ brand_recipes1.url }}" tabindex="0">
<h3>{{brand_recipes1.name}}</h3>
</a>
<p>{{brand_recipes1.short_description}}</p>
<div class="chef-names">{{'With'|trans}}
{{brand_recipes1.brand_name}}</div>
</div>
<ul
class="list-unstyled recipe-info">
{# <li class="mins">{{brand_recipes1.time}}{{"mins"|trans }}</li> #}
<li class="orders">{{'No. Of Serving'|trans}} {{brand_recipes1.serves}}</li>
<li class="time">{{brand_recipes1.typeofmeal|trans}}</li>
</ul>
<div class="btn-holder btn-recipe-edited">
<a href="/{{app.request.locale}}/all-recipes/{{brand_recipes1.url}}" class="btn btn-lg-o-black">{{'View Recipe'|trans}}</a>
</div>
</div>
{# <div class="btn-holder">
<a href="/{{app.request.locale}}/all-recipes/{{brand_recipes1.url}}" class="btn btn-custom btn-green">{{'View Recipe'|trans}}</a>
</div> #}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</section>


<section class="info-media loyalty-program inner-loyalty-program inner_white_bg tools-for-you-section-rcps">
<div class="container container-sm">
<div class="info-section">
<h5 class="blueTix">{{'Tools for you'|trans}}</h5>
<h4>{{'Get the right menu'|trans}}</h4>
<h3>{{'ideas and right cost'|trans}}</h3>
<p class="blueTix">{{'Make your menu options more profitable.'|trans}}</p>
<div class="btn-holder">
<div class="newsletter-subscribe">
<h4 class="cstsmLP">"{{'Coming Soon'|trans}}"</h4>
</div>
<div class="btn-border d-none">
<a href="javascript:void(0);" class="btn btn-custom btn-lg-o-white">{{'Coming soon'|trans}}</a>
<a href="javascript:void(0);" class="btn btn-custom btn-lg-o-white d-none">Discover More</a>
</div>
</div>
</div>
<div class="media-section media-shadow">
<img src="/static/assets/images/Recipe_Menu_Builder_875x550.jpg" alt="Media Shadow">
</div>
</div>
</section>


<section class="featured-recipes-section inner-featured-recipe inner-last-featured with-ellipses recipe-brand-similer recipe-brand-diff">
<div class="container container-sm">
<div class="featured-recipes ">
<div class="custom-slider featured-recipes-slider new_div">
{% for brand_recipes2 in brandrecipes2 %}
<div class="slide">
<div class="slide-holder">
<a href="/{{app.request.locale}}/all-recipes/{{ brand_recipes2.url }}" tabindex="0">
<figure class="slide-img">
{# <img src="{{brand_recipes2.featured_image}}" alt="Feature Image"> #}
{% if brand_recipes2.featured_image %}
{{ brand_recipes2.featured_image.thumbnail('354x244').getHTML({imgAttributes: {class:'',alt:"Feature Image" }})|raw }}
{% endif %}
{% if brand_recipes2.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/{{ brand_recipes2.url }}" tabindex="0">
<h3>{{brand_recipes2.name}}</h3>
</a>
<p>{{brand_recipes2.short_description}}</p>
<div class="chef-names">{{'With'|trans}}
{{brand_recipes2.brand_name}}</div>
</div>
<ul
class="list-unstyled recipe-info">
{# <li class="mins">{{brand_recipes2.time}}{{"mins"|trans }}</li> #}
<li class="orders">{{'No. Of Serving'|trans}} {{brand_recipes2.serves}}</li>
<li class="time">{{brand_recipes2.typeofmeal|trans }}</li>
</ul>
<div class="btn-holder btn-recipe-edited">
<a href="/{{app.request.locale}}/all-recipes/{{brand_recipes2.url}}" class="btn btn-lg-o-black">{{'View Recipe'|trans}}</a>
</div>
</div>
{# <div class="btn-holder">
<a href="/{{app.request.locale}}/all-recipes/{{brand_recipes2.url}}" class="btn btn-custom btn-green">{{'View Recipe'|trans}}</a>
</div> #}
</div>
</div>
{% endfor %}
</div>
{# <div class="load-more">
<a href="javascript:void(0)" class="btn btn-custom btn-outline btn-load" onclick="loadMoreRecipes()">Load more</a>
</div> #}
</div>
</div>
</section>
{% if (app.request.locale =='ar') %}
{% set topMenu ="/en/recipes" %}
{% else %}
{% set topMenu ="/ar/recipes" %}
{% endif %}
<script type="text/javascript">
{# let page = 3;
function loadMoreRecipes() {
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) {
$('.new_div').append(data.success);
page++;
} else if (data.success == '') {
$('.btn-load').hide();
}
}
});
} #}
</script>
<script type="text/javascript">
// for general search validator
var _TopMenuLink = "{{ topMenu }}";
</script>


{% endblock %}

templates/Recipes/recipes.html.twig line 27