templates/Recipe/recipes.html.twig line 1

  1. {% extends "layout/layout.html.twig" %}
  2. {% block content %}
  3.   {% set locale = app.request.locale %}
  4. {% if locale == 'en_GB' %}
  5.     {% set locale = 'en' %}
  6. {% endif %}
  7.   <span class = "pagetype d-none" >Main Recipe Page</span>
  9.       <section class="recipe-top">
  10.       <!--Start Banner Recipe-->
  11.       <div class="banner-recipe">
  12.         <div class="rec-hm-cont recipe-edited-container">
  13.           <h2 class="gtm-contentval">{{ "recipebannertext"|trans }}</h2>
  14.           <h1 class="gtm-contentval">{{ "recipehome"|trans }}</h1>
  15.           <form method ="get" action="/{{locale}}/{{ "recipes_search"|trans }}">
  16.           <div class="search-box">
  17.             <input type="text" name="q" placeholder="{{ "searchplaceholder"|trans }}">
  18.             <!-- <span><i class="fa fa-filter" aria-hidden="true"></i></span> -->
  19.             <button class="search-btn" type="submit">
  20.               <i class="fa fa-search"></i>
  21.             </button>
  22.           </div>
  23.           </form>
  24.           <div class="adv-filter" style ="display: block !important;">
  25.             <button class="btn btn-secondary" data-toggle="modal" data-target="#filterModal">
  26.               <i class="fa fa-filter"></i>
  27.                {{ "advancebtn"|trans }}
  28.             </button> 
  29.           </div>
  30.           <div class="suggestion-box">
  31.           {% for tag in tags %}
  32.             {# <!-- href="/<?php echo $weblink; ?>/searchbytag/<= $tag->getTag() ?>/" --> #}
  33.             <a href="/{{locale}}/{{ "searchbytag"|trans }}/{{tag.url}}" class="btn-secondary" >{{tag.tag}}</a>
  34.           {% endfor %}
  35.           </div>
  36.         </div>{{ pimcore_image("RecipehomebannerImg") }}</div>
  37.       <!--End Banner Recipe-->
  38.      
  39.       <div class="d-none d-md-block row custom-slider fill-dots top-feature-slider">
  40.       {% for  key , recipe in recipes %}
  41.         {% if key < 4 %}
  42.          
  43.         <div class="col-xl-3 slide " data-aos="fade-up">
  44.           <div class="slide-box R-slide-wrap">
  45.             <figure class="similar-img">
  46.             {% if recipe.featured_image is defined %}
  47.             <a href="/{{locale}}/{{ "all-recipes-link"|trans }}/{{recipe.url}}"><img src="{{recipe.featured_image}}" alt="{{recipe.name}} Recipe" class="img-fluid"></a>
  48.               {% endif %}
  49.             </figure>
  51.             <a class="remove-anchor-style1" href="/{{locale}}/{{ "all-recipes-link"|trans }}/{{recipe.url}}"><h3 class="similar-title">{{recipe.name}}</h3></a>
  53.                     {% set totalrating = 0 %}
  54.                        {% set totalreviews = 0 %}
  55.                         {% for i in 0..recipe|length -1  %}
  56.                            
  57.                                 {% for reviews in recipe_reviews %}
  58.                                    {% if reviews.recipe_id.id == recipe.id %}
  59.                                     {% set totalrating = totalrating + reviews.rating %}
  60.                                     {% set totalreviews = totalreviews + 1  %}
  61.                                    {% endif %}
  62.                                 {% endfor %}
  64.                             
  65.                             
  67.                         {% endfor %}
  68.                                     {% if totalreviews > 0 %}
  69.                                     {% set rating =  (totalrating / totalreviews)|round %}
  70.                                     {% else %}
  71.                                         {% set rating =  0 %}
  72.                                     {% endif %}
  73.                     <!--Start Rating Star-->
  74.                
  75.                  <div class="rating-holder">
  76.                     <fieldset class="ratings rating-sm">
  77.                        {% if rating == '5' %} 
  78.                     <input type="radio" value="5" checked>
  79.                       {% else %}
  80.                     <input type="radio"  value="5" >
  81.                     {% endif %} 
  82.                     <label class="full" for="1rviewar5" title="5 stars"></label>
  84.                    {% if rating == '4' %} 
  85.                     <input type="radio"  value="4" checked>
  86.                      {% else %}
  87.                     <input type="radio"  value="4" >
  88.                    {% endif %} 
  89.                     <label class="full" for="1reviwstar4" title=" 4 stars"></label>
  91.                    {% if rating == '3' %} 
  92.                     <input type="radio"  value="3" checked>
  93.                      {% else %}
  94.                     <input type="radio"  value="3" >
  95.                    {% endif %} 
  96.                     <label class="full" for="1reviewsar3" title="3 stars"></label>
  98.                    {% if rating == '2' %} 
  99.                     <input type="radio"  value="2" checked>
  100.                       {% else %}
  101.                     <input type="radio"  value="2" >
  102.                     {% endif %} 
  103.                     <label class="full" for="1reviestar2" title="2 stars"></label>
  105.                    {% if rating == '1' %} 
  106.                     <input type="radio"  value="1" checked>
  107.                      {% else %}
  108.                     <input type="radio"  value="1">
  109.                    {% endif %} 
  110.                     <label class="full" for="1reviewar1" title="1 star"></label>
  111.                     
  112.                   </fieldset>
  113.             </div>
  114.           
  115.                     <!--End Rating Star-->
  117.             <div class="serving-info">
  118.               <ul class="list-unstyled">
  119.                 <li class="time">{{recipe.time}} {{"mins"|trans }}</li>
  120.                
  121.                 {% if recipe.getServing() == '1' %}
  122.                     <li class="serve">{{ recipe.getServing() }}
  123.                     {{ recipe.getServing2() ? '- ' ~ recipe.getServing2() : '' }}
  124.                     {{ 'Serving'|trans }}</li>
  125.                 {% else %}
  126.                     <li class="serve">{{ recipe.getServing() }}
  127.                     {{ recipe.getServing2() ? '- ' ~ recipe.getServing2() : '' }}
  128.                     {{ 'Servings'|trans }}</li>
  129.                 {% endif %}
  131.               </ul>
  132.             </div>
  133.           </div>
  134.         </div>
  135.             {% endif %}
  136.        {% endfor %}
  137.       </div>
  139.       <!-- mobile top-feature-slider  -->
  140.          
  141.       <div class="d-block d-lg-none d-md-none d-m row custom-slider fill-dots top-feature-slider">
  142.          {% for  key , recipe in recipes %}
  143.             {% if key < 4 %}
  144.         <div class="col-xl-3 slide" data-aos="fade-up">
  145.           <div class="slide-box R-slide-wrap">
  146.             <figure class="similar-img">
  147.             {% if recipe.featured_image is defined %}
  148.                 <a href="/{{locale}}/{{ "all-recipes-link"|trans }}/{{recipe.url}}"><img src="{{recipe.featured_image}}" alt="{{recipe.name}} Recipe" class="img-fluid"></a>
  149.               {% endif %}
  150.               </figure>
  152.             <a class="remove-anchor-style1" href="/{{locale}}/{{ "all-recipes-link"|trans }}/{{recipe.url}}"><h3 class="similar-title">{{recipe.name}}</h3></a>
  154.                     {% set totalrating = 0 %}
  155.                        {% set totalreviews = 0 %}
  156.                         {% for i in 0..recipe|length -1  %}
  157.                            
  158.                                 {% for reviews in recipe_reviews %}
  159.                                    {% if reviews.recipe_id.id == recipe.id %}
  160.                                     {% set totalrating = totalrating + reviews.rating %}
  161.                                     {% set totalreviews = totalreviews + 1  %}
  162.                                    {% endif %}
  163.                                 {% endfor %}
  164.                         {% endfor %}
  165.                         {% if totalreviews > 0 %}
  166.                           {% set rating =  (totalrating / totalreviews)|round %}
  167.                         {% else %}
  168.                             {% set rating =  0 %}
  169.                         {% endif %}
  170.                     <!--Start Rating Star-->
  171.                
  172.                 <div class="rating-holder">
  173.                 <fieldset class="ratings rating-sm">
  174.                        {% if rating == '5' %} 
  175.                     <input type="radio" value="5" checked>
  176.                       {% else %}
  177.                     <input type="radio"  value="5" >
  178.                     {% endif %} 
  179.                     <label class="full" for="1rviewar5" title="5 stars"></label>
  181.                    {% if rating == '4' %} 
  182.                     <input type="radio"  value="4" checked>
  183.                      {% else %}
  184.                     <input type="radio"  value="4" >
  185.                    {% endif %} 
  186.                     <label class="full" for="1reviwstar4" title=" 4 stars"></label>
  188.                    {% if rating == '3' %} 
  189.                     <input type="radio"  value="3" checked>
  190.                      {% else %}
  191.                     <input type="radio"  value="3" >
  192.                    {% endif %} 
  193.                     <label class="full" for="1reviewsar3" title="3 stars"></label>
  195.                    {% if rating == '2' %} 
  196.                     <input type="radio"  value="2" checked>
  197.                       {% else %}
  198.                     <input type="radio"  value="2" >
  199.                     {% endif %} 
  200.                     <label class="full" for="1reviestar2" title="2 stars"></label>
  202.                    {% if rating == '1' %} 
  203.                     <input type="radio"  value="1" checked>
  204.                      {% else %}
  205.                     <input type="radio"  value="1">
  206.                    {% endif %} 
  207.                     <label class="full" for="1reviewar1" title="1 star"></label>
  208.                     
  209.                   </fieldset>
  210.             </div>
  211.           
  212.                     <!--End Rating Star-->
  214.             <div class="serving-info">
  215.               <ul class="list-unstyled">
  216.                 <li class="time">{{recipe.time}} {{"mins"|trans }}</li>
  218.                  
  219.                  {% if recipe.getServing() == '1' %}
  220.                     <li class="serve">{{ recipe.getServing() }}
  221.                     {{ recipe.getServing2() ? '- ' ~ recipe.getServing2() : '' }}
  222.                     {{ 'Serving'|trans }}</li>
  223.                 {% else %}
  224.                     <li class="serve">{{ recipe.getServing() }}
  225.                     {{ recipe.getServing2() ? '- ' ~ recipe.getServing2() : '' }}
  226.                     {{ 'Servings'|trans }}</li>
  227.                 {% endif %}
  228.                        </ul>
  229.             </div>
  230.           </div>
  231.         </div>
  232.             {% endif %}
  233.        {% endfor %}
  234.       </div>
  236.       <!-- End mobile top-feature-slider  -->
  237.     </section>
  238.  <!--Start Recipe of the Day Section-->
  239.     
  240.     <!--End Recipe of the Day Section-->
  243.        <!--Start Featured Recipes-->
  244.     <section id="section06" class="home-section recipe-top similar-recipes featured-recipes">
  245.       <div class="container-xl custom-container-xl">
  247.         <div class="section-heading">
  248.           <h2 class="sub-xl-heading gtm-contentval">{{"FeaturedRecipes"|trans }}</h2>
  249.         </div>
  250.         <div class="filter-recipe">
  251.           <!-- <h4><?= $this->translate("Filterrecipesby"); ?></h4> -->
  252.           <div class="suggestion-box">
  253.           
  254.           {# <?php $arr = array('values');
  255.             foreach($this->tags as $tag){
  256.               foreach ($this->featuredrecipe as $key => $frecipe) { 
  257.                for($i=0; $i<count($frecipe->getTags()); $i++){
  258.                  if($frecipe->getTags()[$i]->getTag() == $tag->getTag() ){
  259.                    if (in_array($tag->getTag(), $arr)){ } else { array_push($arr,$tag->getTag()); ?>
  260.               <!-- href="/<?php echo $weblink; ?>/searchbytag/featured/<= $tag->getTag() ?>" -->
  261.               <!-- <a class="btn-secondary fftag"  data-tag="<?= $tag->getTag() ?>" href="/<?php echo $weblink; ?>/searchbytag/<?= $tag->getUrl() ?>/" data-aos="fade-up" data-aos-duration="400"><?= $tag->getTag() ?></a> -->
  262.           <?php }  } } } }?> #}
  263.           </div>
  265.           <div class="adv-filter d-none">
  266.           <a href="/{{locale}}/recipes" data-aos="zoom-in-up">
  267.             <button class="btn btn-secondary"  data-aos="fade-up" data-aos-duration="500">
  268.               <i class="fa fa-search"></i>
  269.                {{"SearchRecipes"|trans }}
  270.             </button></a>
  271.           </div>
  272.         </div>
  273.         <!--Start Slider-->
  274.   
  275.         <div class="row custom-slider fill-dots featured-recipe-lg">
  276.         {% for key , frecipe in featuredrecipe %}
  277.         {% if  key < 8 %}
  278.           <div class="col-xl-3 slide" data-aos="zoom-in-up">
  279.             <div class="slide-box p-slide-wrap">
  280.               <figure class="similar-img">
  281.                 <a href="/{{locale}}/{{ "all-recipes-link"|trans }}/{{frecipe.url}}" ><img src="{{frecipe.featured_image}}" alt="{{frecipe.name}} Recipe" class="img-fluid"></a>
  282.               </figure>
  284.               <a class="remove-anchor-style1" href="/{{locale}}/{{ "all-recipes-link"|trans }}/{{frecipe.url}}" ><h3 class="similar-title">{{frecipe.name}}</h3></a>
  286.                      {% set totalrating = 0 %}
  287.                        {% set totalreviews = 0 %}
  288.                         {% for i in 0..frecipe|length -1  %}
  289.                            
  290.                                 {% for reviews in recipe_reviews %}
  291.                                    {% if reviews.recipe_id.id == frecipe.id %}
  292.                                     {% set totalrating = totalrating + reviews.rating %}
  293.                                     {% set totalreviews = totalreviews + 1  %}
  294.                                    {% endif %}
  295.                                 {% endfor %}
  297.                         {% endfor %}
  298.                         {% if totalreviews > 0 %}
  299.                         {% set rating =  (totalrating / totalreviews)|round %}
  300.                         {% else %}
  301.                           {% set rating =  0 %}
  302.                         {% endif %}
  303.                     <!--Start Rating Star-->
  304.                
  305.                 <div class="rating-holder">
  306.                       <fieldset class="ratings rating-sm">
  307.                        {% if rating == '5' %} 
  308.                     <input type="radio" value="5" checked>
  309.                       {% else %}
  310.                     <input type="radio"  value="5" >
  311.                     {% endif %} 
  312.                     <label class="full" for="1rviewar5" title="5 stars"></label>
  314.                    {% if rating == '4' %} 
  315.                     <input type="radio"  value="4" checked>
  316.                      {% else %}
  317.                     <input type="radio"  value="4" >
  318.                    {% endif %} 
  319.                     <label class="full" for="1reviwstar4" title=" 4 stars"></label>
  321.                    {% if rating == '3' %} 
  322.                     <input type="radio"  value="3" checked>
  323.                      {% else %}
  324.                     <input type="radio"  value="3" >
  325.                    {% endif %} 
  326.                     <label class="full" for="1reviewsar3" title="3 stars"></label>
  328.                    {% if rating == '2' %} 
  329.                     <input type="radio"  value="2" checked>
  330.                       {% else %}
  331.                     <input type="radio"  value="2" >
  332.                     {% endif %} 
  333.                     <label class="full" for="1reviestar2" title="2 stars"></label>
  335.                    {% if rating == '1' %} 
  336.                     <input type="radio"  value="1" checked>
  337.                      {% else %}
  338.                     <input type="radio"  value="1">
  339.                    {% endif %} 
  340.                     <label class="full" for="1reviewar1" title="1 star"></label>
  341.                     
  342.                   </fieldset>
  343.               </div>
  344.           
  345.                     <!--End Rating Star-->
  347.               <div class="serving-info">
  348.                 <ul class="list-unstyled">
  349.                   <li class="time">{{frecipe.time}} {{"mins"|trans }}</li>
  350.                  
  351.                  {% if frecipe.getServing() == '1' %}
  352.                     <li class="serve">{{ frecipe.getServing() }}
  353.                     {{ frecipe.getServing2() ? '- ' ~ frecipe.getServing2() : '' }}
  354.                     {{ 'Serving'|trans }}</li>
  355.                 {% else %}
  356.                     <li class="serve">{{ frecipe.getServing() }}
  357.                     {{ frecipe.getServing2() ? '- ' ~ frecipe.getServing2() : '' }}
  358.                     {{ 'Servings'|trans }}</li>
  359.                 {% endif %}
  360.                   </ul>
  361.               </div>
  362.               <p>{{frecipe.description|striptags}}</p>
  363.             </div>
  364.           </div>
  365.           {% endif %}
  366.          {% endfor %}
  367.          </div>
  369.       <div class="row custom-slider similar-slider fill-dots featured-recipe-sm ">
  370.          {% for key , frecipe in featuredrecipe %}
  371.             {% if  key < 8 %}
  372.           <div class="col-xl-3 slide" data-aos="zoom-in-up">
  373.             <div class="slide-box p-slide-wrap">
  374.               <figure class="similar-img">
  375.                 <a href="/{{locale}}/{{ "all-recipes-link"|trans }}/{{frecipe.url}}" ><img src="{{frecipe.featured_image}}" alt="{{frecipe.name}} Recipe" class="img-fluid"></a>
  376.               </figure>
  378.               <a class="remove-anchor-style1" href="/{{locale}}/{{ "all-recipes-link"|trans }}/{{frecipe.url}}" ><h3 class="similar-title">{{frecipe.name}}</h3></a>
  380.                     {% set totalrating = 0 %}
  381.                        {% set totalreviews = 0 %}
  382.                         {% for i in 0..frecipe|length -1  %}
  383.                            
  384.                                 {% for reviews in recipe_reviews %}
  385.                                    {% if reviews.recipe_id.id == frecipe.id %}
  386.                                     {% set totalrating = totalrating + reviews.rating %}
  387.                                     {% set totalreviews = totalreviews + 1  %}
  388.                                    {% endif %}
  389.                                 {% endfor %}  
  391.                         {% endfor %}
  392.                        {% if totalreviews > 0 %}
  393.                         {% set rating =  (totalrating / totalreviews)|round %}
  394.                         {% else %}
  395.                           {% set rating =  0 %}
  396.                         {% endif %}
  397.               
  398.                
  399.                 <div class="rating-holder">
  400.                       <fieldset class="ratings rating-sm">
  401.                        {% if rating == '5' %} 
  402.                     <input type="radio" value="5" checked>
  403.                       {% else %}
  404.                     <input type="radio"  value="5" >
  405.                     {% endif %} 
  406.                     <label class="full" for="1rviewar5" title="5 stars"></label>
  408.                    {% if rating == '4' %} 
  409.                     <input type="radio"  value="4" checked>
  410.                      {% else %}
  411.                     <input type="radio"  value="4" >
  412.                    {% endif %} 
  413.                     <label class="full" for="1reviwstar4" title=" 4 stars"></label>
  415.                    {% if rating == '3' %} 
  416.                     <input type="radio"  value="3" checked>
  417.                      {% else %}
  418.                     <input type="radio"  value="3" >
  419.                    {% endif %} 
  420.                     <label class="full" for="1reviewsar3" title="3 stars"></label>
  422.                    {% if rating == '2' %} 
  423.                     <input type="radio"  value="2" checked>
  424.                       {% else %}
  425.                     <input type="radio"  value="2" >
  426.                     {% endif %} 
  427.                     <label class="full" for="1reviestar2" title="2 stars"></label>
  429.                    {% if rating == '1' %} 
  430.                     <input type="radio"  value="1" checked>
  431.                      {% else %}
  432.                     <input type="radio"  value="1">
  433.                    {% endif %} 
  434.                     <label class="full" for="1reviewar1" title="1 star"></label>
  435.                     
  436.                   </fieldset>
  437.               </div>
  439.               <div class="serving-info">
  440.                 <ul class="list-unstyled">
  441.                   <li class="time">{{frecipe.time}} {{"mins"|trans }}</li>
  442.                  
  443.                  {% if frecipe.getServing() == '1' %}
  444.                     <li class="serve">{{ frecipe.getServing() }}
  445.                     {{ frecipe.getServing2() ? '- ' ~ frecipe.getServing2() : '' }}
  446.                     {{ 'Serving'|trans }}</li>
  447.                 {% else %}
  448.                     <li class="serve">{{ frecipe.getServing() }}
  449.                     {{ frecipe.getServing2() ? '- ' ~ frecipe.getServing2() : '' }}
  450.                     {{ 'Servings'|trans }}</li>
  451.                 {% endif %}
  452.                   </ul>
  453.               </div>
  454.               <p>{{frecipe.description|striptags}}</p>
  455.             </div>
  456.           </div>
  457.           {% endif %}
  458.          {% endfor %}
  459.           </div>
  461.      <!--End Slider-->
  462.         
  464.         <div class="btn-holder view-recieps-btn ">
  465.           <a href="/{{locale}}/{{ "all-recipes"|trans }}" class="btn btn-primary ico-btn" data-aos="zoom-in-up">
  466.             <i class="icon-dish"></i>
  467.             <span>{{ "ViewallRecipes"|trans }}</span>
  468.           </a>
  469.         </div>
  470.       </div>
  471.     </section>
  472.     <!--End Featured Recipes-->
  474.         <!--Start Chef Special-->
  475.     
  476.     <!--End Chef Special-->
  477.     
  478.     <!--Start World of Karak Section-->
  479.     <section id="section02" class="home-section karak-section last-section">
  480.       <div class="karak-section-holder">
  481.         <div class="section-heading">
  482.           <h2 class="sub-xl-heading">{{"KarakServingtheoriginaltastesince1955"|trans }}</h2>
  483.         </div>
  484.         <div class="karak-slider-holder">
  485.           <div class="container custom-container">
  486.             <div class="row">
  487.               <div class="col-xl-9">
  488.                 <h3 class="main-xl-heading">{{"EnjoyTheRich"|trans }}</h3>
  489.               </div>
  491.               <!-- <div class="karak-mobile-image">
  492.                 <img src="/static/assets/images/karakproducts.png" alt="">
  493.               </div> -->
  494.               <div class="col-xl-9 karak-slider-box">
  495.                 <div class="custom-slider fill-slider karak-slider">
  496.                 
  497.                 {% set count = 1 %}
  498.                 {% for key , product in products %} 
  499.                   {% set regions = product.regions %}  <!-- assign regins to valible -->
  500.                   {% set show = false %}
  502.                   {% if regions %}
  503.                       {% for key , region in regions %}
  505.                           {% if region in  groupids %}
  506.                             {% set show = true %}
  507.                           {% endif %}
  509.                       {% endfor %}
  511.                   {% endif %}
  512.                   {% if show %}
  514.                     {% if count <= 4 %}
  515.                   
  517.                 <div class="slide" data-aos="zoom-in-up">
  518.                     <div class="karak-box">
  519.                       <div class="row">
  520.                       <div class="col-md-5 col-xl-5 karak-img">
  521.                       
  522.                             {% if product.attributes()[0] is defined %}
  523.                           <a href="/{{locale}}/{{"products"|trans }}/{{product.attributes()[0].url}}"><img class="img-fluid"  alt="{{product.name}}" src="{{product.attributes()[0].images[0].path ~ product.attributes()[0].images[0].filename}}"
  524.                         xoriginal="{{product.attributes()[0].images[0].path ~ product.attributes()[0].images[0].filename}}" /></a>
  525.                         {% endif %}
  526.                          </div>
  527.                         <div class="col-md-7 col-xl-7 slide-product-info">
  528.                          {% if product.attributes()[0] is defined %}
  529.                         <a class="remove-anchor-style1 " href="/{{locale}}/{{"products"|trans }}{{product.attributes()[0].url}}"><h5>{{product.name}}</h5></a>
  530.                          {% endif %}
  531.                   <ul class="list-unstyled con-list">
  532.                   <!-- <php for($i=0;$i<count($product->getSizes()); $i++){ ?>
  533.                     <li><= $product->getSizes()[$i]['size']->getData() ?></li>
  534.                     <!- <li>160ml</li>
  535.                     <li>385ml</li> -->
  536.                     <!-- <php }?> -->
  537.                     {% for i , productAttr in  product.attributes %}
  538.                         {% if i < 3 %}
  539.                    
  540.                                 <!-- <li><= $product->getAttributes()[$i]->getSize() ?></li> -->
  541.                                 <li class="{{ i == 0 ? 'variantsbold' : '' }}"><a class="remove-anchor-style1 " href="/{{locale}}/{{"products"|trans }}/{{product.attributes()[0].url}}">{{productAttr.size}}</a></li>
  543.                            {% endif %}
  544.                         {% endfor %}
  546.                         {% if product.attributes %}
  547.                           {% set regionslinks = product.attributes[0].buttonlinks %}
  548.                                 {% set rlink =  [] %}
  550.                                 {% for key ,link in regionslinks %}
  551.                                     {% if link['country'].data == country %}
  552.                                         {% set rlink = link %}
  553.                                     {% endif %}
  554.                                 {% endfor %}
  556.                                 {% if not rlink %}
  558.                                     {% for key ,link in regionslinks %}
  560.                                         {% if link['country'].data == 'AE' %}
  561.                                             {% set rlink = link %}
  562.                                         {% endif %}
  564.                                     {% endfor %}
  566.                                 {% endif %}
  568.                                 {% if not rlink %}
  570.                                   {% set rlink = {
  571.                                       'lulu': { 'data': product.lulu },
  572.                                       'unioncool': { 'data': product.unioncool },
  573.                                       'amazon': { 'data': product.amazon },
  574.                                       'carrefour': { 'data': product.carrefour },
  575.                                       'c4': { 'data': '' },
  576.                                       'noon': { 'data': '' },
  577.                                       'danube': { 'data':'' },
  578.                                       'sultancenter': { 'data': '' },
  579.                                       'tawseel': { 'data': ''},
  580.                                       
  581.                                   } %}
  583.                                 {% endif %}
  585.                             {% endif %}
  586.                   </ul>
  587.                           <div class="link-holder">
  588.                             <button class="btn btn-primary ico-btn productbuynow "  data-lulu="{{ (rlink['lulu']) ? rlink['lulu'].data : '' }}"
  589.                 data-union="{{ (rlink['unioncool']) ? rlink['unioncool'].data : '' }}"
  590.                 data-amazon="{{ (rlink['amazon']) ? rlink['amazon'].data : '' }}"
  591.                 data-carrefour="{{ (rlink['carrefour']) ? rlink['carrefour'].data : '' }}"
  592.                   data-c4="{{ (rlink['c4']) ? rlink['c4'].data : '' }}"
  593.                   data-noon="{{ (rlink['noon']) ? rlink['noon'].data : '' }}"
  594.                   data-danube="{{ (rlink['danube']) ? rlink['danube'].data : '' }}"
  595.                   data-tawseel="{{ (rlink['tawseel']) ? rlink['tawseel'].data : '' }}"
  596.                   data-sultancenter="{{ (rlink['sultancenter']) ? rlink['sultancenter'].data : '' }}" tabindex="0"  data-aos="zoom-in-up">
  597.                               <i><img src="/static/assets/images/shopping-cart.svg" alt=""></i>
  598.                               <span>{{"buyNow"|trans }}</span>
  599.                             </button>
  600.                           </div>
  601.                         </div>
  602.                       </div>
  603.                     </div>
  604.                   </div>
  605.                   {% endif %}
  606.                {% endif %}
  607.             {% endfor %}
  608.                 </div>
  609.               </div>
  611.             </div>
  613.           </div>
  614.         </div>
  615.       </div>
  616.       <div class="karaktea-img" data-aos="fade-left" data-aos-delay="400">
  617.       {#  
  618.         <!-- <img id="thisimg_temp" alt="img" src="/static/assets/images/Sequences/Sequence-wc2_3.gif" alt=""> -->
  619.         <!-- <?php  if($this->getLocale() == 'ar'){ ?>
  620.       <img alt="Rainbow_Milk_Pouring_Loop_Final_2000" id="thisimg_temp" class="img-fluid" src="/static/assets/images/Sequences/Sequence-wc2_3-AR.gif" alt="">
  621.      
  622.     <?php }else{  ?>
  623.       <img alt="Rainbow_Milk_Pouring_Loop_Final_2000" id="thisimg_temp" class="img-fluid" src="/static/assets/images/Sequences/Sequence-wc2_3.gif" alt="">
  624.      
  625.    <?php } ?> -->
  626.     #}
  627.    {% if locale == 'ar' %}
  628.           <div class="m-image-sections">
  629.                 <div class="image-container">
  630.                     <img src="/static/assets/images/design-one.png" alt="Rainbow Condensed Full Milk Cream" />
  631.                     <img src="/static/assets/images/design-two.png" alt="Rainbow Evaporated Milk - Lite" />
  632.                     <img src="/static/assets/images/design-three.png" alt="Rainbow Milk - Lite" />
  633.                     <img src="/static/assets/images/design-four.png" alt="Rainbow Milk - Original" />
  634.                     <img src="/static/assets/images/design-five.png" alt="Rainbow Evaporated Milk - Original" />
  635.                     <img src="/static/assets/images/design-six.png" />
  636.                 </div>
  637.                 <p class="text-center">في خدمتك منذ عام 1955</p>
  638.             </div>
  640.         {% else %}
  641.             <div class="m-image-sections">
  642.                 <div class="image-container">
  643.                     <img src="/static/assets/images/design-one.png" alt="Rainbow Condensed Full Milk Cream" />
  644.                     <img src="/static/assets/images/design-two.png" alt="Rainbow Evaporated Milk - Lite" />
  645.                     <img src="/static/assets/images/design-three.png" alt="Rainbow Milk - Lite" />
  646.                     <img src="/static/assets/images/design-four.png" alt="Rainbow Milk - Original" />
  647.                     <img src="/static/assets/images/design-five.png" alt="Rainbow Evaporated Milk - Original" />
  648.                     <img src="/static/assets/images/design-six.png" alt="Rainbow Milk - Original Quality Milk" />
  649.                 </div>
  650.                 <p class="text-center">Serving you since 1955</p>
  651.             </div>
  653.       {% endif %}
  655.       
  656.       </div>
  657.     </section>
  658.     <!--End World of Karak Section-->
  661.   <!--Advance Filter Modal Start-->
  662.   <!-- Modal Start -->
  663.     {{ render(controller('App\\Controller\\RecipeController::getadvancefiltermodal')) }}
  664.     <!-- Modal End -->
  665.     <!--Advance Filter Modal End-->
  668.     {% if (locale =='ar') %}
  669.         {% set weblink = 'ar' %}
  670.         {% set topMenu ="/en/recipes" %}
  671.         {% set allrecipe = "كل-الوصفات" %}
  672.       {% else %}
  673.         {% set weblink = 'en' %}
  674.         {% set topMenu = "/ar/وصفات" %}
  675.         {% set allrecipe = "all-recipes" %}
  676.     {% endif %}
  679. <script type="text/javascript">
  680.     var _TopMenuLink = "{{topMenu }}"
  682.    
  683. </script>
  687.   <script type="application/ld+json">
  688.     {
  689.       "@context": "https://schema.org",
  690.       "@type": "ItemList",
  691.       "itemListElement": [
  692.         {% for key , recipe in recipes %}
  693.        
  694.         {
  695.           "@type": "listitem",
  696.           "position": "{{ key + 1 }}",
  697.           "url": "{{app.request.getSchemeAndHttpHost() ~ '/' ~ locale ~ '/' ~ allrecipe ~ '/' ~ recipe.url}}"
  698.         }{% if key < recipe|length -1 %},{% endif %}
  699.     {% endfor %}
  700.         ]
  701.     }
  702.     </script>
  704. {% endblock %}