<div class="purchase_taskbar">
  <div class="purchase_searchbar">
    <div class="purchase_inner_search_bar">
      <input #productSearch type="text" placeholder="Search here" (keyup)="productSearchfun(productSearch.value)">
      <button class="search_btn" (click)="productSearchFunClick(productSearch.value)">Search</button>
      <div class="clear"></div>
    </div>
    <div *ngIf="!productArray && productSearch.value != ''" class="nav_bar_search_list">
      <!-- <img  class="imageSize"  src="assets/images/no_result.png"><br> -->
      <ul>
        <li class="textCenter">No Data Found</li>
      </ul>
    </div>
    <div  *ngIf="productArray && productArray.length > 0" class="nav_bar_search_list">
      <ul class="filter-select" malihu-scrollbar [scrollbarOptions]="scrollbarOptions" style="max-height: 350px; overflow: scroll">
        <li  class="cpoint" *ngFor="let prdt of productArray" (click)="clickProduct(prdt.product_id)">
            <div class="search_list_image">
                <img src="{{imageServer + prdt.image}}" onerror="this.src='assets/images/user_avatar.jpg'">
            </div>
            <p>{{prdt.product_name}}</p>
            <div class="clear"></div>
          </li>
      </ul>
    </div>
  </div>
  <div class="purchase_other" *ngIf="loginDetails">
    <ul>
      <li (click)="goToPage('orders')">
          <img src="assets/images/asset_cart.png">
          My Order
      </li>
      <li (click)="goToPage('cart')">
          <img src="assets/images/asset_order.png">
          My Cart
      </li>
    </ul>
  </div>
  <div class="clear"></div>
</div>
