import { Component, OnInit } from '@angular/core';

import { RatingModule } from 'primeng/rating';
import { ProductsService } from '../../../services/products/products.service';
import { Router } from '@angular/router';
import { MenuItem } from 'primeng/api';

@Component({
  selector: 'app-view-all-products',
  templateUrl: './view-all-products.component.html',
  styleUrls: ['./view-all-products.component.scss']
})
export class ViewAllProductsComponent implements OnInit {

  companyId: any = 17;
  Products: any = [];
  selectedAction: any = "0";
  selectedProducts: any = [];
  items: MenuItem[];
  searchQuery:string;
  constructor(private productService: ProductsService, public router: Router) { }

  ngOnInit() {
    this.getTheTabsItem();
    this.getAllProducts();
  }

  getTheTabsItem(){
    // show page tab list
    this.items = [
      {label: 'All Products', routerLink:'/products/all'},
      {label: 'Featured',routerLink:'/products/featured'},
      {label: 'Out of Stock', routerLink:'/products/stock'},
      {label: 'Visible', routerLink:'/products/visible'},
      {label: 'Not Visible', routerLink:'/products/notVisible'},
   ];
  }

  addProducts(){
    this.router.navigate(['products/addProducts'])
  }

  // Get all products
  getAllProducts() {
    this.productService.GetAllProducts(this.companyId)
      .subscribe(res => {
        this.Products = res;
        for (let product of this.Products) {
          product.IsChecked = false;
        }
        console.log('Product res', res)
      }, error => console.log('Error', error))
  }

  // Choose an action
  SelectAnAction(){
    
    for (let product of this.Products) {
      if (product.IsChecked === true) {
        this.selectedProducts.push(product)
        if (this.selectedAction === "1") {
          this.router.navigate(['/bulkEdit', { p: JSON.stringify(this.selectedProducts)}]);
        } else if (this.selectedAction === "2") {
          product.Featured = true;
        } else if (this.selectedAction === "3") {
          product.Visible = true;
        } else if (this.selectedAction === "4") {
          product.Visible = false;
        } else if (this.selectedAction === "5") {

        }
      }
    }
  }

}