public/themes/karen/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fa-IR" dir="rtl">
  3. <head>
  4.     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
  5.     {% block seo %}{% endblock %}
  6.     {% set css = [
  7.         'base-assets/themes/karen/styles/app.css',
  8.         'base-assets/themes/karen/swiper/swiper.css',
  10.     ] %}
  11.     {% for url  in css %}
  12.         <link rel="stylesheet" href="{{ url('app_cdn_path' , {'path' : url})|replaceUrl('http://', 'https://') }}">
  13.     {% endfor %}
  14.     {% block stylesheets %}{% endblock %}
  15.     <script type="text/javascript">
  16.         if (
  17.             localStorage.theme === "dark" ||
  18.             (!("theme" in localStorage) &&
  19.                 window.matchMedia("(prefers-color-scheme: dark)").matches)
  20.         ) {
  21.             document.documentElement.classList.add("dark");
  22.         } else {
  23.             document.documentElement.classList.remove("dark");
  24.         }
  25.     </script>
  26.     <script src="{{ url('app_cdn_path' , {'path' : 'base-assets/themes/default/js/vendor/jquery-3.4.1.min.js'})|replaceUrl('http://', 'https://') }}"></script>
  28.     <style>
  29.         .product-card img{
  30.             object-fit: contain!important;
  31.         }
  32.     </style>
  33. </head>
  34. <body>
  35. <svg class="hidden">
  36.     <symbol id="arrow-left-circle" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
  37.             stroke-width="1.5" stroke="currentColor" class="size-6">
  38.         <path stroke-linecap="round" stroke-linejoin="round"
  39.               d="m11.25 9-3 3m0 0 3 3m-3-3h7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
  40.     </symbol>
  41.     <symbol id="star" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  42.             stroke="currentColor" class="size-6">
  43.         <path stroke-linecap="round" stroke-linejoin="round"
  44.               d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/>
  45.     </symbol>
  46.     <symbol id="arrows-up-down" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
  47.             stroke-width="1.5" stroke="currentColor" class="size-6">
  48.         <path stroke-linecap="round" stroke-linejoin="round"
  49.               d="M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5"/>
  50.     </symbol>
  51.     <symbol id="rocket" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  52.             stroke="currentColor" class="size-6">
  53.         <path stroke-linecap="round" stroke-linejoin="round"
  54.               d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/>
  55.     </symbol>
  56.     <symbol id="mobile" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  57.             stroke="currentColor" class="size-6">
  58.         <path stroke-linecap="round" stroke-linejoin="round"
  59.               d="M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"/>
  60.     </symbol>
  61.     <symbol id="tv" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  62.             stroke="currentColor" class="size-6">
  63.         <path stroke-linecap="round" stroke-linejoin="round"
  64.               d="M6 20.25h12m-7.5-3v3m3-3v3m-10.125-3h17.25c.621 0 1.125-.504 1.125-1.125V4.875c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125Z"/>
  65.     </symbol>
  66.     <symbol id="tag" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  67.             stroke="currentColor" class="size-6">
  68.         <path stroke-linecap="round" stroke-linejoin="round"
  69.               d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z"/>
  70.         <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z"/>
  71.     </symbol>
  72.     <symbol id="tablet" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  73.             stroke="currentColor" class="size-6">
  74.         <path stroke-linecap="round" stroke-linejoin="round"
  75.               d="M10.5 19.5h3m-6.75 2.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-15a2.25 2.25 0 0 0-2.25-2.25H6.75A2.25 2.25 0 0 0 4.5 4.5v15a2.25 2.25 0 0 0 2.25 2.25Z"/>
  76.     </symbol>
  77.     <symbol id="headphone" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
  78.         <path stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"
  79.               d="M20 16v-4a8 8 0 1 0-16 0v4m16 0v2a2 2 0 0 1-2 2h-2v-6h2a2 2 0 0 1 2 2ZM4 16v2a2 2 0 0 0 2 2h2v-6H6a2 2 0 0 0-2 2Z"/>
  80.     </symbol>
  81.     <symbol id="arrow" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  82.             stroke="currentColor" class="size-6">
  83.         <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"/>
  84.     </symbol>
  85.     <symbol id="arrow-up-right" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
  86.             stroke-width="1.5" stroke="currentColor" class="size-6">
  87.         <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"/>
  88.     </symbol>
  89.     <symbol id="search" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  90.             stroke="currentColor" class="size-6">
  91.         <path stroke-linecap="round" stroke-linejoin="round"
  92.               d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/>
  93.     </symbol>
  94.     <symbol id="arrow-left-end" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
  95.             stroke-width="1.5" stroke="currentColor" class="size-6">
  96.         <path stroke-linecap="round" stroke-linejoin="round"
  97.               d="M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15M12 9l-3 3m0 0 3 3m-3-3h12.75"/>
  98.     </symbol>
  99.     <symbol id="shopping-bag" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  100.             stroke="currentColor" class="size-6">
  101.         <path stroke-linecap="round" stroke-linejoin="round"
  102.               d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
  103.     </symbol>
  104.     <symbol id="shopping-cart" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  105.             stroke="currentColor" class="size-6">
  106.         <path stroke-linecap="round" stroke-linejoin="round"
  107.               d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"/>
  108.     </symbol>
  109.     <symbol id="moon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="{1.5}"
  110.             stroke="currentColor">
  111.         <path strokeLinecap="round" strokeLinejoin="round"
  112.               d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z"/>
  113.     </symbol>
  114.     <symbol id="sun" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  115.             stroke="currentColor">
  116.         <path stroke-linecap="round" stroke-linejoin="round"
  117.               d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"/>
  118.     </symbol>
  119.     <symbol id="user" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  120.             stroke="currentColor" class="size-6">
  121.         <path stroke-linecap="round" stroke-linejoin="round"
  122.               d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"/>
  123.     </symbol>
  124.     <symbol id="heart" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  125.             stroke="currentColor" class="size-6">
  126.         <path stroke-linecap="round" stroke-linejoin="round"
  127.               d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
  128.     </symbol>
  129.     <symbol id="chevron" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  130.             stroke="currentColor" class="size-6">
  131.         <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
  132.     </symbol>
  133.     <symbol id="x-mark" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  134.             stroke="currentColor" class="size-6">
  135.         <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
  136.     </symbol>
  137.     <symbol id="fire" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  138.             stroke="currentColor" class="size-6">
  139.         <path stroke-linecap="round" stroke-linejoin="round"
  140.               d="M15.362 5.214A8.252 8.252 0 0 1 12 21 8.25 8.25 0 0 1 6.038 7.047 8.287 8.287 0 0 0 9 9.601a8.983 8.983 0 0 1 3.361-6.867 8.21 8.21 0 0 0 3 2.48Z"/>
  141.         <path stroke-linecap="round" stroke-linejoin="round"
  142.               d="M12 18a3.75 3.75 0 0 0 .495-7.468 5.99 5.99 0 0 0-1.925 3.547 5.975 5.975 0 0 1-2.133-1.001A3.75 3.75 0 0 0 12 18Z"/>
  143.     </symbol>
  144.     <symbol id="bars" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  145.             stroke="currentColor" class="size-6">
  146.         <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/>
  147.     </symbol>
  148.     <symbol id="squares" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  149.             stroke="currentColor" class="size-6">
  150.         <path stroke-linecap="round" stroke-linejoin="round"
  151.               d="M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z"/>
  152.     </symbol>
  153.     <symbol id="check-badge" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  154.             stroke="currentColor" class="size-6">
  155.         <path stroke-linecap="round" stroke-linejoin="round"
  156.               d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z"/>
  157.     </symbol>
  158.     <symbol id="phone" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  159.             stroke="currentColor" class="size-6">
  160.         <path stroke-linecap="round" stroke-linejoin="round"
  161.               d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"/>
  162.     </symbol>
  163.     <symbol id="arrow" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  164.             stroke="currentColor" class="size-6">
  165.         <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
  166.     </symbol>
  167.     <symbol id="home" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  168.             stroke="currentColor" class="size-6">
  169.         <path stroke-linecap="round" stroke-linejoin="round"
  170.               d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/>
  171.     </symbol>
  172.     <symbol id="start" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  173.             stroke="currentColor" class="size-6">
  174.         <path stroke-linecap="round" stroke-linejoin="round"
  175.               d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/>
  176.     </symbol>
  177.     <symbol id="map" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  178.             stroke="currentColor" class="size-6">
  179.         <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
  180.         <path stroke-linecap="round" stroke-linejoin="round"
  181.               d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/>
  182.     </symbol>
  183.     <symbol id="plus" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  184.             stroke="currentColor" class="size-6">
  185.         <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/>
  186.     </symbol>
  187.     <symbol id="minus" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  188.             stroke="currentColor" class="size-6">
  189.         <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14"/>
  190.     </symbol>
  191.     <symbol id="envelope" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  192.             stroke="currentColor" class="size-6">
  193.         <path stroke-linecap="round" stroke-linejoin="round"
  194.               d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/>
  195.     </symbol>
  196.     <symbol id="cog" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  197.             stroke="currentColor" class="size-6">
  198.         <path stroke-linecap="round" stroke-linejoin="round"
  199.               d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/>
  200.         <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
  201.     </symbol>
  202.     <symbol id="calendar" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  203.             stroke="currentColor" class="size-6">
  204.         <path stroke-linecap="round" stroke-linejoin="round"
  205.               d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"/>
  206.     </symbol>
  207.     <symbol id="eye" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
  208.             stroke="currentColor" class="size-6">
  209.         <path stroke-linecap="round" stroke-linejoin="round"
  210.               d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"/>
  211.         <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
  212.     </symbol>
  213.     <symbol id="instagram" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
  214.         <path fill="currentColor" fill-rule="evenodd"
  215.               d="M3 8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8Zm5-3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H8Zm7.597 2.214a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2h-.01a1 1 0 0 1-1-1ZM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z"
  216.               clip-rule="evenodd"/>
  217.     </symbol>
  218.     <symbol id="whatsapp" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
  219.         <path fill="currentColor" fill-rule="evenodd"
  220.               d="M12 4a8 8 0 0 0-6.895 12.06l.569.718-.697 2.359 2.32-.648.379.243A8 8 0 1 0 12 4ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10a9.96 9.96 0 0 1-5.016-1.347l-4.948 1.382 1.426-4.829-.006-.007-.033-.055A9.958 9.958 0 0 1 2 12Z"
  221.               clip-rule="evenodd"/>
  222.         <path fill="currentColor"
  223.               d="M16.735 13.492c-.038-.018-1.497-.736-1.756-.83a1.008 1.008 0 0 0-.34-.075c-.196 0-.362.098-.49.291-.146.217-.587.732-.723.886-.018.02-.042.045-.057.045-.013 0-.239-.093-.307-.123-1.564-.68-2.751-2.313-2.914-2.589-.023-.04-.024-.057-.024-.057.005-.021.058-.074.085-.101.08-.079.166-.182.249-.283l.117-.14c.121-.14.175-.25.237-.375l.033-.066a.68.68 0 0 0-.02-.64c-.034-.069-.65-1.555-.715-1.711-.158-.377-.366-.552-.655-.552-.027 0 0 0-.112.005-.137.005-.883.104-1.213.311-.35.22-.94.924-.94 2.16 0 1.112.705 2.162 1.008 2.561l.041.06c1.161 1.695 2.608 2.951 4.074 3.537 1.412.564 2.081.63 2.461.63.16 0 .288-.013.4-.024l.072-.007c.488-.043 1.56-.599 1.804-1.276.192-.534.243-1.117.115-1.329-.088-.144-.239-.216-.43-.308Z"/>
  224.     </symbol>
  225.     <symbol id="linkedin" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
  226.             viewBox="0 0 24 24">
  227.         <path fill-rule="evenodd"
  228.               d="M12.51 8.796v1.697a3.738 3.738 0 0 1 3.288-1.684c3.455 0 4.202 2.16 4.202 4.97V19.5h-3.2v-5.072c0-1.21-.244-2.766-2.128-2.766-1.827 0-2.139 1.317-2.139 2.676V19.5h-3.19V8.796h3.168ZM7.2 6.106a1.61 1.61 0 0 1-.988 1.483 1.595 1.595 0 0 1-1.743-.348A1.607 1.607 0 0 1 5.6 4.5a1.601 1.601 0 0 1 1.6 1.606Z"
  229.               clip-rule="evenodd"/>
  230.         <path d="M7.2 8.809H4V19.5h3.2V8.809Z"/>
  231.     </symbol>
  232.     <symbol id="youtube" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
  233.             viewBox="0 0 24 24">
  234.         <path fill-rule="evenodd"
  235.               d="M21.7 8.037a4.26 4.26 0 0 0-.789-1.964 2.84 2.84 0 0 0-1.984-.839c-2.767-.2-6.926-.2-6.926-.2s-4.157 0-6.928.2a2.836 2.836 0 0 0-1.983.839 4.225 4.225 0 0 0-.79 1.965 30.146 30.146 0 0 0-.2 3.206v1.5a30.12 30.12 0 0 0 .2 3.206c.094.712.364 1.39.784 1.972.604.536 1.38.837 2.187.848 1.583.151 6.731.2 6.731.2s4.161 0 6.928-.2a2.844 2.844 0 0 0 1.985-.84 4.27 4.27 0 0 0 .787-1.965 30.12 30.12 0 0 0 .2-3.206v-1.516a30.672 30.672 0 0 0-.202-3.206Zm-11.692 6.554v-5.62l5.4 2.819-5.4 2.801Z"
  236.               clip-rule="evenodd"/>
  237.     </symbol>
  239. </svg>
  240. {% if app.user is defined and app.user is not null and app.user.hasRole('ROLE_SHOP_ADMIN') %}
  241.     {% include 'website/admin-bar.html.twig' %}
  242. {% endif %}
  243. {% if app.user is defined and app.user is not null and app.user.hasRole('ROLE_SHOP_ADMIN') %}
  244.     <style>
  245.         body {
  246.             top: 40px !important;
  247.         }
  248.     </style>
  249. {% endif %}
  250. {% include getThemeDir('modules/header.html.twig') with {} %}
  251. <main class="relative">
  252.     {% block body %}{% endblock %}
  253.     <div class="container w-full mt-10 lg:mt-20 flex flex-wrap items-center justify-between gap-6 child:text-sm child:gap-y-1 child:cursor-pointer">
  254.         <span class="flex flex-col items-center justify-center">
  255.                 <img class="w-14 h-14"
  256.                      src="{{ url('app_cdn_path' , {'path' : 'base-assets/themes/karen/images/svg/1.svg'})|replaceUrl('http://', 'https://') }}"
  257.                      alt="">
  258.                 <p class="text-gray-500 dark:text-gray-300">امکان ارسال مرسوله</p>
  259.             </span>
  260.         <span class="flex flex-col items-center justify-center">
  261.                 <img class="w-14 h-14"
  262.                      src="{{ url('app_cdn_path' , {'path' : 'base-assets/themes/karen/images/svg/2.svg'})|replaceUrl('http://', 'https://') }}"
  263.                      alt="">
  264.                 <p class="text-gray-500 dark:text-gray-300">ضمانت اصل بودن کالا</p>
  265.             </span>
  266.         <span class="flex flex-col items-center justify-center">
  267.                 <img class="w-14 h-14"
  268.                      src="{{ url('app_cdn_path' , {'path' : 'base-assets/themes/karen/images/svg/3.svg'})|replaceUrl('http://', 'https://') }}"
  269.                      alt="">
  270.                 <p class="text-gray-500 dark:text-gray-300">ضمانت بازگشت کالا</p>
  271.             </span>
  272.         <span class="flex flex-col items-center justify-center">
  273.                 <img class="w-14 h-14"
  274.                      src="{{ url('app_cdn_path' , {'path' : 'base-assets/themes/karen/images/svg/4.svg'})|replaceUrl('http://', 'https://') }}"
  275.                      alt="">
  276.                 <p class="text-gray-500 dark:text-gray-300">پشتیبانی 24 ساعته</p>
  277.             </span>
  278.     </div>
  279. </main>
  280. <footer class="md:container my-12">
  281.     <div class=" relative w-full bg-gray-900 dark:bg-gray-800 text-white rounded-2xl p-4 lg:p-9">
  282.         <div class="flex items-start flex-col gap-x-7 lg:gap-x-10 gap-y-10 lg:flex-row flex-wrap">
  283.             <div class="flex-[2] w-full">
  284.                 <h2 class="footer_title">{{ getSettings('general_info_siteName') }}</h2>
  285.                 <p class="leading-8 text-gray-400 mb-5">{{ getSettings('general_info_slogan' , '') }}</p>
  286.                 <div class="flex items-center gap-x-4">
  287.                     <a href="{{ getSettings('social_url_instagram' , '#') }}" class="size-10 bg-gray-950 rounded-xl flex-center">
  288.                         <svg class="size-6 text-blue-500">
  289.                             <use href="#instagram"></use>
  290.                         </svg>
  291.                     </a>
  292.                     <a href="{{ getSettings('social_url_whatsapp' , '#') }}" class="size-10 bg-gray-950 rounded-xl flex-center">
  293.                         <svg class="size-6 text-blue-500">
  294.                             <use href="#whatsapp"></use>
  295.                         </svg>
  296.                     </a>
  297.                     <a href="{{ getSettings('social_url_linkedin' , '#') }}" class="size-10 bg-gray-950 rounded-xl flex-center">
  298.                         <svg class="size-6 text-blue-500">
  299.                             <use href="#linkedin"></use>
  300.                         </svg>
  301.                     </a>
  302.                     <a href="{{ getSettings('social_url_youtube' , '#') }}" class="size-10 bg-gray-950 rounded-xl flex-center">
  303.                         <svg class="size-6 text-blue-500">
  304.                             <use href="#youtube"></use>
  305.                         </svg>
  306.                     </a>
  307.                 </div>
  308.             </div>
  309.             {% set menu = get_menu_data('footer1') %}
  310.             {% if menu['items'] is defined %}
  311.                 <div class="flex-1 flex flex-col w-full lg:w-auto">
  312.                     <h2 class="footer_title">{{ menu['title'] }}</h2>
  313.                     <div class="flex gap-x-10 child:space-y-2 child:text-gray-400">
  314.                         <ul class="child-hover:text-blue-500 child:transition-all">
  315.                             {% for item in menu['items'] %}
  316.                                 <li>
  317.                                     <a href="{{ item['link'] }}">{{ item['title'] }}</a>
  318.                                 </li>
  319.                             {% endfor %}
  320.                         </ul>
  321.                     </div>
  322.                 </div>
  323.             {% endif %}
  324.             {% set menu = get_menu_data('footer2') %}
  325.             {% if menu['items'] is defined %}
  326.                 <div class="flex-1 flex flex-col w-full lg:w-auto">
  327.                     <h2 class="footer_title">{{ menu['title'] }}</h2>
  328.                     <div class="flex gap-x-10 child:space-y-2 child:text-gray-400">
  329.                         <ul class="child-hover:text-blue-500 child:transition-all">
  330.                             {% for item in menu['items'] %}
  331.                                 <li>
  332.                                     <a href="{{ item['link'] }}">{{ item['title'] }}</a>
  333.                                 </li>
  334.                             {% endfor %}
  335.                         </ul>
  336.                     </div>
  337.                 </div>
  338.             {% endif %}
  340.             <div class="flex-[1.5] w-full">
  341.                 <h2 class="footer_title">تماس با ما</h2>
  342.                 <ul
  343.                         class="flex flex-col child:flex child:text-gray-400 child:items-center child:justify-between gap-y-6">
  344.                     <li>
  345.                         <p>شماره تماس :</p>
  346.                         <p dir="ltr">{{ getSettings('call_contact_phone' , '') }}</p>
  347.                     </li>
  348.                     <li>
  349.                         <p>آدرس ایمیل :</p>
  350.                         <p>{{ getSettings('call_contact_email' , '') }}</p>
  351.                     </li>
  352.                     <li>
  353.                         <p>آدرس :</p>
  354.                         <p>{{ getSettings('call_contact_address' , '') }}</p>
  355.                     </li>
  356.                 </ul>
  357.             </div>
  358.             <div class="flex-1 w-full md:w-1/6 flex flex-col items-end justify-end ml-5 md:ml-0 md:mr-5">
  359.                 <div class="flex justify-center md:justify-end items-center gap-x-3  child:bg-gray-950 child:dark:bg-gray-900">
  360.                     {% if
  361.                         (getSettings('certificate_all_code' , 0) == 0) or
  362.                         (getSettings('certificate_all_code' , 0) != "") or
  363.                         (getSettings('certificate_all_code' , 0) != " ") or
  364.                         getSettings('certificate_all_code' , 0) is null %}
  365.                         <span class="w-16 h-16 lg:w-20 lg:h-20 flex-center rounded-xl ">
  366.                                <img class="w-16 h-16" src="{{ asset('symbol-01.png') }}" alt="">
  367.                         </span>
  368.                         <span class="w-16 h-16 lg:w-20 lg:h-20 flex-center rounded-xl ">
  369.                                   <img class="w-16 h-16" src="{{ asset('symbol-02.png') }}" alt="">
  370.                         </span>
  371.                     {% else %}
  372.                         <span class="w-16 h-16 lg:w-20 lg:h-20 flex-center rounded-xl ">
  373.                                     {{ getSettings('certificate_all_code')|raw }}
  374.                         </span>
  375.                     {% endif %}
  376.                 </div>
  377.                 <a href="#"
  378.                    class="ring-2 ring-gray-400 text-gray-300 w-32 rounded-lg text-sm flex-center gap-x-2 py-1.5 px-2 mt-10 ">
  379.                     بازگشت به بالا
  380.                     <svg class="size-4 rotate-180">
  381.                         <use href="#chevron"/>
  382.                     </svg>
  383.                 </a>
  384.             </div>
  385.         </div>
  386.         {#        <div #}
  387.         {#                class="w-full rounded-xl bg-gray-950 dark:bg-gray-900 flex flex-col md:flex-row gap-y-4 items-center justify-between p-4 md:p-6 mt-6"> #}
  388.         {#            <a href="#" class="text-3xl font-MorabbaMedium"> #}
  389.         {#                <span class="text-blue-500">کارین</span> شاپ #}
  390.         {#            </a> #}
  391.         {#            <div #}
  392.         {#                    class="bg-gray-900 dark:bg-gray-800 p-1.5 rounded-xl w-72 lg:w-[350px] flex items-center justify-between"> #}
  393.         {#                <input type="text" class="bg-transparent text-gray-200 px-2 w-full" #}
  394.         {#                       placeholder="از جدیدترین تخفیف ها با خبر شوید                    "/> #}
  395.         {#                <button class="px-4 py-1 bg-blue-500 rounded-xl font-DanaMedium"> #}
  396.         {#                    ثبت #}
  397.         {#                </button> #}
  398.         {#            </div> #}
  399.         {#        </div> #}
  400.     </div>
  401.     <p class="text-center text-sm my-4 text-gray-400">  {{ getSettings('general_info_copyright') }}
  402.         -
  403.         ساخته شده توسط
  404.         <a href="https://poooshe.com">پــوشه</a></p>
  405. </footer>
  406. <div class="overlay"></div>
  407. <div class="search-overlay"></div>
  408. {% set jss = [
  409.     'base-assets/themes/karen/swiper/swiper.js',
  410.     'base-assets/themes/karen/scripts/app.js',
  411.     'base-assets/themes/karen/scripts/slider.js',
  412. ] %}
  413. {% for url in jss %}
  414.     <script src="{{ url('app_cdn_path' , {'path' : url})|replaceUrl('http://', 'https://') }}"></script>
  415. {% endfor %}
  416. {% block javascripts %}{% endblock %}
  417. </body>
  418. </html>