templates/home/shop-detail.html.twig line 1

Open in your IDE?
  1. {% extends 'layout/app_index.twig' %}
  3. {% block body %}
  4.     
  5.  <header class="header" >
  6.             <!-- Topbar -->
  7.             <div class="topbar">
  8.                 <div class="container">
  9.                     <div class="row">
  10.                         <div class="col-lg-6 col-md-5 col-12">
  11.                             <!-- Contact -->
  12.                             <ul class="top-link">
  13.                                     <li><i class="fa fa-phone"></i>+880 1234 56789</li>
  14.                                 <li><i class="fa fa-envelope"></i><a href="mailto:support@yourmail.com">support@service-africa.com</a></li>
  15.                                 <li><a href="#">FAQ</a></li>
  16.                             </ul>
  17.                             <!-- End Contact -->
  18.                         </div>
  19.                         <div class="col-lg-6 col-md-7 col-12">
  20.                             <!-- Top Contact -->
  21.                             <ul class="top-contact">
  22.                             <li><a href="{{ path('registration')}}">{{ 'app.head.register'|trans }}</a></li>
  23.                             <li><a href="{{ path('app_login1')}}">{{ 'app.head.connect'|trans }} </a></li>
  24.                             
  25.                             </ul>
  26.                             <!-- End Top Contact -->
  27.                         </div>
  28.                     </div>
  29.                 </div>
  30.             </div>
  31.             <!-- End Topbar -->
  32.             <!-- Header Inner -->
  33.             <div class="header-inner">
  34.                 <div class="container">
  35.                     <div class="inner">
  36.                         <div class="row">
  37.                             <div class="col-lg-3 col-md-3 col-12">
  38.                                 <!-- Start Logo -->
  39.                                 <div class="logo">
  40.                                     <a href="/"><img src="{{ asset('/dogmo/img/logo.png') }}" alt="#"></a>
  41.                                 </div>
  42.                                 <!-- End Logo -->
  43.                                 <!-- Mobile Nav -->
  44.                                 <div class="mobile-nav"></div>
  45.                                 <!-- End Mobile Nav -->
  46.                             </div>
  47.                             <div class="col-lg-7 col-md-9 col-12">
  48.                                 <!-- Main Menu -->
  49.                                 <div class="main-menu">
  50.                                     <nav class="navigation">
  51.                                         <ul class="nav menu">
  52.                                             <li class="active"><a href="#">Accueil <i class="icofont-rounded-down"></i></a>
  53.                                                 <ul class="dropdown">
  54.                                                     <li><a href="index.html">Home Page 1</a></li>
  55.                                                 </ul>
  56.                                             </li>
  57.                                             <li><a href="#">A propos</a></li>
  58.                                             <li><a href="#">Services </a></li>
  59.                                             <li><a href="https://www.service-africa.com/shop-detail/1/0/0/0">Shop</a></li>
  60.                                         {#
  61.                                             <li><a href="#">Pages <i class="icofont-rounded-down"></i></a>
  62.                                                 <ul class="dropdown">
  63.                                                     <li><a href="404.html">404 Error</a></li>
  64.                                                 </ul>
  65.                                             </li>
  66.                                             <li><a href="#">Blogs <i class="icofont-rounded-down"></i></a>
  67.                                                 <ul class="dropdown">
  68.                                                     <li><a href="blog-single.html">Blog Details</a></li>
  69.                                                 </ul>
  70.                                             </li>
  71.                                             #}
  72.                                                 <li><a href="{{ path('faq') }}">Carrière </a></li>
  73.                                             <li><a href="contact.html">Contacts</a></li>
  75.                                             
  76.                                         </ul>
  77.                                     </nav>
  78.                                 </div>
  79.                                 <!--/ End Main Menu -->
  80.                             </div>
  81.                             <div class="col-lg-2 col-12">
  82.                                 <div class="get-quote">
  83.                                     
  84.                                     
  85.                                         <ul class="nav ">
  86.                                             <li><a href="#" style="color:white;" class="btn">Connexion <i class="icofont-rounded-down"></i></a>
  87.                                                 <ul class="dropdown">
  88.                                                     <li><a href="https://webmail-rs3052.isp-network.eu/" target="_blank">E-Mail Connexion</a></li>
  89.                                                     <li><a href="http://socemic.2icr.com/application/main/login_soft.php" target="_blank">Admin Connexion</a></li>
  90.                                                     <li><a href="{{ path('app_login1')}}">{{ 'app.head.connect'|trans }} </a></li>
  92.                                                 </ul>
  93.                                             </li>
  95.                                         </ul>
  96.                                     
  97.                                     
  98.                                 </div>
  99.                             </div>
  100.                         </div>
  101.                     </div>
  102.                 </div>
  103.             </div>
  104.             <!--/ End Header Inner -->
  105.         </header>
  109. {% if converter == "USD" %}
  111.     {%  set currency_symbol = "$" %}
  112.         
  113. {% elseif converter =='GBP' %}
  115.     {%  set currency_symbol = "£" %}
  117. {% elseif converter =='CAD' %}
  119.     {%  set currency_symbol = "c$"  %}
  121. {% elseif converter =='XAF' %}
  123.     {%  set currency_symbol = "FCFA"  %}
  125. {% else %}
  127.     {%  set currency_symbol = "€"  %}
  130. {% endif %}
  133. {% if   app.request.request.get('categori2') is defined %}
  136.  {%  set cat0 =  app.request.request.get('categori2')  %}
  138.  {% else %}
  140.  {%  set cat0 =  1  %}
  143.  {% endif %}
  145.     <!--shop  area start-->
  146.     {#<div class="icon-bar">
  147.         <a href="https://web.whatsapp.com/send?l=en&amp;phone=237659186746&amp;text=Bienvenue sur Socgnia Bureautique Whatsapp" target="_blank" class="whatsapp"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>
  148.         <a href="https://www.facebook.com/Socgnia-Bureautique-101159735643820/" target="_blank" class="facebook"><i class="fa fa-facebook"></i></a> 
  149.         <a href="https://msng.link/o/?Socgnia-Bureautique-101159735643820=fm" target="_blank" class="twitter">    <svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#FFFFFF" d="M16 5C9.986 5 5.11 9.56 5.11 15.182c0 3.2 1.58 6.054 4.046 7.92V27l3.716-2.06c.99.276 2.04.425 3.128.425 6.014 0 10.89-4.56 10.89-10.183S22.013 5 16 5zm1.147 13.655L14.33 15.73l-5.423 3 5.946-6.31 2.816 2.925 5.42-3-5.946 6.31z"></path></svg></a> 
  150.         <a href="#" class="google"><i class="fa fa-google"></i></a> 
  151.         <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
  152.         <a href="#" class="youtube"><i class="fa fa-youtube"></i></a> 
  153.     </div>#}
  154.     <div class="shop_area">
  155.         <div class="container">
  156.             <div class="row">
  157.                 <div class="col-lg-9 col-md-12">
  158.                     <!--shop banner area start-->
  159.                     <div class="shop_banner_area mb-30" >
  160.                         <div class="row">
  161.                             <div class="col-12">
  162.                                 <div class="shop_banner_thumb" style=" padding: 10px 0;color:#E92E35; background-image:
  163.                         linear-gradient(to right, rgba(255, 255, 255, 0.52) 65%, rgba(241, 71, 5, 1) 100%),
  164.                         url('{{ asset('img/bg/shop_detail-1.jpg') }}');">
  165.                                 <h3>{{ 'app.home.africa_shopping'|trans }} </h3>
  166.                                     <h3> {{  villeMagsin }}</h3>
  167.                                 </div>
  168.                             </div>
  169.                         </div>
  170.                     </div>
  171.                     <!--shop banner area end-->
  172.                     <!--shop toolbar start-->
  173.                     <div class="shop_toolbar_wrapper">
  174.                        
  175.                         <div class="subscribe_form">
  176.                             <form id="mc-form" class="mc-form footer-newsletter">
  177.                                 <input type="text" name="search" id="search" autocomplete="off" placeholder="{{ 'app.head.search_product'|trans }}..."> 
  178.                                 <button ><i class="fa fa-search fa-2x" aria-hidden="true"></i></button>
  179.                             </form>                     
  180.                         </div>
  181.                         <div class="page_amount">                          
  182.                             <select class="select_option" name="short" id="short" onchange="loadDataHighORLow()">  
  183.                                 <option value="">Choice </option>                            
  184.                                 <option value="3">{{ 'app.default.Sort_by_newness'|trans }}</option>
  185.                                 <option value="4"> {{ 'app.default.Sort_by_price_high'|trans }}  </option>
  186.                                 <option value="5">  {{ 'app.default.Sort_by_price_low'|trans }} </option>                             
  187.                             </select>                         
  188.                         </div>
  189.                     </div>
  190.                   
  191.                     <div id="output"> </div>
  192.                       
  193.                    
  194.                     <div id="mycartsearch"></div>
  196.                     <div>
  197.                       {{ products_shop|raw }}
  198.                     </div>
  201.                     {% if app.request.attributes.get('_route') == "shop_detail_ville" %}
  203.                   
  205.                     {% else %}
  207.                                      
  208.                     <p id="demo12"></p>
  209.                     <div id="loadData"> </div>
  210.                     <div id="loadData1"> </div>
  213.                     {%  endif  %}
  215.                  
  217.                 </div>
  219.                     <!--shop wrapper end-->
  220.                
  221.                 <div class="col-lg-3 col-md-12">
  222.                     <!--sidebar widget start-->
  223.                     <aside class="sidebar_widget">
  225.                         <div class="widget_list widget_filter">
  226.                             <h3> {{ 'app.default.filter_by_price'|trans }}</h3>
  227.                             <form action="#">
  228.                                 <div id="slider-range"></div>
  229.                              {#   <button type="submit">{{ 'app.default.filter'|trans }} </button>  #}
  230.                                 <br/>
  231.                                 <input type="text" name="text" id="amount" />
  232.                             </form>
  233.                         </div>
  235.                         <div class="widget_list widget_categories">
  236.                             <h3>Product categories</h3>
  237.                             <ul>
  238.                                 
  239.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-coffee" aria-hidden="true"></i> {{ 'app.head.petit_dejeuner'|trans }}</a>
  240.                                     <ul class="widget_dropdown_categories">
  241.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/1/1">{{ 'app.head.lait'|trans }}</a></li>
  242.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/1/2">{{ 'app.head.cafe'|trans }}</a></li>
  243.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/1/3">{{ 'app.head.the'|trans }}</a></li>
  244.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/1/4">{{ 'app.head.pate_tartiner'|trans }}</a></li>
  245.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/1/5">{{ 'app.head.fromage'|trans }}</a></li>
  246.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/1/6">{{ 'app.head.oeuf'|trans }}</a></li>
  247.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/1/7">{{ 'app.head.yaourt'|trans }}</a></li>
  248.                                     </ul>
  249.                                 </li>
  250.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-child" aria-hidden="true"></i> {{ 'app.head.baby'|trans }}</a>
  251.                                     <ul class="widget_dropdown_categories">
  252.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/13/1">{{ 'app.head.lait'|trans }}</a></li>
  253.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/13/2">{{ 'app.head.cereales'|trans }}</a></li>
  254.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/13/3">{{ 'app.head.couches'|trans }}</a></li>
  255.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/13/4">{{ 'app.head.lingettes'|trans }}</a></li>
  256.                                         
  257.                                     </ul>
  258.                                 </li>
  259.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-glass" aria-hidden="true"></i> {{ 'app.head.boissons'|trans }}</a>
  260.                                     <ul class="widget_dropdown_categories">
  261.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/4/1">{{ 'app.head.eau'|trans }}</a></li>
  262.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/4/2">{{ 'app.head.jus_naturel'|trans }}</a></li>
  263.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/4/3">{{ 'app.head.boissons_gazeuses'|trans }}</a></li>
  264.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/4/4">{{ 'app.head.sirops'|trans }}</a></li>
  265.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/4/5">{{ 'app.head.vin_spiritueux'|trans }}</a></li>
  266.                                     </ul>
  267.                                 </li>
  268.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-apple" aria-hidden="true"></i>{{ 'app.head.fruits_legumes'|trans }}</a>
  269.                                     <ul class="widget_dropdown_categories">
  270.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/3/1">{{ 'app.head.fruits'|trans }}</a></li>
  271.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/3/2">{{ 'app.head.legumes'|trans }}</a></li>                                     
  272.                                     </ul>
  273.                                 </li>
  274.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-asterisk" aria-hidden="true"></i>  {{ 'app.head.boucherie_poissonerie'|trans }} </a>
  275.                     
  276.                                     <ul class="widget_dropdown_categories">                       
  277.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/10/1">{{ 'app.head.crustace'|trans }}</a></li>
  278.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/10/2">{{ 'app.head.poisson'|trans }}</a></li>
  279.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/10/3">{{ 'app.head.viandes'|trans }}</a></li>
  280.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/10/4">{{ 'app.head.volaille'|trans }}</a></li>
  281.                                     </ul>
  282.                                 </li>
  283.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-eyedropper" aria-hidden="true"></i>  {{ 'app.head.assaisonnement'|trans }}</a>
  284.                                     <ul class="widget_dropdown_categories">
  285.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/11/1">{{ 'app.head.aromates'|trans }}</a></li>
  286.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/11/2">{{ 'app.head.condiments'|trans }}</a></li>
  287.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/11/3">{{ 'app.head.epices'|trans }}</a></li>
  288.                     
  289.                                     </ul>
  290.                                 </li>
  291.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-tree" aria-hidden="true"></i> {{ 'app.head.tubercules_feculents'|trans }}</a>
  292.                                     <ul class="widget_dropdown_categories">
  293.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/12/1">{{ 'app.head.graines'|trans }}</a></li>
  294.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/12/2">{{ 'app.head.tubercules'|trans }}</a></li>
  295.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/12/3">{{ 'app.head.farines'|trans }}</a></li>                                     
  296.                                     </ul>
  297.                                 </li>
  298.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-birthday-cake" aria-hidden="true"></i>  {{ 'app.head.epiceries'|trans }}</a>
  299.                                     <ul class="widget_dropdown_categories">
  300.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/15/1">{{ 'app.head.conserves'|trans }}</a></li>
  301.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/15/2">{{ 'app.head.pates_riz'|trans }}</a></li>
  302.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/15/3">{{ 'app.head.huiles'|trans }}</a></li>
  303.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/15/4">{{ 'app.head.sucres'|trans }}</a></li>
  304.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/15/5">{{ 'app.head.confiseries'|trans }}</a></li>
  305.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/15/6">{{ 'app.head.biscuits'|trans }}</a></li>
  306.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/15/7">{{ 'app.head.chocolats'|trans }}</a></li>
  307.                                     </ul>
  308.                                 </li>
  309.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-building" aria-hidden="true"></i> {{ 'app.head.construction_maison'|trans }}</a>
  310.                                     <ul class="widget_dropdown_categories">
  311.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/14/1">{{ 'app.head.produits_entretien'|trans }}</a></li>
  312.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/14/2">{{ 'app.head.hygiene'|trans }}</a></li>
  313.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/14/3">{{ 'app.head.gaz_domestique'|trans }}</a></li>
  314.                                     </ul>
  315.                                 </li>
  316.                                 <li class="widget_sub_categories"><a href="javascript:void(0)"><i class="fa fa-hourglass-half" aria-hidden="true"></i> Packs</a>
  317.                                     <ul class="widget_dropdown_categories">
  318.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/1/1">Happy Familly</a></li>
  319.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/1/2">Check out</a></li>
  320.                                         <li><a href="/shop-detail/{{ ville }}/{{ magasin }}/1/3">Construction </a></li>
  321.                                     </ul>
  322.                                 </li>
  323.                                 {#
  324.                                 <li><a href="#">Games & Consoles</a></li>
  325.                                 <li><a href="#">Headphone & Speaker</a></li>
  326.                                 <li><a href="#">Movies & Video Games</a></li>
  327.                                 <li><a href="#">Smartphone</a> </li>
  328.                                 <li><a href="#">Uncategorized</a></li>
  329.                                 #}
  330.                             </ul>
  331.                           
  332.                         </div>
  333.                         {#
  334.                         <div class="widget_list">
  335.                             <h3>Autres Products & Services</h3>
  336.                             <div class="sidebar_banner_area">
  337.                                 <figure class="single_banner mb-20">
  338.                                     <div class="banner_thumb">
  339.                                         <a href="{{ path('mobile-recharge') }}"><img src="{{ asset('img/bg/recharge-phone.jpg ') }}" alt=""></a>
  340.                                     </div>
  341.                                 </figure>
  342.                                 <figure class="single_banner mb-20">
  343.                                     <div class="banner_thumb">
  344.                                         <a href="{{ path('money-send') }}"><img src="{{ asset('img/bg/cameroun-mode-de-paiement.jpg') }}" alt=""></a>
  345.                                     </div>
  346.                                 </figure>
  347.                                 <figure class="single_banner">
  348.                                     <div class="banner_thumb">
  349.                                         <a href="{{ path('bill-send') }}"><img src="{{ asset('img/bg/canal.jpg') }}" alt=""></a>
  350.                                     </div>
  351.                                 </figure>
  352.                             </div>
  353.                         </div>
  354.                         #}
  355.                     </aside>
  356.                     <!--sidebar widget end-->
  357.                 </div>
  358.             </div>
  359.         </div>
  360.     </div>
  361.     
  362.     {% set categori2 = app.session.get("ville") %}
  364.     {% set magasin = app.session.get("magasin") %}
  365.    
  366.     <!--shop  area end-->
  367.      
  368.     {% endblock %}
  369.     
  370.     {% block javascripts %}
  372.     {{ parent() }}
  374.       <script>  
  375.       
  377.      {% if (app.request.attributes.get('_route') == "shop_detail_ville" or app.request.attributes.get('_route') == "shop_detail_ville") and  ville == ""  %} 
  378.    
  379.       window:location = "http://yeyeto.com/";
  381.     {% endif %}
  383.        
  384.         function formSubmits(){
  385.            // var pid = document.getElementById("pid").value;
  386.            var product_id =  $("input[name=product_id]").val();
  387.           //  var product_id = document.getElementById("product_id").value;
  389.           
  390.            // var message = document.getElementById("message").value;
  391.            // var dataString = 'name='+ name + '&message=' + message;
  392.                 
  393.           // var dataString = 'product_id='+ product_id ;
  394.             jQuery.ajax({
  395.                // url: "{{ path('cart_search', {'id': "+product_id+" }) }}",
  396.                   url: "/cart/addsearch/"+product_id+"",
  397.               //  data: dataString,
  398.                 data : { product_id:product_id },
  399.                 type: "POST",
  400.                 success: function(data){
  401.                     //location.reload(true);
  403.                     $("#mycartsearch").html(data);
  404.                     
  405.                     SlickLoader.enable();
  406.                     SlickLoader.setText('Patientez un peu',' ...');
  407.                     setTimeout(function(){ SlickLoader.disable(); }, 2000);
  409.                 },
  410.                 error: function (){}
  411.             });
  412.             return true;
  413.         }
  414.        
  415.      
  417.         function loadDataHighORLow(){
  419.             var xss = document.getElementById("short").value;
  420.           //  document.getElementById("demo12").innerHTML = "You selected: " + xss;
  421.         
  422.             if( xss == 4){
  424.                 $.ajax({
  425.                     url : "{{ path('shop_detail') }}",
  426.                     type: "POST",
  427.                     cache:false,
  428.                     data:{page_l_h:xss, cat:  {{ ville }} ,  magasin:{{ magasin }}, locale:'{{ locale }}', currencie:{{ currencie_convert }}, converter:'{{ converter }}' },
  429.                     success:function(data){
  430.                         if (data) {
  431.                         $("#loadData").remove();
  432.                         $("#demo12").html(data)
  433.                         SlickLoader.enable();
  435.                         SlickLoader.setText('Patientez un peu',' ...');
  436.                         setTimeout(function(){ SlickLoader.disable(); }, 6000);
  438.                         }else{
  439.                         $(".loadbtn").prop("disabled", true);
  440.                         $(".loadbtn").html('That is All');
  441.                         }
  442.                     }
  443.                 });
  445.             } if( xss == 5){
  447.                 $.ajax({
  448.                     url : "{{ path('shop_detail') }}",
  449.                     type: "POST",
  450.                     cache:false,
  451.                     data:{page_h_l:xss, cat: {{ ville }} , magasin:{{ magasin }}, locale:'{{ locale }}', currencie:{{ currencie_convert }}, converter:'{{ converter }}' },
  452.                     success:function(data){
  453.                         if (data) {
  454.                         $("#loadData").remove();
  455.                         $("#demo12").html(data)
  456.                             SlickLoader.enable();
  458.                             SlickLoader.setText('Patientez un peu',' ...');
  459.                             setTimeout(function(){ SlickLoader.disable(); }, 4000);
  461.                         }else{
  462.                         $(".loadbtn").prop("disabled", true);
  463.                         $(".loadbtn").html('That is All');
  464.                         }
  465.                     }
  466.                 });
  468.             } if( xss == 3){
  470.                 $.ajax({
  471.                     url : "{{ path('shop_detail') }}",
  472.                     type: "POST",
  473.                     cache:false,
  474.                     data:{page_n:xss, cat:{{ ville }} , magasin:{{ magasin }}, locale:'{{ locale }}', currencie:{{ currencie_convert }}, converter:'{{ converter }}' },
  475.                     success:function(data){
  476.                         if (data) {
  477.                         $("#loadData").remove();
  478.                         $("#demo12").html(data)
  479.                         SlickLoader.enable();
  481.                         SlickLoader.setText('Patientez un peu',' ...');
  482.                         setTimeout(function(){ SlickLoader.disable(); }, 4000);
  484.                         }else{
  485.                         $(".loadbtn").prop("disabled", true);
  486.                         $(".loadbtn").html('That is All');
  487.                         }
  488.                     }
  489.                 });
  490.             }       
  491.         }
  492.             
  493.     $(document).ready(function(){
  495.         $('.newletter-popup').remove();
  497.         var v1 = {{ lowPrice }};
  498.         var v2 = {{ highPrice }};
  499.           
  500.         $("#slider-range").slider({
  501.             range: true,
  502.             min: v1,
  503.             max: v2 ,
  504.             values: [v1,v2],
  505.             slide: function(event,ui){
  507.                 $("#amount").val( "€" + ui.values[0] + " - €" + ui.values[1] );
  508.                 v1 = ui.values[0];
  509.                 v2 = ui.values[1];
  510.                 loadRecords(v1, v2);             
  511.             }
  512.         });
  514.        
  515.         $("#amount").val("€" + $("#slider-range" ).slider( "values", 0 ) + " - €" + $("#slider-range").slider("values", 1));
  517.         function loadRecords(range1, range2){
  518.             $.ajax({
  519.                 url : "{{ path('searchslider') }}",
  520.                 type: "POST",
  521.                 cache:false,
  522.                 data : {minAge:range1, maxAge:range2, cat:{{ ville }}, locale:'{{ locale }}', currencie:{{ currencie_convert }}, converter:'{{ converter }}'  },
  523.                 cache:false,
  524.                 success:function(data){
  525.                 
  526.                     $("#loadData").remove();
  527.                     $("#demo12").remove();
  528.                     $("#loadData1").html(data)      
  529.                     SlickLoader.enable();
  531.                     SlickLoader.setText('Patientez un peu',' ...');
  532.                     setTimeout(function(){ SlickLoader.disable(); }, 4000);
  533.             
  534.                 }
  535.             });
  536.          }
  537.     
  538.     //    $("#demo12").remove();
  539.         
  540.         loadMoreData();
  541.         function loadMoreData(page){           
  542.             $.ajax({
  543.                 url : "{{ path('shop_detail') }}",
  544.                 type: "POST",
  545.                 cache:false,
  546.                 data:{page_no:page, cat:{{ ville }}, magasin:{{ magasin }}, locale:'{{ locale }}', currencie:{{ currencie_convert }}, converter:'{{ converter }}'  },
  547.                 success:function(data){
  548.                     if (data) {
  549.                         $("#pagination").remove();
  550.                         $("#loadData").append(data)
  551.                         SlickLoader.enable();
  553.                         SlickLoader.setText('Patientez un peu',' ...');
  554.                         setTimeout(function(){ SlickLoader.disable(); }, 4000);
  556.                     }else{
  557.                         $(".loadbtn").prop("disabled", true);
  558.                         $(".loadbtn").html('That is All');
  559.                     }
  560.                 }
  561.             });
  562.         }
  563.       
  564.         $(document).on('click', '.loadbtn', function(){
  565.             $(".loadbtn").html('Loading...');
  566.             var pId = $(this).data("id");
  567.             loadMoreData(pId);
  568.         });
  570.         $("#search").keyup(function(){
  571.             var query = $(this).val();
  572.             if(query != ""){
  573.                 $.ajax({
  574.                     url: "{{ path('search_page') }}",   
  575.                     method: 'POST',
  576.                     dataType: 'json',             
  577.                     data: {query:query , cat:{{ ville }}, locale:'{{ locale }}', currencie:{{ currencie_convert }}, converter:'{{ converter }}' },
  578.                     success: function(data){
  579.                     
  580.                     text = "";
  581.                     for(i = 0; i < data.length; i++) {
  582.                         
  583.                         product = data[i];  
  585.                           
  586.                     
  587.                         text += '<div class=""><ul class="list-group"><li class="list-group-item"> <a href="/Product-detail/'+product['id']+'/'+product['cart_cat']+'/'+product['userid']+'">';
  588.                       
  590.                     {% if app.request.attributes.get('_route') == "shop_detail_ville" %}
  592.                         text +='<img src="../../../../img/product/'+product['image']+'" width=80  height=80 alt="">';
  594.                     {% else %}
  596.                      text +='<img src="img/product/'+product['image']+'" width=80  height=80 alt="">';
  599.                     {%  endif  %}
  602.                         text +=''+product['currencie']+' <font color=red>'+product['price']+'</font>&nbsp &nbsp'+product['name']+'</a> &nbsp &nbsp &nbsp &nbsp <form action="/cart/addsearch/'+product['id']+'" method="post"><br> <input type="hidden" name="cat" value="'+product['cart_cat']+'"/><input type="hidden" name="magasin" value="{{ magasin }}"/> <input type="hidden" name="categorie" value="'+product['type1']+'"/> <input type="hidden" name="type" value="'+product['type']+'"/>  <input min="1" max="100" value="1" name="quantity" style="border: 1px solid #F14705; padding: 0.375rem 0.75rem; border-radius: 0.25rem; margin-bottom:5px;" type="number"> <input type="hidden" name="product_id" value="'+product['id']+'"/><button type="submit" class="btn btn-primary" style="">Ajouter au panier</button> </form></li></ul> </div>';                                   
  603.                     }
  604.                      text += "<br/><br/>";
  605.                     
  606.                     $('#output').html(text);
  607.                     //$('#output').css('display', 'block');
  608.                     $("#loadData").hide();
  609.                     $("#loadData1").hide();
  610.      
  611.                     
  612.                   }
  613.                 });
  614.             }else{
  615.             
  616.                 $('#output').css('display', 'none');
  617.             }
  618.         });
  619.     });
  621.     
  622. </script>
  623. {% endblock %}
  626.