import { Component, OnInit } from '@angular/core';
import { CouponsService } from '../../services/products/coupons.service';
import { CookieService } from 'ngx-cookie-service';
import { Router } from '@angular/router';

@Component({
  selector: 'app-view-coupon-code',
  templateUrl: './view-coupon-code.component.html',
  styleUrls: ['./view-coupon-code.component.scss']
})
export class ViewCouponCodeComponent implements OnInit {
  couponCode: any;
  cols: any;
  companyId: number;
  actionType: string;
  searchQuery:string;
  constructor(private couponService: CouponsService, private cookieService: CookieService, public router: Router) { }

  ngOnInit() {
    // Get company Id from cookie service
    this.companyId = +this.cookieService.get('CompanyId');

    this.getTableColums();

    this.getCoupons();
  }

  getTableColums() {
    this.cols = [
      { field: '', header: '' },
      { field: 'CouponName', header: 'Name' },
      { field: 'CouponCode', header: 'Coupon Code' },
      { field: 'DiscountTypeId', header: 'Discount' },
      { field: 'EndDate', header: 'Expiry Date' },
      { field: 'NoUses', header: 'No.Uses' },
      { field: 'Status', header: 'Status' },
      { field: '', header: '' }
    ];
  }

  // Get all coupons 
  getCoupons() {
    this.couponService.GetAllCoupons(this.companyId)
      .subscribe(res => {
        this.couponCode = res;
        console.log('Coupons res', res);
      }, error => { console.log("Error", error) })
  }

  // Change status of coupon codes
  enableStatusOfCoupon() {
    for (let instance of this.couponCode) {
      if (instance.IsChecked === true) {
        instance.Status = true;
      }
    }
  }

  disbleStatusOfCoupon() {

    for (let instance of this.couponCode) {
      if (instance.IsChecked === true) {
        instance.Status = false;
      }
    }

  }

  // Set action from dropdown
  setAction(value) {
    if (value === 'Enable') {
      this.enableStatusOfCoupon();
    }
    if (value === 'Disable') {
      console.log(value)
      this.disbleStatusOfCoupon();
    }
  }

  // Create new coupon
  addCouponCode() {
    this.router.navigate(['create/couponCode'])
  }


  changeStatus(doc) {
    this.couponService.SaveCouponCodes(doc, this.companyId, this.actionType = "UPDATE")
      .subscribe(res => {
        console.log("Save coupon responce", res)

      }, error => { console.log("Error", error) })
  }

   // Copy coupon
   copyCoupon(id) {
    this.couponService.CopyBulkDiscount(id, this.companyId)
      .subscribe(res => {
        console.log("Copy Bulk discount responce", res)
        this.getCoupons();
      }, error => console.log("Error", error))
  }

    // Delete coupon code
    deleteCoupon(id) {
      this.couponService.DeleteCouponCode(id, this.companyId)
        .subscribe(res => {
          this.getCoupons();
          console.log("Delete Bulk discount responce", res)
        }, error => console.log("Error", error))
    }
  

}