import { LightningElement, wire, api, track } from "lwc";
import { ShowToastEvent } from "lightning/platformShowToastEvent";
import init from "@salesforce/apex/LexConsumableAccountController.init";
import changelistView from "@salesforce/apex/LexConsumableAccountController.changelistView";
import accountInit from "@salesforce/apex/LexConsumableAccountInfoController.init";
//table css
import { loadStyle } from "lightning/platformResourceLoader";
import WrappedHeaderTable from "@salesforce/resourceUrl/lexdatatable";

const columns = [
    {
        label: "客户名",
        fieldName: "NameUrl",
        hideDefaultActions: true,
        wrapText: true,
        initialWidth: 345,
        sortable: true,
        type: "url",
        typeAttributes: {
            label: {
                fieldName: "Name",
            },
        },
    },
    {
        label: "省",
        fieldName: "StateMasterUrl",
        hideDefaultActions: true,
        initialWidth: 80,
        wrapText: true,
        sortable: true,
        type: "url",
        typeAttributes: {
            label: {
                fieldName: "StateMasterName",
            },
            target: "_blank",
        },
    },
    {
        label: "销售本部医院",
        fieldName: "Salesdepartment_HP__c",
        initialWidth: 115,
        hideDefaultActions: true,
        sortable: true,
        wrapText: true,
    },
    {
        label: "创建日期",
        fieldName: "CreatedDate",
        hideDefaultActions: true,
        sortable: true,
        wrapText: true,
        type: "date",
        typeAttributes: {
            timeZone: "Asia/Shanghai",
            day: "numeric",
            month: "numeric",
            year: "numeric",
        },
        initialWidth: 100,
    },
    {
        label: "有效/无效",
        fieldName: "Is_Active__c",
        hideDefaultActions: true,
        sortable: true,
        wrapText: true,
        initialWidth: 91,
    },
    {
        label: "客户记录类型",
        fieldName: "RecordTypeName",
        hideDefaultActions: true,
        sortable: true,
        wrapText: true,
        initialWidth: 130,
    },
    {
        label: "政府等级",
        fieldName: "Grade__c",
        hideDefaultActions: true,
        sortable: true,
        wrapText: true,
        initialWidth: 86,
    },
    {
        label: "OCSM分类(医院)",
        fieldName: "OCM_Category__c",
        hideDefaultActions: true,
        sortable: true,
        wrapText: true,
        initialWidth: 150,
    },
    {
        label: "市",
        fieldName: "CityMasterNameUrl",
        hideDefaultActions: true,
        sortable: true,
        wrapText: true,
        type: "url",
        typeAttributes: {
            label: {
                fieldName: "CityMasterName",
            },
            target: "_blank",
        },
    },
    {
        label: "县/区",
        fieldName: "Town__c",
        hideDefaultActions: true,
        sortable: true,
        wrapText: true,
    },
    {
        label: "客户电话",
        fieldName: "Phone",
        hideDefaultActions: true,
        sortable: true,
        wrapText: true,
    },
];

const topColumns = [
    {
        label: "客户名",
        fieldName: "NameUrl",
        hideDefaultActions: true,
        wrapText: true,
        type: "url",
        typeAttributes: {
            label: {
                fieldName: "Name",
            },
        },
    },
    {
        label: "市",
        fieldName: "CityMasterNameUrl",
        hideDefaultActions: true,
        wrapText: true,
        type: "url",
        typeAttributes: {
            label: {
                fieldName: "CityMasterName",
            },
            target: "_blank",
        },
    },
    {
        label: "县/区",
        fieldName: "Town__c",
        hideDefaultActions: true,
        wrapText: true,
    },
    {
        label: "销量占比",
        fieldName: "proportion",
        hideDefaultActions: true,
        wrapText: true,
        initialWidth: 100,
        cellAttributes: { alignment: "right" },
    },
    {
        label: "操作",
        fieldName: "Town__c",
        type:'weeklyReport',
        initialWidth:150,
        typeAttributes: {
            recordId: { fieldName: "Id" },
            hospitalName : { fieldName: "Name" },
            isShowButton : { fieldName: "isShowButton" },
        },
        hideDefaultActions: true,
    }
];
export default class LexConsumableAccount extends LightningElement {
    columns = columns;
    topColumns = topColumns;
    @track isShowSpinner = true;
    @track pageRecords = [];
    @track accountId = "";
    @track agencyProType = "";
    @track agencyProTypestr = "";
    @track listViewOptions = [
        {
            label: "01. 医院_Hospital",
            value: "01. 医院_Hospital",
        },
        {
            label: "61. 医院_Hospital草案中的医院",
            value: "61. 医院_Hospital草案中的医院",
        },
        {
            label: "62. 医院_Hospital申请中的医院",
            value: "62. 医院_Hospital申请中的医院",
        },
        {
            label: "63. 医院_Hospital上周创建的医院",
            value: "63. 医院_Hospital上周创建的医院",
        },
    ];
    @track viewOption = "01. 医院_Hospital";

