src/Flexy/FrontBundle/templates/food/PageFood.html.twig line 1

Open in your IDE?
  1. {% extends "@Flexy/FrontBundle/templates/layout.html.twig"  %}
  2.  
  3.      
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.     
  7.         <link rel="stylesheet" href="{{ asset('bundles/easyadmin/style.css') }}" />
  8.         <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
  9.   <!-- nice select  -->
  10.   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css" integrity="sha512-CruCP+TD3yXzlvvijET8wV5WxxEh5H8P4cmz0RFbKK6FlZ2sYl3AEsKlLPHbniXKSrDdFewhbmBK5skbdsASbQ==" crossorigin="anonymous" />
  11.   
  12.  
  13.   <link rel="stylesheet" href="{{ asset('bundles/easyadmin/responsive.css') }}" />
  14.     <link rel="stylesheet" href="{{ asset('bundles/easyadmin/font-awesome.min.css') }}" />
  15. {% endblock %}
  16. {% block body %}
  17.        <div class="body-wrapper">
  19.            
  20.             <!-- Li's Breadcrumb Area End Here -->
  21.             <!-- Begin Li's Content Wraper Area -->
  22.             <div class="content-wraper pt-60 pb-60">
  23.                 <div class="container">
  24.                     <div class="row">
  27.                         {% set colBody = "col-lg-9" %}
  29.                         {% if categoryProduct.id == 75 %}
  31.                         {% set colBody = "col-lg-12" %}
  33.                         {% endif %}
  35.                         
  37.                         <div class="{{colBody}} order-2 order-lg-1">
  38.                             <!-- Begin Li's Banner Area -->
  39.                                 {% if categoryProduct.id == 75 %}
  41.                                 <div class="text-center p-3" >
  42.                                         <h2><i class="fa fa-hamburger"></i> O'MALL FOOD</h2>
  43.                                     </div>
  45.                                 {% endif %}
  46.                             
  47.                             {% if categoryProduct.image %}
  48.                             <div class="single-banner shop-page-banner">
  49.                                 <a href="#">
  50.                                     <img src="/uploads/{{asset(categoryProduct.image)}}" alt="">
  51.                                 </a>
  52.                             
  53.                             </div>
  54.                             {% endif %}
  57.                          
  58.                             <div class="shop-products-wrapper">
  59.                                 <div class="tab-content">
  60.                                      
  61.  
  62.  
  63.                                     <div id="grid-view" class="tab-pane fade " role="tabpanel">
  64.                                         <div class="product-area shop-product-area">
  65.                                             <div class="row">
  66.                  
  68.                                             </div>
  69.                                         </div>
  70.                                     </div>
  73.                                     <div id="list-view" class="tab-pane fade product-list-view active show" role="tabpanel">
  74.                                         <div class="row">
  75.                                             <div class="col">
  76.                                                
  77.                                               <div class="filters-content">
  78.         <section class="food_section layout_padding">
  79.     <div class="container">
  80.       
  82.       <ul class="filters_menu">
  83.         <li class="active" data-filter="*">Tout</li>
  84.         <li data-filter=".burger">Fast food</li>
  85.         <li data-filter=".pizza">Pizza</li>
  86.         <li data-filter=".cafe">café</li>
  87.         <li data-filter=".super">Super marché</li>
  88.       </ul>
  90.       <div class="filters-content">
  91.         <div class="row grid">
  92.           <div class="col-sm-6 col-lg-4 all burger">
  93.             <div class="box">
  94.               <div>
  95.                 <div class="img-box">
  96.                   <img src="{{asset('food/macd.webp')}}" alt="">
  97.                 </div>
  98.                 <div class="detail-box">
  99.                   <h5>
  100.                     McDonald's
  101.                   </h5>
  102.                   <p style="color: #ffffff;">
  103.                       <i class="fa fa-map-marker" aria-hidden="true"></i>
  104.                     53, rond Rond-point Mers Sultan
  105.                      </p>
  106.               <p style="color: #ffffff;">
  107.                   <i class="fa fa-phone" aria-hidden="true"></i>  05222-26459
  108.                   </p>
  109.                    
  110.                   
  111.                 </div>
  112.               </div>
  113.             </div>
  114.           </div>
  115.           <div class="col-sm-6 col-lg-4 all burger">
  116.             <div class="box">
  117.               <div>
  118.                 <div class="img-box">
  119.                   <img src="{{asset('food/logo-77.png')}}" alt="">
  120.                 </div>
  121.                 <div class="detail-box">
  122.                   <h5>
  123.                     Tacos de Lyon
  124.                   </h5>
  125.                   <p style="color: #ffffff;">
  126.                       <i class="fa fa-map-marker" aria-hidden="true"></i>
  127.                     52 Bd Mohamed Zerktouni, Casablanca
  128.                      </p>
  129.               <p style="color: #ffffff;">
  130.                   <i class="fa fa-phone" aria-hidden="true"></i> 0625-000069
  131.                   </p>
  132.                 </div>
  133.               </div>
  134.             </div>
  135.           </div>
  136.           <div class="col-sm-6 col-lg-4 all burger">
  137.             <div class="box">
  138.               <div>
  139.                 <div class="img-box">
  140.                   <img src="{{asset('food/KFC.png')}}" alt="">
  141.                 </div>
  142.                 <div class="detail-box">
  143.                   <h5>
  144.                     KFC
  145.                   </h5>
  146.                   <p style="color: #ffffff;">
  147.                       <i class="fa fa-map-marker" aria-hidden="true"></i>
  148.                   34 Bd Mohammed V, Casablanca
  149.                      </p>
  150.               <p style="color: #ffffff;">
  151.                   <i class="fa fa-phone" aria-hidden="true"></i> 0618-148358
  152.                   </p>
  153.                  
  154.                 </div>
  155.               </div>
  156.             </div>
  157.           </div>
  158.           <div class="col-sm-6 col-lg-4 all burger">
  159.             <div class="box">
  160.               <div>
  161.                 <div class="img-box">
  162.                   <img src="{{asset('food/burger-king.jpeg')}}" alt="">
  163.                 </div>
  164.                 <div class="detail-box">
  165.                   <h5>
  166.                   Burger King 
  167.                   </h5>
  168.                   <p style="color: #ffffff;">
  169.                       <i class="fa fa-map-marker" aria-hidden="true"></i>
  170.                    Rue Abou Salt Andaloussi, Casablanca  
  171.                      </p>
  172.               <p style="color: #ffffff;">
  173.                   <i class="fa fa-phone" aria-hidden="true"></i>  05222-53934
  174.                   </p>
  175.                    
  176.                 </div>
  177.               </div>
  178.             </div>
  179.           </div>
  180.           <div class="col-sm-6 col-lg-4 all burger">
  181.             <div class="box">
  182.               <div>
  183.                 <div class="img-box">
  184.                   <img src="{{asset('food/quick.png')}}" alt="">
  185.                 </div>
  186.                 <div class="detail-box">
  187.                   <h5>
  188.                   Quick
  189.                   </h5>
  190.                   <p style="color: #ffffff;">
  191.                       <i class="fa fa-map-marker" aria-hidden="true"></i>
  192.                     6 Rue El Kadi Iass, Casablanca  
  193.                      </p>
  194.               <p style="color: #ffffff;">
  195.                   <i class="fa fa-phone" aria-hidden="true"></i>  05222-26459
  196.                   </p>
  197.                   
  198.                 </div>
  199.               </div>
  200.             </div>
  201.           </div>
  202.           <div class="col-sm-6 col-lg-4 all cafe">
  203.             <div class="box">
  204.               <div>
  205.                 <div class="img-box">
  206.                   <img src="{{asset('food/starbucks.jpg')}}" alt="">
  207.                 </div>
  208.                 <div class="detail-box">
  209.                   <h5>
  210.                    Starbucks
  211.                   </h5>
  212.                   <p style="color: #ffffff;">
  213.                       <i class="fa fa-map-marker" aria-hidden="true"></i>
  214.                     Massira Alkhadra Building, Casablanca  
  215.                      </p>
  216.               <p style="color: #ffffff;">
  217.                   <i class="fa fa-phone" aria-hidden="true"></i>  05224-93665
  218.                   </p>
  219.                   
  220.                 </div>
  221.               </div>
  222.             </div>
  223.           </div>
  224.           <div class="col-sm-6 col-lg-4 all pizza">
  225.             <div class="box">
  226.               <div>
  227.                 <div class="img-box">
  228.                   <img src="{{asset('food/pizza.jpg')}}" alt="">
  229.                 </div>
  230.                 <div class="detail-box">
  231.                   <h5>
  232.                    Pizza Hut
  233.                   </h5>
  234.                    <p style="color: #ffffff;">
  235.                       <i class="fa fa-map-marker" aria-hidden="true"></i>
  236.                     67 Bd Moulay Youssef, Casablanca 
  237.                      </p>
  238.               <p style="color: #ffffff;">
  239.                   <i class="fa fa-phone" aria-hidden="true"></i> 05224-73626 
  240.                   </p>
  241.                    
  242.                 </div>
  243.               </div>
  244.             </div>
  245.           </div>
  246.           <div class="col-sm-6 col-lg-4 all super">
  247.             <div class="box">
  248.               <div>
  249.                 <div class="img-box">
  250.                   <img src="{{asset('food/Marjane.webp')}}" alt="">
  251.                 </div>
  252.                 <div class="detail-box">
  253.                   <h5>
  254.                   Marjane
  255.                   </h5>
  256.                   <p style="color: #ffffff;">
  257.                       <i class="fa fa-map-marker" aria-hidden="true"></i>
  258.                      Angle Bd Abou Chouaib Doukkali  
  259.                      </p>
  260.               <p style="color: #ffffff;">
  261.                   <i class="fa fa-phone" aria-hidden="true"></i>   080-2022050
  262.                   </p>
  263.                   
  264.                 </div>
  265.               </div>
  266.             </div>
  267.           </div>
  268.           <div class="col-sm-6 col-lg-4 all burger">
  269.             <div class="box">
  270.               <div>
  271.                 <div class="img-box">
  272.                   <img  src="{{asset('food/unnamed.png')}}" alt="">
  273.                 </div>
  274.                 <div class="detail-box">
  275.                   <h5>
  276.                Tazaj
  277.                   </h5>
  278.                   <p style="color: #ffffff;">
  279.                       <i class="fa fa-map-marker" aria-hidden="true"></i>
  280.                     Cornich Ain Diab  
  281.                      </p>
  282.               <p style="color: #ffffff;">
  283.                   <i class="fa fa-phone" aria-hidden="true"></i>   05227-98091
  284.                   </p>
  285.                    
  286.                 </div>
  287.               </div>
  288.             </div>
  289.           </div>
  290.         </div>
  291.       </div>
  292.       
  293.     </div>
  294.   </section>
  296.       </div>
  297.                                             </div>
  298.                                         </div>
  299.                                     </div>
  300.                                    
  301.                                 </div>
  302.                             </div>
  303.                             <!-- shop-products-wrapper end -->
  304.                         </div>
  306.                     {% if categoryProduct.id != 75 %}        
  308.                         <div class="col-lg-3 order-1 order-lg-2">
  309.                             
  310.                             {{render(path('front_sideBarFilter',{filter:app.request.get("filter")}))}}
  311.                         </div>
  313.                         {% endif %}
  315.                         
  318.                     </div>
  319.                 
  320.                 
  321.                 </div>
  322.                 
  323.             </div>
  324.             <!-- Content Wraper Area End Here -->
  327.         </div>
  328.        
  329. {% endblock %}
  333.    {% block javascripts %}
  334.         {{parent()}}
  335.          <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
  336.   </script>
  337.    <script src="https://unpkg.com/isotope-layout@3.0.4/dist/isotope.pkgd.min.js"></script>
  338.     <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
  339.     </script>
  340.   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js"></script>
  341.  
  342.  
  343.  
  344.    <script src="{{ asset('bundles/easyadmin/custom.js') }}"></script>
  345.      <script src="{{ asset('bundles/easyadmin/bootstrap.js') }}"></script>
  346.       
  347.    
  348.         <script>
  349.             $(".shop-item-filter-list a").click(function(){
  350.                 var cible = $(this).attr("aria-controls");
  351.                 $(".tab-pane").removeClass("active show");
  352.                 $("#"+cible).addClass("active show");
  354.             });
  355.         </script>
  358.     {% endblock %}