Symfony Profiler


<section class="recipes-filter d-none">
<div class="container container-lg">
<div class="media-section">
<img src="/static/assets/images/recipe-bg.png" alt="recipe esktop banner" class="desktop-banner">
<img src="/static/assets/images/recipe-bg.png" alt="recipe mobile banner" class="mobile-banner">
</div>
<div class="filter-section recipe-filter-wrapper">
<h4>{{'recipe_heading_1'|trans}}</h4>
<h3>{{'cooking'|trans}}
<b>{{'inspiration'|trans}}</b>
</h3>
</div>
</div>
</section>
<section class="recipes-filter recipe-filter-banner-section">
<div class="container container-lg">
<div
class="media-section">
{# {{ pimcore_image("myImage") }} #}
<img src="/static/assets/images/recipe-bg.png" alt="recipe esktop banner" class="desktop-banner">
<img src="/static/assets/images/recipe-bg.png" alt="recipe mobile banner" class="mobile-banner">
</div>
<div class="filter-section recipe-filter-wrapper">
<h1>
<span class="title-lg d-block">{{'recipe_heading_1'|trans}}</span>
<span class="title-sm underline-end"> {{'recipe_heading_2'|trans}}</b>
</span>
</h1>
<div class="filder-options">
<form action="/{{app.request.locale}}/searchrecipe#breadcrumbRecipe" method="get" id="caspioform">
<div class="input-holder">
<input type="text" name="recipename" placeholder="{{'Search for recipe'|trans}}" class="form-control" id="InsertRecordValue1">
<button type="submit" class="btn btn-custom btn-green"> {{'Search Recipe'|trans}}</button>
</div>
<div class="select-holder">
<div class="custom-dropdown cooking">
<select name="time" class="form-control" id="InsertRecordValue2">
<option value="">{{'Cooking Time'|trans}}
</option>
<option value="10">10
{{'mins'|trans}}</option>
<option value="20">20
{{'mins'|trans}}</option>
<option value="30">30
{{'mins'|trans}}</option>
<option value="40">40
{{'mins'|trans}}</option>
<option value="50">50
{{'mins'|trans}}</option>
<option value="60">60
{{'mins'|trans}}</option>
<option value="60">70
{{'mins'|trans}}</option>
<option value="80">80
{{'mins'|trans}}</option>
</select>
</div>
<div class="custom-dropdown serving">
<select name="serving" class="form-control" id="InsertRecordValue4">
<option value="">{{'Serving'|trans}}</option>
<option value="1">{{'Serving'|trans}}
1</option>
<option value="2">{{'Serving'|trans}}
2</option>
<option value="3">{{'Serving'|trans}}
3</option>
<option value="4">{{'Serving'|trans}}
4</option>
<option value="5">{{'Serving'|trans}}
5</option>
<option value="6">{{'Serving'|trans}}
6</option>
<option value="7">{{'Serving'|trans}}
7</option>
<option value="8">{{'Serving'|trans}}
8</option>
<option value="9">{{'Serving'|trans}}
9</option>
<option value="10">{{'Serving'|trans}}
10</option>
<option value="11">{{'Serving'|trans}}
11</option>
<option value="12">{{'Serving'|trans}}
12</option>
{# <option value = "13">{{'Serving'|trans}} 13</option>
<option value = "14">{{'Serving'|trans}} 14</option>
<option value = "15">{{'Serving'|trans}} 15</option> #}
</select>
</div>
<div class="custom-dropdown cuisine">
<select name="cuisine" class="form-control" id="InsertRecordValue3">
<option value="">{{'Cuisine'|trans}}
</option>
{% for recipecat in recipe_categories %}
<option value="{{recipecat.id}}">{{recipecat.recipecategoryname}}
</option>
{% endfor %}
</select>
</div>
</div>
</form>
<div
class="btn-holder advance-btn">
{# <div class="btn-border">
<a href="javascript:void(0)" class="btn btn-custom btn-lg-o-white">Search Recipes</a>
</div> #}
<button class="open-filter btn btn-lg-o-black">{{'Advance Filters'|trans}}</button>
<div class="advance-filters">
<form action="/{{app.request.locale}}/searchrecipe#breadcrumbRecipe" method="get" id="advancefliter">
<a href="javascript:void(0)" class="advance-close"><img src="/static/assets/images/icon-close.svg" alt="icon-close"></a>
<div class="filder-options">
<div class="input-holder">
<input type="text" name="recipename" placeholder="{{'Search for recipe'|trans}}" class="form-control" id="RecordValue1">
</div>
<div class="btn-border">
<a href="javascript:void(0)" class="btn btn-custom btn-lg-o-white">Search Recipes</a>
</div>
<div
class="btn-holder-top">
<button type="submit" class="btn btn-custom btn-search">{{'Search'|trans}}</button>
<a href="javascript:void(0)" class="btn btn-custom btn-reset">{{'Reset'|trans}}</a>
</div>
</div>
<div class="options-filter">
<div class="row">
<div class="col-12 col-md-6">
<div class="option-filter option-filter-cooking">
<h5 class="title">{{'Cooking Time'|trans}}</h5>
<select class="form-control" name="time" id="RecordValue2">
<option value="">{{'Minutes'|trans}}
</option>
<option value="10">10
{{'mins'|trans}}</option>
<option value="20">20
{{'mins'|trans}}</option>
<option value="30">30
{{'mins'|trans}}</option>
<option value="40">40
{{'mins'|trans}}</option>
<option value="50">50
{{'mins'|trans}}</option>
<option value="60">60
{{'mins'|trans}}</option>
<option value="60">70
{{'mins'|trans}}</option>
<option value="80">80
{{'mins'|trans}}</option>
</select>
</div>
</div>
<div class="col-12 col-md-6">
<div class="option-filter option-filter-servings">
<h5 class="title">{{'Serving'|trans}}</h5>
<select class="form-control" name="serving" id="RecordValue7">
<option value="">{{'Serving'|trans}}</option>
<option value="1">{{'Serving'|trans}}
1</option>
<option value="2">{{'Serving'|trans}}
2</option>
<option value="3">{{'Serving'|trans}}
3</option>
<option value="4">{{'Serving'|trans}}
4</option>
<option value="5">{{'Serving'|trans}}
5</option>
<option value="6">{{'Serving'|trans}}
6</option>
<option value="7">{{'Serving'|trans}}
7</option>
<option value="8">{{'Serving'|trans}}
8</option>
<option value="9">{{'Serving'|trans}}
9</option>
<option value="10">{{'Serving'|trans}}
10</option>
<option value="11">{{'Serving'|trans}}
11</option>
<option value="12">{{'Serving'|trans}}
12</option>
<option value="13">{{'Serving'|trans}}
13</option>
<option value="14">{{'Serving'|trans}}
14</option>
<option value="15">{{'Serving'|trans}}
15</option>
</select>
</div>
</div>
<div class="col-12 col-md-6">
<div class="option-filter option-filter-meal">
<h5 class="title">{{'Type of Meal'|trans}}</h5>
<select class="form-control" name="typeofmeal" id="RecordValue3">
<option value="">
{{'Type of Meal'|trans}}</option>
<option value="Lunch">
{{'Lunch'|trans}}</option>
<option value="Dinner">
{{'Dinner'|trans}}</option>
<option value="Dessert">
{{'Dessert'|trans}}</option>
<option value="Drink">
{{'Drink'|trans}}</option>
<option value="Breakfast">
{{'Breakfast1'|trans}}</option>
<option value="snack">
{{'snack'|trans}}</option>
<option value="bakery">
{{'bakery'|trans}}</option>
<option value="Appetizer">{{'Appetizer'|trans}}
</option>
</select>
</div>
</div>
<div class="col-12 col-md-6">
<div class="option-filter option-filter-cuisine">
<h5 class="title">{{'Cuisine'|trans}}</h5>
<select class="form-control" name="cuisine" id="RecordValue4">
<option value="">{{'Cuisine'|trans}}
</option>
{% for recipecat in recipe_categories %}
<option value="{{recipecat.id}}">{{recipecat.recipecategoryname}}
</option>
{% endfor %}
</select>
</div>
</div>
</div>
</div>
<div class="product-listing">
<h5 class="title">{{'Featured Products'|trans}}</h5>
<ul class="list-unstyled filter-products multicheck">
{% for featuredproducts in featured_products %}
<li>
<input type="checkbox" class="styled-checkbox RecordValue5" name="product[]" id="{{ featuredproducts.id}}" value="{{ featuredproducts.id}}">
<label for="{{featuredproducts.id}}">
<div class="custom-filter-checkbox">
<figure>
{% if featuredproducts.attrimage.Items[0] is defined %}
<img src="{{ featuredproducts.attrimage.Items[0] }}" alt="{{ featuredproducts.name }}">
{% endif %}
</figure>
<h6>{{ featuredproducts.name}}</h6>
</div>
</label>
</li>
{% endfor %}
</ul>
</div>
<div class="product-listing ingredients-listing">
<h5 class="title">{{'Main Ingredients'|trans}}</h5>
<ul class="list-unstyled filter-products multicheck scrollbar" id="style-1">
{% for key , main_ingredeints in mainingredeints %}
{% if main_ingredeints != "Goody chicken stock powder" and main_ingredeints != "Goody stuffed grape leaves" and main_ingredeints != "Treva tomato paste" and main_ingredeints != "Goody apple nectar" and main_ingredeints != "Goody professional golden corn kernel, drained" and main_ingredeints != "penne pasta goody" and main_ingredeints != "Goody tuna" and main_ingredeints != "Treva biscuit" and main_ingredeints != "Goody golden corn" and main_ingredeints != "Goody Chicken stock powder" %}
{% if key <= 21 %}
<li>
<input type="checkbox" class="styled-checkbox RecordValue6" name="ing[]" id="ing{{key}}" value="{{ main_ingredeints}}">
<label for="ing{{key}}">
<div class="custom-filter-checkbox">
<figure>
<h6>
{% if app.request.locale == 'en' %}
{{main_ingredeints}}
{% else %}
{% if mainingredeints_ar[key] == 'N/A' %}
{{main_ingredeints}}
{% else %}
{{mainingredeints_ar[key]}}
{% endif %}
{% endif %}
{# {{ (app.request.locale == 'en') ? main_ingredeints : mainingredeints_ar[key] }}</h6> #}
</figure>
</div>
</label>
</li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div>
<div class="filder-options filder-options-bottom">
<div
class="btn-holder-top">
{# <a href="javascript:void(0)" class="btn btn-custom btn-search">Search</a> #}
<button type="submit" class="btn btn-custom btn-search">{{'Search'|trans}}</button>
<a href="javascript:void(0)" class="btn btn-custom btn-reset">{{'Reset'|trans}}</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>

<script>
// Advance Filter start
var input1 = document.querySelector('#InsertRecordValue1');
var input2 = document.querySelector('#InsertRecordValue2');
var input3 = document.querySelector('#InsertRecordValue3');
var input4 = document.querySelector('#InsertRecordValue4');
document.querySelector('#caspioform').onsubmit = function (e) {
e.preventDefault();
if (input1.value.length > 0) {
this.submit();
} else if (input2.value.length > 0) {
this.submit();
} else if (input3.value.length > 0) {
this.submit();
} else if (input4.value.length > 0) {
this.submit();
} else {
alert('Please fill at least one field to continue');
//input.focus();
}
}
// Advance Filter End
// for advancefilter search validator
var inpuval1 = document.querySelector('#RecordValue1');
var inpuval2 = document.querySelector('#RecordValue2');
var inpuval3 = document.querySelector('#RecordValue3');
var inpuval4 = document.querySelector('#RecordValue4');
var inpuval7 = document.querySelector('#RecordValue7');
var inpuval5 = document.querySelector('.RecordValue5');
var inpuval6 = document.querySelector('.RecordValue6');
document.querySelector('#advancefliter').onsubmit = function (e) {
e.preventDefault();
if (inpuval1.value.length > 0) {
this.submit();
} else if (inpuval2.value.length > 0) {
this.submit();
} else if (inpuval3.value.length > 0) {
this.submit();
} else if (inpuval4.value.length > 0) {
this.submit();
} else if (inpuval7.value.length > 0) {
this.submit();
} else if ($('.RecordValue5:checkbox:checked').length > 0) {
this.submit();
} else if ($('.RecordValue6:checkbox:checked').length > 0) {
this.submit();
} else {
alert('Please fill at least one field to continue');
// input.focus();
}
}
// for advancefilter search validator end
</script>

templates/Recipes/advancefilter-block.html.twig line 1