    @track isShowAccountInfo = false;
    @track topAccountData = [];

    //前端排序
    defaultSortDirection = "asc";
    sortDirection = "asc";
    sortedBy;

    //分页start
    @track sortBy = "";
    @track pageSize = 10;
    error;
    records;
    currentPageToken = 0;
    nextPageToken = this.pageSize;
    @track totalRecords = 0;
    @track loader = false;
    @track pageNumber = 1;
    @track paginationVisibility = false;
    @track totalPages = 1;
    pageSizeOptions = [10, 25, 50, 100];
    @track recordStart = 0;
    @track recordEnd = 0;
    //end

    @track AccId = "";
    @track printUrl = "";
    @track accountDataInfo = {
        name: "",
        ownerName: "",
        site: "",
        isActive: "",
        aliasName2: "",
        banOnUseReason: "",
        grade: "",
        attributeType: "",
        oCMCategory: "",
        specialityType: "",
        stateMasterName: "",
        phone: "",
        cityMasterName: "",
        phoneCall: "",
        town: "",
        fax: "",
        street: "",
        postalCode: "",
        address: "",
        parentName: "",
    };

    stylesLoaded = false;
    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");
                });
        }
    }

    //获取链接参数
    getQueryString(name) {
        console.log("getQueryString name " + name);
        let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        let r = window.location.search.substr(1).match(reg);
        if (r != null) {
            return decodeURIComponent(r[2]);
        }
        return null;
    }

    connectedCallback() {
        this.AccId = this.getQueryString("AccId");
        this.AccId = this.AccId == null ? "" : this.AccId;
        if (this.AccId != "") {
            console.log("this.AccId = " + this.AccId);
            accountInit({
                accId: this.AccId,
            }).then((r) => {
                r = JSON.parse(JSON.stringify(r));
                console.log("r = " + JSON.stringify(r));
                if (r.status == "Success") {
                    this.accountDataInfo.name = r.entity.obj.Name;
                    this.accountDataInfo.ownerName =
                        r.entity.obj.Owner == null ? "" : r.entity.obj.Owner.Name;
                    this.accountDataInfo.site = r.entity.obj.site;
                    this.accountDataInfo.isActive = r.entity.obj.Is_Active__c;
                    this.accountDataInfo.aliasName2 = r.entity.obj.Alias_Name2__c;
                    this.accountDataInfo.banOnUseReason =
                        r.entity.obj.Ban_On_Use_Reason__c;
                    this.accountDataInfo.grade = r.entity.obj.Grade__c;
                    this.accountDataInfo.attributeType = r.entity.obj.Attribute_Type__c;
                    this.accountDataInfo.oCMCategory = r.entity.obj.OCM_Category__c;
                    this.accountDataInfo.specialityType =
                        r.entity.obj.Speciality_Type__c;
                    this.accountDataInfo.stateMasterName =
                        r.entity.obj.State_Master__r == null
                            ? ""
                            : r.entity.obj.State_Master__r.Name;
                    this.accountDataInfo.phone = r.entity.obj.Phone;
                    this.accountDataInfo.cityMasterName =
                        r.entity.obj.City_Master__r == null
                            ? ""
                            : r.entity.obj.City_Master__r.Name;
                    this.accountDataInfo.phoneCall = r.entity.obj.PhoneCall__c;
                    this.accountDataInfo.town = r.entity.obj.Town__c;
                    this.accountDataInfo.fax = r.entity.obj.Fax;
                    this.accountDataInfo.street = r.entity.obj.Street__c;
                    this.accountDataInfo.postalCode = r.entity.obj.Postal_Code__c;
                    this.accountDataInfo.address = r.entity.obj.Address__c;
                    this.accountDataInfo.parentName =
                        r.entity.obj.Parent == null ? "" : r.entity.obj.Parent.Name;
                    console.log(
                        "this.accountDataInfo = " + JSON.stringify(this.accountDataInfo)
                    );
                    this.printUrl =
                        "/lexconsumableaccountinfoprint?AccId=" + this.AccId;
                    this.isShowAccountInfo = true;
                    this.isShowSpinner = false;
                } else {
                    console.log("r = " + JSON.stringify(r));
                    this.showMyToast('Error', r.msg, 'Error');
                }
            }).catch((error) => {
                console.log("error = " + JSON.stringify(error));
                this.showMyToast('Error', '初始化失败', 'Error');
            });
        } else {
            init({
                pageSizeLWC: this.pageSize,
                pageTokenLWC: this.currentPageToken,
            }).then((r) => {
                r = JSON.parse(JSON.stringify(r));
                console.log("r = " + JSON.stringify(r));
                if (r.status == "Success") {
                    //分页
                    this.nextPageToken = r.entity.paginatedAccounts.nextPageToken;
                    this.totalRecords = r.entity.paginatedAccounts.totalRecords;
                    this.recordStart = r.entity.paginatedAccounts.recordStart;
                    this.recordEnd = r.entity.paginatedAccounts.recordEnd;
                    this.totalPages = Math.ceil(
                        r.entity.paginatedAccounts.totalRecords / this.pageSize
                    );
                    console.log("this.totalPages = " + this.totalPages);
                    this.paginationVisibility = this.totalPages > 1 ? true : false;

                    this.pageRecords = r.entity.pageRecords;
                    this.accountId = r.entity.accountId;
                    this.agencyProType = r.entity.agencyProType;
                    this.agencyProTypestr = r.entity.agencyProTypestr;
                    console.log("this.agencyProTypestr = " + this.agencyProTypestr);
                    for (var i in this.pageRecords) {
                        this.pageRecords[i]["NameUrl"] = "/lexconsumableaccount?AccId=" + this.pageRecords[i].Id;
                        this.pageRecords[i]["StateMasterName"] = this.pageRecords[i].State_Master__r.Name;
                        this.pageRecords[i]["StateMasterUrl"] = "/" + this.pageRecords[i].State_Master__c;
                        this.pageRecords[i]["CityMasterName"] = this.pageRecords[i].City_Master__r.Name;
                        this.pageRecords[i]["CityMasterNameUrl"] = "/" + this.pageRecords[i].City_Master__c;
                        this.pageRecords[i]["RecordTypeName"] = this.pageRecords[i].RecordType.Name;
                    }
                    console.log(
                        "this.listViewOptions = " + JSON.stringify(this.listViewOptions)
                    );

                    //top10客户
                    this.topAccountData = r.entity.acList;
                    console.log(
                        "this.topAccountData = " + JSON.stringify(this.topAccountData)
                    );
                    let proportionTest = 11;
                    let proportionTest1 = 16;
                    for (var i in this.topAccountData) {
                        this.topAccountData[i]["NameUrl"] = "/lexconsumableaccount?AccId=" + this.topAccountData[i].Id;
                        this.topAccountData[i]["StateMasterName"] = this.topAccountData[i].State_Master__r.Name;
                        this.topAccountData[i]["StateMasterUrl"] = "/" + this.topAccountData[i].State_Master__c;
                        this.topAccountData[i]["CityMasterName"] = this.topAccountData[i].City_Master__r.Name;
                        this.topAccountData[i]["CityMasterNameUrl"] = "/" + this.topAccountData[i].City_Master__c;
                        this.topAccountData[i]["RecordTypeName"] = this.topAccountData[i].RecordType.Name;
                        this.topAccountData[i]["isShowButton"] = true;

                        this.topAccountData[i]["proportion"] = proportionTest + '%';
                        if(proportionTest1 == 16){
                            this.topAccountData[i]["proportion"] = proportionTest1 + '%';
                            proportionTest1--;
                        }
                        proportionTest--;
                    }

                    //其他
                    this.topAccountData.push({
                        Name : '...',
                        NameUrl : '/lexconsumableaccount',
                        proportion : '30%',
                        CityMasterName : '...',
                        CityMasterNameUrl:'/lexconsumableaccount',
                        Town__c:'...',
                        isShowButton : false
                    })
                    this.isShowSpinner = false;
                } else {
                    console.log("r = " + JSON.stringify(r));
                    this.showMyToast('Error', r.msg, 'Error');
                }
            }).catch((error) => {
                console.log("error = " + JSON.stringify(error));
                this.showMyToast('Error', '销量前十客户初始化失败', 'Error');
            });
        }
    }

    dataChange(event) {
        let fieldName = event.target.getAttribute("data-field");
        let value = event.detail.value;
        console.log("fieldName = " + fieldName + " value = " + value);
        switch (fieldName) {
            case "viewOption":
                this.viewOption = value;
                this.changelistView();
                break;
        }
    }

    changelistView() {
        this.isShowSpinner = true;
        changelistView({
            filterNameLwc: this.viewOption,
            accountIdLwc: this.accountId,
            agencyProTypeLwc: this.agencyProType,
            pageSizeLWC: this.pageSize,
            pageTokenLWC: this.currentPageToken,
            sortFieldLWC: this.sortBy,
            sortOrderLWC: this.sortDirection,
        })
            .then((r) => {
                r = JSON.parse(JSON.stringify(r));
                console.log("r = " + JSON.stringify(r));
                if (r.status == "Success") {
                    //分页
                    this.nextPageToken = r.entity.paginatedAccounts.nextPageToken;
                    this.totalRecords = r.entity.paginatedAccounts.totalRecords;
                    this.recordStart = r.entity.paginatedAccounts.recordStart;
                    this.recordEnd = r.entity.paginatedAccounts.recordEnd;
                    this.totalPages = Math.ceil(
                        r.entity.paginatedAccounts.totalRecords / this.pageSize
                    );
                    console.log("this.totalPages = " + this.totalPages);
                    this.paginationVisibility = this.totalPages > 1 ? true : false;

                    this.pageRecords = r.entity.pageRecords;
                    console.log("this.pageRecords = " + JSON.stringify(this.pageRecords));
                    for (var i in this.pageRecords) {
                        this.pageRecords[i]["NameUrl"] =
                            "/lexconsumableaccount?AccId=" + this.pageRecords[i].Id;
                        this.pageRecords[i]["StateMasterName"] =
                            this.pageRecords[i].State_Master__r.Name;
                        this.pageRecords[i]["StateMasterUrl"] =
                            "/" + this.pageRecords[i].State_Master__c;
                        this.pageRecords[i]["CityMasterName"] =
                            this.pageRecords[i].City_Master__r.Name;
                        this.pageRecords[i]["CityMasterNameUrl"] =
                            "/" + this.pageRecords[i].City_Master__c;
                        this.pageRecords[i]["RecordTypeName"] =
                            this.pageRecords[i].RecordType.Name;
                    }
                    this.isShowSpinner = false;
                } else {
                    this.showMyToast('Error', r.msg, 'Error');
                }
            }).catch((error) => {
                console.log('error = ' + JSON.stringify(error.message))
            });
    }

    showMyToast(title, message, variant) {
        this.isShowSpinner = false;
        console.log('show custom message');
        var iconName = '';
        var content = '';
        if (variant.toLowerCase() == '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);
    }

    sortByMethod(field, reverse, primer) {
        const key = primer
            ? function (x) {
                return primer(x[field]);
            }
            : function (x) {
                return x[field];
            };

        return function (a, b) {
            a = key(a);
            b = key(b);
            return reverse * ((a > b) - (b > a));
        };
    }

    onHandleSort(event) {
        this.sortBy = event.detail.fieldName;
        switch (this.sortBy) {
            case "NameUrl":
                this.sortBy = "Name";
                break;
            case "StateMasterUrl":
                this.sortBy = "State_Master__r.Name";
                break;
            case "RecordTypeName":
                this.sortBy = "RecordType.Name";
                break;
            case "CityMasterNameUrl":
                this.sortBy = "City_Master__r.Name";
                break;
        }
        this.sortDirection = event.detail.sortDirection;
        this.currentPageToken = 0;
        console.log("this.sortBy = " + this.sortBy);
        console.log("this.sortDirection = " + this.sortDirection);
        this.changelistView();
        const { fieldName: sortedBy, sortDirection } = event.detail;
        this.sortByMethod(sortedBy, sortDirection === "asc" ? 1 : -1);
        this.sortDirection = sortDirection;
        this.sortedBy = sortedBy;
    }

    handlePrevious() {
        this.currentPageToken =
            Number(this.currentPageToken) - Number(this.pageSize);
        this.changelistView();
    }

    handleNext() {
        this.currentPageToken =
            Number(this.currentPageToken) + Number(this.pageSize);
        this.changelistView();
    }
    handleFirst() {
        this.currentPageToken = 0;
        this.changelistView();
    }

    handleLast() {
        this.currentPageToken =
            this.totalPages > 1 ? (this.totalPages - 1) * this.pageSize : 0;
        this.changelistView();
    }

    handlePageschange(event) {
        console.log(event.detail);
        this.pageSize = event.detail;
        this.currentPageToken = 0;
        this.changelistView();
    }
    get previousButtonDisabled() {
        return this.currentPageToken === 0;
    }

    get nextButtonDisabled() {
        return this.nextPageToken === undefined;
    }
}