src/ApplicationBundle/Modules/MarketPlace/Resources/views/inc/market_place_header_v2.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <meta property="og:title" content="{{ og_title is defined? og_title: page_title }}"/>
  7.     <meta property="og:description"
  8.           content="{{ og_description is defined? og_description: 'RaachSolar is a marketplace where people can buy and sell solar service related products. Powered by HoneyBee IoT' }}"/>
  9.     <meta property="og:image"
  10.           content="{{ og_image is defined? (absolute_url(path('dashboard'))~og_image):(absolute_url(path('dashboard'))~'marketplace_assets/assests/raachLogo.svg') }}"/>
  11.     <title> {{ page_title }} </title>
  14.    <!--swipper and others css links-->
  15.    <link rel="stylesheet" href="{{ absolute_url(path('dashboard')) }}marketplace_assets/css/bootstrap.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  16.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
  17.     <link
  18.       rel="stylesheet"
  19.       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
  20.       integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
  21.       crossorigin="anonymous"
  22.       referrerpolicy="no-referrer"
  23.     />
  25.     <link rel="stylesheet" href="{{ absolute_url(path('dashboard')) }}marketplace_assets/css/calender.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  26.     <link rel="stylesheet" href="{{ absolute_url(path('dashboard')) }}marketplace_assets/css/parallax.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  27.     <link rel="stylesheet" href="{{ absolute_url(path('dashboard')) }}marketplace_assets/css/style.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  28.   </head>
  30.     <script>
  31.         if (typeof module === 'object') {
  32.             window.module = module;
  33.             module = undefined;
  34.         }
  35.         //    require('./preload');
  36.     </script>
  39.     <script src="https://code.jquery.com/jquery-3.4.1.min.js"
  40.             integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  42.   <body>
  43.     <nav class="navbar navbar-expand-lg nav-background">
  44.       <div class="container-xxl">
  45.         <a class="navbar-brand" href="{{ path('market_place_home_view') }}" >
  46.           <img src="{{ absolute_url(asset('marketplace_assets/assests/raachLogo.svg')) }}" alt="Logo" />
  47.         </a>
  49.         <button
  50.           class="navbar-toggler"
  51.           type="button"
  52.           data-bs-toggle="collapse"
  53.           data-bs-target="#navbarNav"
  54.           aria-controls="navbarNav"
  55.           aria-expanded="false"
  56.           aria-label="Toggle navigation"
  57.         >
  58.           <span class="navbar-toggler-icon"></span>
  59.         </button>
  61.         <div class="collapse navbar-collapse custom-collapse" id="navbarNav">
  62.           <ul class="navbar-nav mx-auto text-center">
  63.             <!-- Always visible nav links -->
  64.             <li class="nav-item">
  65.               <a class="nav-link {% if app.request.get('_route') == 'market_place_product_list' %}active{% endif %}" href="{{ url('market_place_product_list') }}" >Products</a>
  66.             </li>
  67.             <li class="nav-item">
  68.               <a class="nav-link {% if app.request.get('_route') == 'market_place_our_project' %}active{% endif %}" href="{{ url('market_place_our_project') }}" >Projects</a>
  69.             </li>
  71.             <!-- Menu Dropdown: Only visible on large devices -->
  72.             <li class="nav-item dropdown d-none d-lg-block">
  73.               <a
  74.                 class="nav-link dropdown-toggle"
  75.                 href="#"
  76.                 role="button"
  77.                 data-bs-toggle="dropdown"
  78.                 aria-expanded="false"
  79.               >
  80.                 Menu
  81.               </a>
  82.               <ul class="dropdown-menu ">
  84.                 <div class='dropdown-scroll'> 
  85.                   <li>
  86.                     <a class="dropdown-item {% if app.request.get('_route') == 'market_place_about_us' %}active{% endif %}" href="{{ url('market_place_about_us') }} " >About Us</a>
  87.                   </li>
  88.                   <li><hr class="dropdown-divider" /></li>
  89.                   <li>
  90.                     <a class="dropdown-item {% if app.request.get('_route') == 'market_place_customer_plant' %}active{% endif %}" href="{{ url('market_place_customer_plant') }}" >Build Custom Plant</a>
  91.                   </li>
  92.                   <li><hr class="dropdown-divider" /></li>
  93.                   <li>
  94.                     <a class="dropdown-item {% if app.request.get('_route') == 'market_place_checkout_details' %}active{% endif %}" href="{{ url('market_place_checkout_details') }}" > Checkout Details</a>
  95.                   </li>
  96.                   <li><hr class="dropdown-divider" /></li>
  97.                   <li>
  98.                     <a class="dropdown-item {% if app.request.get('_route') == 'market_place_company_profile' %}active{% endif %}" href="{{ url('market_place_company_profile') }}" >Company Profile</a>
  99.                   </li>
  100.                   <li><hr class="dropdown-divider" /></li>
  101.                   <li>
  102.                     <a class="dropdown-item {% if app.request.get('_route') == 'market_place_company_profile_edit' %}active{% endif %}" href="{{ url('market_place_company_profile_edit') }}" >Company Profile Edit</a>
  103.                   </li>
  104.                   <li><hr class="dropdown-divider" /></li>
  105.                   <li>
  106.                     <a class="dropdown-item {% if app.request.get('_route') == 'market_place_compare' %}active{% endif %}" href="{{ url('market_place_compare') }} "  >Compare Product</a>
  107.                   </li>
  108.                   <li><hr class="dropdown-divider" /></li>
  109.                   <li>
  110.                     <a class="dropdown-item {% if app.request.get('_route') == 'market_place_my_cart' %}active{% endif %}" href="{{ url('market_place_my_cart') }}" >My Cart</a>
  111.                   </li>
  112.                   <li><hr class="dropdown-divider" /></li>
  113.                   <li>
  114.                     <a class="dropdown-item {% if app.request.get('_route') == 'market_place_profile_view' %}active{% endif %}" href="{{ url('market_place_profile_view') }}" >My Profile Details</a>
  115.                   </li>
  116.                   <li><hr class="dropdown-divider" /></li>
  117.                   <li>
  118.                     <a class="dropdown-item {% if app.request.get('_route') == 'market_place_order_track' %}active{% endif %}" href="{{ url('market_place_order_track') }}" >Order Track</a>
  119.                   </li>
  120.                   <li><hr class="dropdown-divider" /></li>
  121.                   <li>
  122.                     <a class="dropdown-item {% if app.request.get('_route') == 'market_place_vendor_add_product' %}active{% endif %}" href="{{ url('market_place_vendor_add_product') }}" >Vendor Add Product</a>
  123.                   </li>
  124.                   <li><hr class="dropdown-divider" /></li>
  125.                   <li>
  126.                     <a class="dropdown-item {% if app.request.get('_route') == 'market_place_vendor_edit_product' %}active{% endif %}" href="{{ url('market_place_vendor_edit_product') }}" >Vendor Edit Product</a>
  127.                   </li>
  128.                   <li><hr class="dropdown-divider" /></li>
  129.                   <li>
  130.                     <a class="dropdown-item {% if app.request.get('_route') == 'market_place_vendor_edit_product' %}active{% endif %}" href="{{ url('market_place_vendor_edit_product') }}" >Vendor Profile Details</a>
  131.                   </li>
  132.                   <li><hr class="dropdown-divider" /></li>
  133.                   <li>
  134.                     <a class="dropdown-item {% if app.request.get('_route') == 'market_place_vendor_login' %}active{% endif %}" href="{{ url('market_place_vendor_login') }}"  >Vendor Login</a>
  135.                   </li>
  136.                   <li><hr class="dropdown-divider" /></li>
  137.                   <li>
  138.                     <a class="dropdown-item {% if app.request.get('_route') == 'market_place_vendor_signup' %}active{% endif %}" href="{{ url('market_place_vendor_signup') }}"  >Vendor Signup</a>
  139.                   </li>
  140.                 </div>
  141.                 
  142.               </ul>
  143.             </li>
  145.             <!-- search-->
  146.             <li class="nav-item d-none d-lg-block">
  147.               <form class="search-box">
  148.                 <div class="input-group input-group-sm mt-1">
  149.                   <span class="input-group-text border-0">
  150.                     <img src="{{ absolute_url(asset('marketplace_assets/assests/header/search.svg')) }}" alt="" />
  151.                   </span>
  152.                   <input
  153.                     type="text"
  154.                     class="form-control border-0 custom-search-input"
  155.                     placeholder="Search"
  156.                     aria-label="Search"
  157.                   />
  158.                 </div>
  159.               </form>
  160.             </li>
  162.             <!--cart -->
  163.             <a href="{{ path('market_place_my_cart') }}" class="cart-button d-none d-lg-block text-decoration-none text-dark">
  164.               <div class="cart-container">
  165.                 <img src="{{ absolute_url(asset('marketplace_assets/assests/header/cart.svg')) }}"  alt="Cart Icon"  class="cart-icon"  />
  166.                 <span class="cart-count"></span>
  167.                 <!-- Dynamic cart count -->
  168.               </div>
  169.               <span class="mx-2">Cart</span>
  170.             </a>
  172.             <!-- Expanded menu: visible only on small & medium devices -->
  173.             <li class="nav-item d-lg-none">
  174.               <a class="nav-link {% if app.request.get('_route') == 'market_place_about_us' %}active{% endif %}" href="{{ url('market_place_about_us') }} " >About Us</a>
  175.             </li>
  176.             <li class="nav-item d-lg-none">
  177.               <a class="nav-link {% if app.request.get('_route') == 'market_place_customer_plant' %}active{% endif %}" href="{{ url('market_place_customer_plant') }}"  >Build Custom Plant</a>
  178.             </li>
  179.             <li class="nav-item d-lg-none">
  180.               <a class="nav-link {% if app.request.get('_route') == 'market_place_checkout_details' %}active{% endif %}" href="{{ url('market_place_checkout_details') }}"  >Checkout Details</a>
  181.             </li>
  182.             <li class="nav-item d-lg-none">
  183.               <a class="nav-link  {% if app.request.get('_route') == 'market_place_company_profile' %}active{% endif %}" href="{{ url('market_place_company_profile') }}" >Company Profile</a>
  184.             </li>
  185.             <li class="nav-item d-lg-none">
  186.               <a class="nav-link {% if app.request.get('_route') == 'market_place_company_profile_edit' %}active{% endif %}" href="{{ url('market_place_company_profile_edit') }}" >Company Profile Edit</a>
  187.             </li>
  188.             <li class="nav-item d-lg-none">
  189.               <a class="nav-link {% if app.request.get('_route') == 'market_place_compare' %}active{% endif %}" href="{{ url('market_place_compare') }}" >Compare Product</a>
  190.             </li>
  191.             <li class="nav-item d-lg-none">
  192.               <a class="nav-link {% if app.request.get('_route') == 'market_place_my_cart' %}active{% endif %}" href="{{ url('market_place_my_cart') }}"  >My Cart</a>
  193.             </li>
  194.             <li class="nav-item d-lg-none">
  195.               <a class="nav-link {% if app.request.get('_route') == 'market_place_profile_view' %}active{% endif %}" href="{{ url('market_place_profile_view') }}" >My Profile Details</a>
  196.             </li>
  197.             <li class="nav-item d-lg-none">
  198.               <a class="nav-link {% if app.request.get('_route') == 'market_place_order_track' %}active{% endif %}" href="{{ url('market_place_order_track') }}"  >Order Track</a>
  199.             </li>
  200.             <li class="nav-item d-lg-none">
  201.               <a class="nav-link {% if app.request.get('_route') == 'market_place_vendor_add_product' %}active{% endif %}" href="{{ url('market_place_vendor_add_product') }}" >Vendor Add Product</a>
  202.             </li>
  203.             <li class="nav-item d-lg-none">
  204.               <a class="nav-link {% if app.request.get('_route') == 'market_place_vendor_edit_product' %}active{% endif %}" href="{{ url('market_place_vendor_edit_product') }}"  >Vendor Edit Product</a>
  205.             </li>
  206.             <li class="nav-item d-lg-none">
  207.               <a class="nav-link {% if app.request.get('_route') == 'market_place_vendor_profile_details' %}active{% endif %}" href="{{ url('market_place_vendor_profile_details') }}" >Vendor Profile Details</a>
  208.             </li>
  209.             <li class="nav-item d-lg-none">
  210.               <a class="nav-link {% if app.request.get('_route') == 'market_place_vendor_login' %}active{% endif %}" href="{{ url('market_place_vendor_login') }}" >Vendor Login</a>
  211.             </li>
  212.             <li class="nav-item d-lg-none">
  213.               <a class="nav-link {% if app.request.get('_route') == 'market_place_vendor_signup' %}active{% endif %}" href="{{ url('market_place_vendor_signup') }}"  >Vendor Signup</a>
  214.             </li>
  216.             <!-- search box -->
  217.             <li class="nav-item d-lg-none d-flex justify-content-center">
  218.               <form class="search-box">
  219.                 <div class="input-group input-group-sm mt-1">
  220.                   <span class="input-group-text border-0">
  221.                     <img src="{{ absolute_url(asset('marketplace_assets/assests/header/search.svg')) }}" alt="" />
  222.                   </span>
  223.                   <input
  224.                     type="text"
  225.                     class="form-control border-0 custom-search-input"
  226.                     placeholder="Search"
  227.                     aria-label="Search"
  228.                   />
  229.                 </div>
  230.               </form>
  231.             </li>
  233.             <!--cart -->
  234.             <a href="{{ path('market_place_my_cart') }}"  class="cart-button d-flex justify-content-center d-lg-none text-decoration-none text-dark">
  235.               <div class="cart-container">
  236.                 <img  src="{{ absolute_url(asset('marketplace_assets/assests/header/cart.svg')) }}"
  237.                   
  238.                   alt="Cart Icon"
  239.                   class="cart-icon"
  240.                 />
  241.                 <span class="cart-count">3</span>
  242.                 <!-- Dynamic cart count -->
  243.               </div>
  244.               <span class="mx-2"> Cart </span>
  245.             </a>
  246.           </ul>
  247.           
  248.           <div class="nav-btn-area text-lg-end d-flex  align-items-center justify-content-center">
  249.             <a href="{{ path('market_place_login_view') }}" class="login-btn btn ms-2 d-flex align-items-center justify-content-center mx-2">Login</a>
  250.             <a href="{{ path('market_place_signup_view') }}" class="create-account-btn btn d-flex align-items-center justify-content-center">Sign Up</a>
  251.           </div>
  252.         </div>
  253.       </div>
  254.     </nav>
  257.   </body>
  258. </html>
  260. <script>
  262.   $(document).ready(function(){
  263.     let totalQty = parseInt(localStorage.getItem('cart_no') || '0');
  264.     const $badge = $('.cart-count');
  265.     if ($badge.length) {
  266.       $badge.text(totalQty);
  267.       $badge.css('display', totalQty > 0 ? 'inline-block' : 'none');
  268.     }
  270.   })
  272. </script>