templates/front/include/header.html.twig line 1

  1. <header id="home" class="d-print-none">
  2.     <div class="top-header">
  3.         <div class="container-fluid-lg d-sm-block d-none">
  4.             <div class="row">
  5.                 <div class="col-auto">
  6.                     <a href="tel:+381603860909"><p class="font-dark-30 mb-0"><i data-feather="phone"></i> <span class="fw-bold"> 060/386-09-09 </span></p></a>
  7.                 </div>
  8.                 <div class="col-auto d-sm-block d-none">
  9.                     <p class="font-dark-30 mb-0"><i data-feather="map-pin"></i> <span class="fw-bold"> 13. Septembar br.30, 32250 Ivanjica</span></p>
  10.                 </div>
  11.                 <div class="col-auto d-sm-block d-none">
  12.                     <p class="font-dark-30 mb-0"><i data-feather="mail"></i> <span class="fw-bold">office@pcboomboom.rs</span></p>
  13.                 </div>
  14.                 <div class="col-auto">
  15.                     <ul class="border-list">
  16.                         <li>
  17.                             <div class="dropdown top-header-dropdown">
  18.                                 {% if app.user %}
  19.                                     {% if app.user.userType == 3 %}
  20.                                         <a class="dropdown-toggle" href="javascript:void(0)" role="button"
  21.                                            id="dropdownMenuLink" data-bs-toggle="dropdown">
  22.                                             <span>{{ app.user.fullName }}</span>
  23.                                             <i class="fas fa-chevron-down"></i>
  24.                                         </a>
  25.                                         <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuLink">
  26.                                             <li class="w-100">
  27.                                                 <a class="dropdown-item" href="{{ path('app_profile_view') }}">Vaš profil</a>
  28.                                             </li>
  29.                                             <li class="w-100">
  30.                                                 <a class="dropdown-item" href="{{ path('app_logout') }}">Odjavite se</a>
  31.                                             </li>
  32.                                         </ul>
  33.                                     {% else %}
  34.                                         <a class="dropdown-toggle" href="javascript:void(0)" role="button"
  35.                                            id="dropdownMenuLink" data-bs-toggle="dropdown">
  36.                                             <span>{{ app.user.fullName }}</span>
  37.                                             <i class="fas fa-chevron-down"></i>
  38.                                         </a>
  39.                                         <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuLink">
  40.                                             <li class="w-100">
  41.                                                 <a class="dropdown-item" href="{{ path('app_home') }}">Vaš profil</a>
  42.                                             </li>
  43.                                             <li class="w-100">
  44.                                                 <a class="dropdown-item" href="{{ path('app_logout') }}">Odjavite se</a>
  45.                                             </li>
  46.                                         </ul>
  47.                                     {% endif %}
  48.                                 {% else %}
  49.                                     <a class="dropdown-toggle" href="javascript:void(0)" role="button"
  50.                                        id="dropdownMenuLink" data-bs-toggle="dropdown">
  51.                                         <span>Korisnik</span>
  52.                                         <i class="fas fa-chevron-down"></i>
  53.                                     </a>
  54.                                     <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuLink">
  55.                                         <li class="w-100">
  56.                                             <a class="dropdown-item" href="{{ path('app_login') }}">Prijavite se</a>
  57.                                         </li>
  58.                                         <li class="w-100">
  59.                                             <a class="dropdown-item" href="{{ path('app_registration_form') }}">Registrujte se</a>
  60.                                         </li>
  61.                                     </ul>
  62.                                 {% endif %}
  63.                             </div>
  64.                         </li>
  65.                     </ul>
  66.                 </div>
  67.             </div>
  68.         </div>
  70.         <div class="container-fluid-lg d-block d-sm-none">
  71.             <div class="row justify-content-between">
  72.                 <div class="col-auto">
  73.                     <div class="toggle-nav mx-1"><i class="fa fa-bars sidebar-bar fa-2x"></i></div>
  74.                 </div>
  75.                 <div class="col-auto">
  76.                     <a href="tel:+381603860909"><p class="font-dark-30 mb-0"><i data-feather="phone"></i> <span class="fw-bold"> 060/386-09-09 </span></p></a>
  77.                 </div>
  78.             </div>
  79.         </div>
  80.     </div>
  81.     <div class="main-header navbar-searchbar">
  82.         <div class="container-fluid-lg">
  83.             <div class="row">
  84.                 <div class="col-lg-12">
  85.                     <div class="main-menu">
  86.                         <div class="menu-left">
  87.                             <div class="brand-logo">
  88.                                 <a href="{{ path('app_shop_home') }}">
  89.                                     <img src="{{ asset('assets/images/logo/logo1.png') }}" class="img-fluid blur-up lazyload" alt="logo">
  90.                                 </a>
  91.                             </div>
  93.                             <div class="category-menu" style="padding-left: 8rem">
  94.                                 <a href="{{ path('app_shop_all') }}" class="d-sm-block d-none">
  95.                                     <button type="button" class="btn btn-outline-dark">
  96.                                         SVE KATEGORIJE
  97.                                     </button>
  98.                                 </a>
  99.                             </div>
  100.                             <div class="category-menu">
  101.                                 <a href="{{ path('app_shop_sale') }}" class="d-sm-block d-none">
  102.                                     <button type="button" class="btn btn-solid-default">
  103.                                         AKCIJA
  104.                                     </button>
  105.                                 </a>
  106.                             </div>
  107.                             <div class="category-menu">
  108.                                 <a href="{{ path('app_shop_new') }}" class="d-sm-block d-none">
  109.                                     <button type="button" class="btn btn-solid-dark">
  110.                                         NOVO
  111.                                     </button>
  112.                                 </a>
  113.                             </div>
  114.                             <div class="category-menu">
  115.                                 <a href="{{ path('app_shop_outlet') }}" class="d-sm-block d-none">
  116.                                     <button type="button" class="btn btn-outline-secondary">
  117.                                         OUTLET
  118.                                     </button>
  119.                                 </a>
  120.                             </div>
  122.                         </div>
  124.                         <nav>
  125.                             <div class="main-navbar">
  126.                                 <div id="mainnav">
  127.                                     <ul class="nav-menu">
  128. {#                                        <li>#}
  129. {#                                            <div class="category-menu">#}
  130. {#                                                <a href="{{ path('app_shop_sale') }}" class="d-sm-block d-none">#}
  131. {#                                                    <button type="button" class="btn btn-solid-default">#}
  132. {#                                                        AKCIJA#}
  133. {#                                                    </button>#}
  134. {#                                                </a>#}
  135. {#                                            </div>#}
  136. {#                                        </li>#}
  137. {#                                        <li>#}
  138. {#                                            <div class="category-menu">#}
  139. {#                                                <a href="{{ path('app_shop_new') }}" class="d-sm-block d-none">#}
  140. {#                                                    <button type="button" class="btn btn-solid-dark">#}
  141. {#                                                        NOVO#}
  142. {#                                                    </button>#}
  143. {#                                                </a>#}
  144. {#                                            </div>#}
  145. {#                                        </li>#}
  146. {#                                        <li>#}
  147. {#                                            <div class="category-menu">#}
  148. {#                                                <a href="{{ path('app_shop_outlet') }}" class="d-sm-block d-none">#}
  149. {#                                                    <button type="button" class="btn btn-outline-dark">#}
  150. {#                                                        OUTLET#}
  151. {#                                                    </button>#}
  152. {#                                                </a>#}
  153. {#                                            </div>#}
  154. {#                                        </li>#}
  156.                                         <li class="back-btn d-xl-none">
  157.                                             <div class="close-btn">
  158.                                                 Meni
  159.                                                 <span class="mobile-back"><i class="fa fa-angle-left"></i>
  160.                                                     </span>
  161.                                             </div>
  162.                                         </li>
  163.                                         <li class="submenu-title d-flex d-xl-none">
  164.                                             <a href="{{ path('app_shop_all') }}" >
  165.                                                 <button type="button" class="btn btn-outline-dark">
  166.                                                     SVE KATEGORIJE
  167.                                                 </button>
  168.                                             </a>
  169.                                             {#                                            <a href="{{ path('app_shop_sale') }}" class="menu-title"><div class="gradient-title">Akcija</div></a>#}
  170.                                         </li>
  171.                                         <li class="submenu-title d-flex d-xl-none">
  172.                                             <a href="{{ path('app_shop_sale') }}" >
  173.                                                 <button type="button" class="btn btn-solid-default">
  174.                                                     AKCIJA
  175.                                                 </button>
  176.                                             </a>
  177. {#                                            <a href="{{ path('app_shop_sale') }}" class="menu-title"><div class="gradient-title">Akcija</div></a>#}
  178.                                         </li>
  179.                                         <li class="submenu-title d-flex d-xl-none">
  180.                                             <a href="{{ path('app_shop_new') }}" >
  181.                                                 <button type="button" class="btn btn-solid-dark">
  182.                                                     NOVO
  183.                                                 </button>
  184.                                             </a>
  185. {#                                            <a href="{{ path('app_shop_new') }}" class="menu-title"><div class="gradient-title">Novo</div></a>#}
  186.                                         </li>
  187.                                         <li class="submenu-title d-flex d-xl-none">
  188.                                             <a href="{{ path('app_shop_outlet') }}" >
  189.                                                 <button type="button" class="btn btn-outline-secondary" >
  190.                                                     OUTLET
  191.                                                 </button>
  192.                                             </a>
  194.                                             {#                                            <a href="{{ path('app_shop_outlet') }}" class="menu-title"><div class="gradient-title">Outlet</div></a>#}
  195.                                         </li>
  197.                                         <li class="submenu-title">
  198.                                             <a href="{{ path('app_shop', {id: 1303}) }}" class="menu-title">IT Oprema</a>
  199.                                         </li>
  200.                                         <li class="submenu-title">
  201.                                             <a href="{{ path('app_shop', {id: 1104}) }}" class="menu-title">Bela tehnika</a>
  202.                                         </li>
  203.                                         <li class="submenu-title">
  204.                                             <a href="{{ path('app_shop', {id: 1067}) }}" class="menu-title">Kućni aparati</a>
  205.                                         </li>
  206. {#                                        <li class="submenu-title">#}
  207. {#                                            <a href="{{ path('app_shop', {id: 885}) }}" class="menu-title">Strujni program</a>#}
  208. {#                                        </li>#}
  209.                                         <li class="submenu-title">
  210.                                             <a href="{{ path('app_shop', {id: 1235}) }}" class="menu-title">Telefoni</a>
  211.                                         </li>
  212.                                         <li class="submenu-title">
  213.                                             <a href="{{ path('app_shop', {id: 1121}) }}" class="menu-title">TV, Audio, Video</a>
  214.                                         </li>
  215. {#                                        <li class="submenu-title">#}
  216. {#                                            <a href="{{ path('app_shop', {id: 959}) }}" class="menu-title">Video nadzor</a>#}
  217. {#                                        </li>#}
  218. {#                                        <li class="submenu-title">#}
  219. {#                                            <a href="{{ path('app_shop_all') }}" class="d-flex d-xl-none">#}
  220. {#                                                <button type="button" class="btn btn-solid-default">#}
  221. {#                                                    SVE KATEGORIJA#}
  222. {#                                                </button>#}
  223. {#                                            </a>#}
  224. {#                                            <a href="{{ path('app_shop_all') }}" class="menu-title"><div class="gradient-title">Sve kategorije</div></a>#}
  225. {#                                        </li>#}
  227.                                         <li class="mobile-poster d-flex d-xl-none">
  228.                                             <img src="{{ asset('assets/shop/assets/images/pwa.png') }}" class="img-fluid" alt="">
  229.                                             <div class="mobile-contain">
  230.                                                 <h5>Koristite kao aplikaciju</h5>
  231.                                                 <p class="font-light">Sa novom opcijom možete prodavnici pristupati kao aplikaciji na telefonu.</p>
  232.                                                 <a href="javascript:void(0)" id="installApp"
  233.                                                    class="btn btn-solid-default btn-spacing w-100">DODAJTE NA SVOJ EKRAN</a>
  234.                                             </div>
  235.                                         </li>
  236.                                     </ul>
  237.                                 </div>
  238.                             </div>
  239.                         </nav>
  240.                         <div class="menu-right">
  242.                             <ul>
  243.                                 <li>
  244.                                     <div class="search-box theme-bg-color">
  245.                                         <i data-feather="search"></i>
  246.                                     </div>
  247.                                 </li>
  248.                                 {% if app.user %}
  249.                                     <li class="onhover-dropdown wislist-dropdown">
  250.                                         <a href="{{ path('app_profile_view') }}#wish">
  251.                                             <div class="cart-media">
  252.                                                 <div class="cart-icon text-dark">
  253.                                                     <i data-feather="heart"></i>
  254.                                                     <span class="label label-theme rounded-pill" id="listaZelja">0</span>
  255.                                                 </div>
  256.                                             </div>
  257.                                         </a>
  258.                                     </li>
  259.                                 {% endif %}
  260.                                 <li class="onhover-dropdown cart-dropdown">
  261.                                     <a href="{{ path('app_cart') }}">
  262.                                         <div class="cart-media">
  263.                                             <div class="cart-icon text-dark">
  264.                                                 <i data-feather="shopping-cart"></i>
  265.                                                 <span class="label label-theme rounded-pill" id="korpa">0</span>
  266.                                             </div>
  267.                                         </div>
  268.                                     </a>
  269.                                 </li>
  270.                             </ul>
  271.                         </div>
  272.                         <div class="search-full">
  273.                             <form id="search" action="{{ path('app_search_products') }}" method="get" class="w-100">
  274.                                 <div class="input-group test">
  275.                                     <input type="text" name="keywords" class="form-control search-type" placeholder="Unesite pojam za pretragu" autocomplete="off">
  276.                                     <span class="input-group-text"><a href="#" onclick="myFunction()"><i data-feather="search" class="font-light"></i></a></span>
  277.                                     <span class="input-group-text close-search"><i data-feather="x" class="font-light"></i></span>
  278.                                 </div>
  279.                             </form>
  280.                             <div class="search-suggestion">
  281.                                 <ul id="search-results"></ul>
  282.                             </div>
  283.                         </div>
  285.                     </div>
  286.                 </div>
  287.             </div>
  288.         </div>
  289.     </div>
  290. </header>