import { LightningElement,api, track} from 'lwc';
import getPicklistValues from '@salesforce/apex/CommonUtils.getPicklistValues';


export default class JzPickList extends LightningElement {

    connectedCallback()
    {   
        this.InitData();

    }

 
    


    @api option = {}
    @api orderdata=[];




    @api name ;

    option0=undefined;
    option1=undefined;
    option2=undefined;
    option3=undefined;
    option4=undefined;

    OriData = []; 
    InitData()
    {
        var lengs = this.option.props.length;
        
        this.option.props.forEach(item => {
            getPicklistValues({objApiName:this.option.objName,controlField:item.controllProp,dependentField:item.dependProp}).then(response=>{
                var temp ={order:item.order,data:response};
                let dataTemp = {order:item.order,labelname:item.labelname,placeholder:item.placeholder,data:temp}

                this.OriData.push({order:item.order,list:response});
                lengs --;
                if (item.order == 0) {
                    
                    this.option0 = dataTemp; 
                }
                if (item.order == 1) {
                    this.option1 = dataTemp; 
                }
                if (item.order == 2) {
                    this.option2 = dataTemp; 
                }
                if (item.order == 3) {
                    this.option3 = dataTemp; 
                }
                if (item.order == 4) {
                    this.option4 = dataTemp; 
                }
                
                if (lengs == 0) {
                    this.CheckData();
                }
            })
        });
    }

   
    CheckData()
    {
        var newData = [];
        if (this.option0!=undefined && this.option0 != {}) {
            newData.push(this.option0);
        }
    
        if (this.option1!=undefined && this.option1 != {}) {
            newData.push(this.option1);
        }
        if (this.option2!=undefined && this.option2 != {}) {
            newData.push(this.option2);
        }
        if (this.option3!=undefined && this.option3 != {}) {
            newData.push(this.option3);
        }
        if (this.option4!=undefined && this.option4 != {}) {
            newData.push(this.option4);
        }

        this.orderdata = newData;
        this.AddEndList();
        this.ClearNotFirstData();
    }

    @api lastname;
    @api lastplaceholder;
    AddEndList(){
        var temp = {data:[],labelname:this.lastname,placeholder:this.lastplaceholder,order:this.orderdata.length};
        this.orderdata.push(temp);
    }
   
    ClearNotFirstData(){

        var newData = [];
        this.orderdata.forEach(item=>{
            var temp = {...{},...item};
            if (item.order != 0) {
                temp.data.data = [];
            }
            newData.push(temp);
        })
        this.orderdata = newData;
    }
    
    labelChange(event)
    {
        var order = event.target.name;
        var value = event.target.value;
        this.changeData(order,value)
    }

 
    changeData(fromOrder,value)
    {
      this.saveReturnData(fromOrder,value);
      this.CheckNextData(fromOrder,value);
       
    }
    CheckNextData(fromOrder,value)
    {
        var toOrder = (fromOrder+1);




        var fromData = this.orderdata[fromOrder];
          var deps = [];
          fromData.data.data.forEach(item=>{
              if (item.label == value) {
                  deps = item.dependents
              }
          })
  
          if (toOrder < this.OriData.length ) {
              var toData = [];
              this.OriData.forEach(ditem=>{
                  var temp = {...{},...ditem};
                  if (temp.order == toOrder) {
                      toData  = ditem.list;
                  }
              })
       
              
              var toDataTemp = [];
              deps.forEach(dep=>{
                  toData.forEach(item=>{
                      if (dep.label == item.label) {
                          toDataTemp.push(item);
                          return;
                      }
                  })
              })
              var newData = []
              this.orderdata.forEach(item=>{
                  var temp = {...{},...item};
                  if (item.order==toOrder) {
                      temp.data.data = toDataTemp;
                      newData.push(temp);
                  }else{
                      newData.push(temp);
                  }
              })
              this.orderdata = newData;
          }else{
              var newData = []
              this.orderdata.forEach(item=>{
                  var temp = {...{},...item};
                  if (item.order==toOrder) {
                      temp.data.data = deps;
                      newData.push(temp);
                  }else{
                      newData.push(temp);
                  }
              })
              this.orderdata = newData;
          }
    }
    returndata=[]; // {order , value}
    saveReturnData(order,value)
    {
        var falg = true;
        this.returndata.forEach(item=>{
            if (item.order == order) {
                 falg = false;
                item.value = value;
            }
        })
        if (falg) {
            this.returndata.push({order:order,value:value});
        }

      
        this.ChangeDataValues(order,value);
        var returns = [...[],... this.returndata];
        
        const getSearchParamsEvent = new CustomEvent('datachange', {
            detail: {data:returns}
        });
        this.dispatchEvent(getSearchParamsEvent);
    }
    deleteReturnData(order)
    {
        this.returndata.forEach(item=>{
            if (item.order == order) {
                item.value = '';
            }
        })

        this.ChangeDataValues(order,"")

        for (let index = ++order; index < this.orderdata.length; index++) {
            this.orderdata[index].data.data = [];
            
        }
    }
    ChangeDataValues(order,value)
    {
        var newData = [];
        this.orderdata.forEach(item=>{
            var temp = {...{},...item};
            if (item.order == order) {
                temp.value = value;
            }
            newData.push(temp);
        })
        this.orderdata = newData;
    }
    deleteData(event){
        var order = event.target.name;

        const getSearchParamsEvent = new CustomEvent('datadelete', {
            detail: {data:{order:order}}
        });
        this.dispatchEvent(getSearchParamsEvent);

        this.deleteReturnData(order);
    }

    @api getvalue(){
        return  this.returndata;
    }
    // {order,value}
    @api setvalue(orders){
        orders.forEach(item=>{
            this.changeData(item.order,item.value);
        })
       
    }

    @api setdisabled(){
        var combbox = this.template.querySelectorAll('lightning-combobox');
        combbox.forEach(fileInput=>{
            fileInput.disabled = true;
        })

        var icons = this.template.querySelectorAll('lightning-button-icon');
        icons.forEach(fileInput=>{
            fileInput.disabled = true;
        })
    }
}