import { LightningElement, wire } from 'lwc';
import {getObjectInfo, getPicklistValues} from 'lightning/uiObjectInfoApi'
import CAR_OBJECT from '@salesforce/schema/Car__c'
//car Schema
import CATEGORY_FIELD from '@salesforce/schema/Car__c.Category__c'
import MAKE_FIELD from '@salesforce/schema/Car__c.Make__c';

// Lightning Message Service and a message channel
import {publish,MessageContext} from 'lightning/messageService';
import CARS_FILTERED_MESSAGE from '@salesforce/messageChannel/CarsFiltered__c';

const CATEGORY_ERROR = 'Error Loading Categories';
const MAKE_ERROR = 'Error Loading Categories';

export default class CarFilter extends LightningElement {

    filters = {
        searchKey: '',
        maxPrice: 0
    }

    timer;

    // Load Context for LMS
    @wire(MessageContext)
    messageContext

    @wire(getObjectInfo, {objectApiName:CAR_OBJECT})
    carObjectInfo

    @wire(getPicklistValues, {
        recordTypeId:'$carObjectInfo.data.defaultRecordTypeId',
        fieldApiName:CATEGORY_FIELD
    })categories

    @wire(getPicklistValues,{
        recordTypeId:'$carObjectInfo.data.defaultRecordTypeId',
        fieldApiName:MAKE_FIELD
    })makeTypes
    
    handleSearchKeyChange(event) {
        console.log("search key=>"+event.target.value);
        this.filters = {...this.filters,"searchKey":event.target.value};
        this.sendDataToCarList();
    }
    handleMaxPriceChange(event) {
        console.log("price =>"+event.target.value);
        this.filters = {...this.filters,"maxPrice":event.target.value}
        this.sendDataToCarList();
    }
    handleCheckbox(event){
        const {name,value} = event.target.dataset;
        console.log("name=>"+name);
        console.log("value=>"+value);
        if(!this.filters.categories){
            const categories = this.categories.data.values.map(item=>item.value);
            const makeType = this.makeTypes.data.values.map(item=>item.value);
            this.filters = {...this.filters,categories,makeType} // we are using short hand notation it is similar to categories:categories,makeType:makeType
        }
        if(event.target.checked){
            console.log('if included=>',this.filters[name])
            if(!this.filters[name].includes(value)){
                this.filters[name] = [...this.filters[name],value]
            }
            console.log('after if included=>',this.filters[name])
        }else{
             console.log('inside else =>',this.filters[name])
            this.filters[name] = this.filters[name].filter(item=> item !== value)
        }
        this.sendDataToCarList();
    }
    sendDataToCarList(){
        window.clearTimeout(this.timer);
        this.timer= window.setTimeout(()=>{
            publish(this.messageContext,CARS_FILTERED_MESSAGE,{
            filters:this.filters
            });
        },400)
    }
}