import { LightningElement,wire,api,track } from 'lwc';
import { ShowToastEvent } from 'lightning/platformShowToastEvent';
import { NavigationMixin } from 'lightning/navigation';
import initPage from '@salesforce/apex/LexConsumableOrderManageController.init1';
import searchConsumableorderdetails from '@salesforce/apex/LexConsumableOrderManageController.searchConsumableorderdetails';
//table css 
import { loadStyle } from "lightning/platformResourceLoader";
import WrappedHeaderTable from "@salesforce/resourceUrl/lexdatatable";


export default class LexConsumableOrderManage extends NavigationMixin(LightningElement) {
    @track category1;
    @track orderDate;
    @track orderStatus = '';
    @track provinceOpts = [];
    @track raesList = [];
    @track title = [];
    @track agencyProType;
    @track accountid;
    @track userWorkLocation;
    @track hasHop = false;
    @track showHop = false;
    @track hasSpecial = false;
    @track cols = [];
    @track showSpinner = false;
    @track showPage = false;
    stylesLoaded = false;
    //是否一直显示提示
    @track isNoteStay = true;

    connectedCallback(){
        this.showSpinner = true;
        initPage()
            .then(result=>{
                this.isNoteStay = result.isNoteStay;
                if(result.result == 'Success'){
                    this.provinceOpts = result.provinceOpts;
                    this.title = result.title;
                    this.raesList = result.raesList;
                    this.agencyProType = result.agencyProType;
                    this.accountid = result.accountid;
                    this.userWorkLocation = result.userWorkLocation;
                    this.hasHop = result.hasHop;
                    this.hasSpecial = result.hasSpecial;
                    this.cols = result.cols;
                    if(this.hasHop == true && this.agencyProType == 'ENG'){
                        this.showHop = true;
                    }
                    for(var i in this.raesList){
                        if(this.raesList[i].Order_ForHospital__c){
                            this.raesList[i]['hosUrl'] = '/s/detail/'+this.raesList[i].Order_ForHospital__c;
                            this.raesList[i]['hosName'] = this.raesList[i].Order_ForHospital__r.Name;
                        }
                        this.raesList[i]['nameUrl'] = '/s/lexconsumable?ESetid='+this.raesList[i].Id;
                    }
                    this.showSpinner = false;
                    this.showPage = true;
                }else{
                    this.showSpinner = false;
                    console.log("Error:"+result.errorMsg);
                    const evt = new ShowToastEvent({
                        title : '初始化页面失败',
                        message: result.errorMsg,
                        variant: 'error'
                    });
                    this.dispatchEvent(evt);
                }
            })
            .catch(error=>{
                this.showSpinner = false;
                console.log("Error:"+error);
            })
    }

    renderedCallback(){ 
        if (!this.stylesLoaded) {
            Promise.all([loadStyle(this, WrappedHeaderTable)])
                .then(() => {
                    console.log("Custom styles loaded");
                    this.stylesLoaded = true;
                })
                .catch((error) => {
                    console.error("Error loading custom styles");
                });
        }
    }

    category1Change(event){
        this.category1 = event.detail.value;
        console.log('category1:'+this.category1);
    }
    
    orderDateChange(event){
        this.orderDate = event.detail.value;
        console.log('orderDate:'+this.orderDate);
    }

    orderStatusChange(event){
        this.orderStatus = event.detail.value;
        console.log('orderStatus:'+this.orderStatus);
    }

    agreementorder(event){
        const config = {
            type: 'standard__webPage',
            attributes: {
                url: '/lexconsumable?type=agreementorder'
            }
        };
        this[NavigationMixin.Navigate](config);
    }

    hospitalorder(event){
        const config = {
            type: 'standard__webPage',
            attributes: {
                url: '/lexconsumable?type=hospitalorder'
            }
        };
        this[NavigationMixin.Navigate](config);
    }

    promotionorder(event){
        const config = {
            type: 'standard__webPage',
            attributes: {
                url: '/lexconsumable?type=promotionorder'
            }
        };
        this[NavigationMixin.Navigate](config);
    }

    searchProduct(event){
        this.showSpinner = true;
        searchConsumableorderdetails({categoryStr:this.category1,orderDate:this.orderDate,orderStatus:this.orderStatus,accountidStr:this.accountid,agencyProTypeStr:this.agencyProType,userWorkLocationStr:this.userWorkLocation})
            .then(result=>{
                if(result.result == 'Success'){
                    this.raesList = result.raesList;
                    for(var i in this.raesList){
                        if(this.raesList[i].Order_ForHospital__c){
                            this.raesList[i]['hosUrl'] = '/s/detail/'+this.raesList[i].Order_ForHospital__c;
                            this.raesList[i]['hosName'] = this.raesList[i].Order_ForHospital__r.Name;
                        }
                        this.raesList[i]['nameUrl'] = '/s/lexconsumable?ESetid='+this.raesList[i].Id;
                    }
                    this.showSpinner = false;
                    this.showMyToast('搜索成功',result.errorMsg,'success');
                }else{
                    this.showSpinner = false;
                    this.raesList = result.raesList;
                    console.log("Error:"+result.errorMsg);
                    if(result.errorMsg == '没有搜索到相关订单'){
                        this.showMyToast(result.errorMsg,'','error');
                    }else{
                        this.showMyToast('搜索失败',result.errorMsg,'error');
                    }
                    this.dispatchEvent(evt);
                }
            })
    }

    clear(event){
        this.category1 = '';
        this.orderDate = null;
        this.orderStatus = '';
        searchConsumableorderdetails({categoryStr:this.category1,orderDate:this.orderDate,orderStatus:this.orderStatus,accountidStr:this.accountid,agencyProTypeStr:this.agencyProType,userWorkLocationStr:this.userWorkLocation})
            .then(result=>{
                if(result.result == 'Success'){
                    this.raesList = result.raesList;
                    for(var i in this.raesList){
                        if(this.raesList[i].Order_ForHospital__c){
                            this.raesList[i]['hosUrl'] = '/s/detail/'+this.raesList[i].Order_ForHospital__c;
                            this.raesList[i]['hosName'] = this.raesList[i].Order_ForHospital__r.Name;
                        }
                        this.raesList[i]['nameUrl'] = '/s/lexconsumable?ESetid='+this.raesList[i].Id;
                    }
                    this.showMyToast('搜索成功',result.errorMsg,'success');
                }else{
                    this.raesList = result.raesList;
                    console.log("Error:"+result.errorMsg);
                    if(result.errorMsg == '没有搜索到相关订单'){
                        this.showMyToast(result.errorMsg,'','error');
                    }else{
                        this.showMyToast('搜索失败',result.errorMsg,'error');
                    }
                    this.dispatchEvent(evt);
                }
            })
    }

    showMyToast(title, message, variant) {
        console.log('show custom message');
        var iconName = '';
        var content = '';
        if(variant == 'success'){
           iconName = 'utility:check';
        }else{
           iconName = 'utility:error';
        }
        if(message != ''){
           content = '<h2><strong>'+title+'<strong/></h2><h5>'+message+'</h5>';
        }else{
           content = '<h2><strong>'+title+'<strong/></h2>';
        }
        this.template.querySelector('c-common-toast').
        showToast(variant,content,iconName,10000);
        // var mode;
        // if(this.isNoteStay){
        //     mode ='sticky';
        // }else{
        //     mode = 'dismissable';
        // }
        // const evt = new ShowToastEvent({
        //     title: title,
        //     message: message,
        //     variant: variant,
        //     mode: mode
        // });
        // this.dispatchEvent(evt);
     }
}