<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <link rel="stylesheet" href="/stylesheets/style.css">
    <link rel="stylesheet" href="/stylesheets/allProducts.css">
    <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
    <link rel="stylesheet" href="/stylesheets/responsive.css">
   </head>
<body>

  

    <!-- on click Account & lists -->

   <div class="yourProfile">
      <a href="/home"><li>Profile</li></a>
      <a href="/your-products/<%=user._id%>"><li>Your Products</li></a>
      <a href="/vendorView/<%=user._id%>"><li>Customer Orders</li></a>
     
      <% if(user.verified){ %>
         <a href="#" style="color: green;"><li>Verified Account</li></a>
       <% }else{ %>
         <a href="#" style="color: red;"><li>Verify Account</li></a>
      <%  }%>

      <a href="/logout"><li>Logout</li></a>
     </div>

        <nav class="navbar" style="background-color: rgb(19,25,33);">
            <div class="container-fluid" id="navbar">
           <a href="/home"> <div class="logo"><img src="/images/Amazon_logo.svg.png" alt="logo"></div></a>

             <div class="location">
                <h6 class="fr">Hello</h6>
                <h5 class="sd" style="margin-left: -1vw;"><i class="ri-map-pin-line"></i>Select your address</h5>
             </div>

             <div class="search">
                <input class="form-control" type="search" placeholder="Search" aria-label="Search">
                <div class="icon"><i class="ri-search-line"></i></div>
             </div>

             <div class="signin">
                <h6 class="fr">Hello, <%=user.name%></h6>
                <h5 class="sd" id="profileDets">Account & lists <i class="ri-arrow-down-s-fill"></i></h5>
             </div>

             <div class="order">
                <h6 class="fr">Returns</h6>
               <a href="/your-order/<%=user._id%>" class="sd"> <h5 class="sd">& Orders</h5></a>
             </div>

             <div class="cart">
                <h6 class="fr1"><%=count%></h6>
                <div class="ot">
                    <i class="ri-shopping-cart-line"></i> 
                    <a href="/cart" class="sd"><h5 class="sd">Cart</h5></a>
                </div>
               
             </div>
              
               
             
            </div>
          </nav>

          <div class="mini-nav">
            <div class="list">
             <li><i class="ri-menu-line"></i>All</li>
            <li>Amazon miniTV</li>
            <li><a href="/create">Sell</a></li>
            <li>Best seller's</li>
            <li>Mobiles</li>
            <li>Today's deals</li>
            <li>Customer service</li>
            <li>New Release</li>
            <li>Electronics</li>
            </div>

            <div class="advt">
                <img src="https://m.media-amazon.com/images/G/31/AmazonVideo/2021/X-site/SingleTitle/Citadel-FinalEpisode/400x39-SWM_NP._CB589129823_.jpg" alt="Promo">
            </div>
          </div>
    </div>

    <script src="/javascripts/script.js"></script>
    <script src="/javascripts/alert.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>