import Component from '@ember/component';

export default Component.extend({
  init() {
    this._super(...arguments);
    this.set('outstandingTransactionMenu', [
      { label: 'Outstanding PDI Receipt', icon: 'ic-outstanding-pdi-receipt.svg', routeName: '' },
      { label: 'Transfer Request', icon: 'ic-transfer-request.svg', routeName: '' },
      { label: 'Outstanding Purchase Order', icon: 'ic-outstanding-purchase-order.svg', routeName: '' },
      { label: 'Outstanding Work Order', icon: 'ic-outstanding-work-order.svg', routeName: '' },
      { label: 'Outstanding Payment', icon: 'ic-outstanding-payment.svg', routeName: '' },
      { label: 'Reminder Agree. Spare Parts', icon: 'ic-agreement-spare-parts.svg', routeName: '' },
      { label: 'Outstanding Sales Order', icon: 'ic-sales-order.svg', routeName: '' },
      { label: 'Reminder Agree. Service', icon: 'ic-agreement-service.svg', routeName: '' },
    ]);
    this.set('filteredOutstandingTransactionMenu',this.outstandingTransactionMenu);
    this.set('requestedApprovalDMSMenu', [
      { label: 'Purchase Order', icon: 'ic-purchase-order-2.svg', routeName: '' },
      { label: 'Sales Order', icon: 'ic-sales-order-2.svg', routeName: '' },
      { label: 'Assignment Letter', icon: 'ic-assignment-letter-2.svg', routeName: '' },
      { label: 'Sales Order Invoice', icon: 'ic-sales-order-invoice-2.svg', routeName: '' },
      { label: 'PDI Receipt', icon: 'ic-pdi-receipt-2.svg', routeName: '' },
      { label: 'Sales Order Invoice Return', icon: 'ic-sales-order-invoice-return-2.svg', routeName: '' },
      { label: 'Stock Opname', icon: 'ic-stock-opname-2.svg', routeName: '' },
      { label: 'Work Order', icon: 'ic-work-order-2.svg', routeName: '' },
      { label: 'Stock Adjustment', icon: 'ic-stock-adjustment-2.svg', routeName: '' },
      { label: 'Work Order Invoice', icon: 'ic-work-order-invoice-2.svg', routeName: '' },
      { label: 'Agreement Service', icon: 'ic-agreement-service-2.svg', routeName: '' },
      { label: 'Work Order Invoice Return', icon: 'ic-work-order-invoice-return-2.svg', routeName: '' },
      { label: 'Agreement Spare Parts', icon: 'ic-agreement-spare-parts-2.svg', routeName: '' },
      { label: 'Print Gate Pass', icon: 'ic-print-gate-pass-2.svg', routeName: '' }
    ]);
    this.set('filteredRequestedApprovalDMSMenu',this.requestedApprovalDMSMenu);
    this.set('approvalHoyuSmartMenu', [
      { label: 'Sales Order', icon: 'ic-sales-order-hoyu.svg', routeName: '' },
      { label: 'Faktur', icon: 'ic-faktur-hoyu.svg', routeName: '' },
      { label: 'Order Split', icon: 'ic-order-split-hoyu.svg', routeName: '' },
      { label: 'PDI', icon: 'ic-pdi-hoyu.svg', routeName: '' },
      { label: 'Event', icon: 'ic-event-hoyu.svg', routeName: '' },
      { label: 'Leads', icon: 'ic-leads-hoyu.svg', routeName: '' },
      { label: 'Opportunity', icon: 'ic-opportunity-hoyu.svg', routeName: '' },
    ]);
    this.set('filteredApprovalHoyuSmartMenu',this.approvalHoyuSmartMenu);
    this.set('salesFeatureMenu', [
      { label: 'My Activity', icon: 'ic-my-activity-sales.svg', routeName: '' },
      { label: 'Leads', icon: 'ic-leads-sales.svg', routeName: '' },
      { label: 'Opportunity', icon: 'ic-opportunity-sales.svg', routeName: '' },
      { label: 'Event Management', icon: 'ic-event-management-sales.svg', routeName: '' },
      { label: 'Complain Management', icon: 'ic-complain-management-sales.svg', routeName: '' },
    ]);
    this.set('filteredSalesFeatureMenu',this.salesFeatureMenu);
  },
  actions: {
    handleFilterEntry() {
      //console.log(this.value)
      if (this.value !== '') {
        this.set('filteredOutstandingTransactionMenu', this.outstandingTransactionMenu.filter(function(item, index, array) {
          return item.label.toLowerCase().includes(this.value.toLowerCase());
        },this));
        this.set('filteredRequestedApprovalDMSMenu', this.requestedApprovalDMSMenu.filter(function(item, index, array) {
          return item.label.toLowerCase().includes(this.value.toLowerCase());
        },this));
        this.set('filteredApprovalHoyuSmartMenu', this.approvalHoyuSmartMenu.filter(function(item, index, array) {
          return item.label.toLowerCase().includes(this.value.toLowerCase());
        },this));
        this.set('filteredSalesFeatureMenu', this.salesFeatureMenu.filter(function(item, index, array) {
          return item.label.toLowerCase().includes(this.value.toLowerCase());
        },this));
      } else {
        this.set('filteredOutstandingTransactionMenu', this.outstandingTransactionMenu);
        this.set('filteredRequestedApprovalDMSMenu', this.requestedApprovalDMSMenu);
        this.set('filteredApprovalHoyuSmartMenu', this.approvalHoyuSmartMenu);
        this.set('filteredSalesFeatureMenu', this.salesFeatureMenu);
      }
    }
  },
});