import { Component, OnInit } from "@angular/core";
import { FormGroup, FormControl, Validators } from "@angular/forms";
import { LeaveApiService } from "../leave-api.service";
import { APIService } from "$admin-root/src/services/shared-service/api.service";
import { ReportApiService } from "../../report/report-api.service";
import { map } from "rxjs/operators";
/**
 * leave adjusment page
 * @export
 * @class LeaveAdjustmentComponent
 * @implements {OnInit}
 */
@Component({
    selector: 'app-leave-adjustment',
    templateUrl: './leave-adjustment.component.html',
    styleUrls: ['./leave-adjustment.component.scss'],
})
export class LeaveAdjustmentComponent implements OnInit {

    /**
     * validation group 
     * @type {*}
     * @memberof LeaveAdjustmentComponent
     */
    public adjustmentForm: any;

    /**
     * company list from API
     * @type {*}
     * @memberof LeaveAdjustmentComponent
     */
    public company: any;

    /**
     * department list from API
     * @type {*}
     * @memberof LeaveAdjustmentComponent
     */
    public department: any;

    /**
     * leavetype list from API
     * @type {*}
     * @memberof LeaveAdjustmentComponent
     */
    public leavetypeList: any;

    /**
     * filter users from selected company and department
     * @type {any[]}
     * @memberof LeaveAdjustmentComponent
     */
    public filteredUserItems: any[] = [];


    /**
     * enable/disable submit button according required item
     * @type {boolean}
     * @memberof LeaveAdjustmentComponent
     */
    public disableSubmitButton: boolean = true;

    /**
     * value of main checkbox
     * @type {boolean}
     * @memberof LeaveAdjustmentComponent
     */
    public mainCheckBox: boolean;

    /**
     * value of indeterminate in main checkbox
     * @type {boolean}
     * @memberof LeaveAdjustmentComponent
     */
    public indeterminate: boolean;

    /**
     * hover value of show/hide checkbox
     * @type {boolean}
     * @memberof LeaveAdjustmentComponent
     */
    public showCheckbox: boolean[] = [];

    /**
     * show/hide spinner when submit button is clicked
     * @type {boolean}
     * @memberof LeaveAdjustmentComponent
     */
    public showSmallSpinner: boolean = false;

    /**
     * show/hide spinner when company & department selection is clicked
     * @type {boolean}
     * @memberof LeaveAdjustmentComponent
     */
    public showSpinner: boolean = false;

    /**
     * show no result when user list is empty
     * @type {boolean}
     * @memberof LeaveAdjustmentComponent
     */
    public showNoResult: boolean = false;

    /**
     * show select to view paragraph
     * @type {boolean}
     * @memberof LeaveAdjustmentComponent
     */
    public showSelectToView: boolean = true;

    /**
     * show employee list
     * @type {boolean}
     * @memberof LeaveAdjustmentComponent
     */
    public showList: boolean = false;

    /**
     * get url of profile picture
     * @type {*}
     * @memberof LeaveAdjustmentComponent
     */
    public url: any;

    /**
     * leave adjustment history
     * @type {*}
     * @memberof LeaveAdjustmentComponent
     */
    public history: any;

    /**
     * selected company guid
     * @private
     * @type {string}
     * @memberof LeaveAdjustmentComponent
     */
    private _companyGUID: string;

    /**
     * user list from API
     * @private
     * @type {*}
     * @memberof LeaveAdjustmentComponent
     */
    private _userItems: any;

    /**
     * selected user details from user list
     * @private
     * @type {any[]}
     * @memberof LeaveAdjustmentComponent
     */
    private _selectedUser: any[] = [];

    /**
     * value of days with symbol add or minus
     * @private
     * @type {number}
     * @memberof LeaveAdjustmentComponent
     */
    private _numberOfDays: number;

    /**
     *Creates an instance of LeaveAdjustmentComponent.
     * @param {LeaveApiService} leaveSetupAPI
     * @param {APIService} apiService
     * @param {ReportApiService} reportApi
     * @memberof LeaveAdjustmentComponent
     */
    constructor(private leaveSetupAPI: LeaveApiService, private apiService: APIService, public reportApi: ReportApiService) {
        this.adjustmentForm = new FormGroup({
            company: new FormControl('', Validators.required),
            department: new FormControl('', Validators.required),
            leavetype: new FormControl('', Validators.required),
            reason: new FormControl('', Validators.required),
            noOfDay: new FormControl('', Validators.required),
            symbol: new FormControl('add', Validators.required)
        })
        this.apiService.get_profile_pic('all').subscribe(data => {
            this.url = data;
        })
    }

    /**
     * get initial list from API
     * @memberof LeaveAdjustmentComponent
     */
    ngOnInit() {
        this.leaveSetupAPI.get_company_list().subscribe(list => this.company = list);
        this.leaveSetupAPI.get_admin_leavetype().subscribe(list => this.leavetypeList = list);
        this.reportApi.get_bundle_report('leave-adjustment').pipe(
            map(data => data.sort((a, b) => new Date(b.adjustDate).getTime() - new Date(a.adjustDate).getTime()))
        ).subscribe(data => this.history = data);
    }

    /**
     * select company & pass company guid to get department list
     * @param {*} guid
     * @memberof LeaveAdjustmentComponent
     */
    companySelected(guid) {
        this._companyGUID = guid;
        this.leaveSetupAPI.get_company_details(guid).subscribe(list => {
            this.department = list.departmentList;
        })
    }

    /**
     * get user list from API
     * @param {*} name
     * @memberof LeaveAdjustmentComponent
     */
    async departmentSelected(name) {
        this.filteredUserItems = [];
        this.showSelectToView = false;
        this.showSpinner = true;
        let list = await this.apiService.get_user_profile_list().toPromise();
        this._userItems = list;
        this.showCheckbox.push(false);
        for (let i = 0; i < this._userItems.length; i++) {
            this._userItems[i].isChecked = false;
        }
        this.filterUserList(this._userItems, name);
    }

    /**
     * get entitled leave balance from requested userID 
     * @param {*} leavetypeGUID
     * @memberof LeaveAdjustmentComponent
     */
    getLeaveEntitlement(leavetypeGUID: string) {
        for (let i = 0; i < this.filteredUserItems.length; i++) {
            this.filteredUserItems[i].entitlement = '';
            this.getEntitlementDetails(leavetypeGUID, i)
        }
    }

    /**
     * get leave entitlement details
     * @param {string} leavetypeGUID
     * @memberof LeaveAdjustmentComponent
     */
    async getEntitlementDetails(leavetypeGUID: string, i: number) {
        let data = await this.leaveSetupAPI.get_entilement_details(this.filteredUserItems[i].userId).toPromise();
        for (let j = 0; j < data.length; j++) {
            if (data[j].LEAVE_TYPE_GUID === leavetypeGUID) {
                this.filteredUserItems[i].entitlement = data[j].ENTITLED_DAYS;
            }
        }
    }

    /**
     * get user list to filter from selected compant & department
     * @param {*} userList
     * @param {string} name
     * @memberof LeaveAdjustmentComponent
     */
    async filterUserList(userList: any, name: string) {
        for (let i = 0; i < userList.length; i++) {
            await this.filterByDepartment(userList, name, i);
        }
        if (this.filteredUserItems.length > 0) {
            this.showNoResult = false;
        } else {
            this.showNoResult = true;
        }
    }


    /**
     * filter employee by deparment
     * @param {*} userList
     * @param {string} name
     * @param {number} i
     * @memberof LeaveAdjustmentComponent
     */
    async filterByDepartment(userList: any, name: string, i: number) {
        if (userList[i].companyId === this._companyGUID) {
            if (userList[i].department === name && userList[i].department !== 'All' || name === 'All') {
                let val = await this.apiService.get_user_profile_details(userList[i].userId).toPromise();
                userList[i]["entitlement"] = val.abbr;
                this.filteredUserItems.push(userList[i]);
            }
            this.showSpinner = false;
        }
    }

    /**
     * checking to enable/disable submit button
     * @memberof LeaveAdjustmentComponent
     */
    enableDisableSubmitButton() {
        if (this.adjustmentForm.valid && (this.mainCheckBox || this.indeterminate)) {
            this.disableSubmitButton = false;
        } else {
            this.disableSubmitButton = true;
        }
    }

    /**
     * mouse hover to show/hide checkbox
     * @param {number} i
     * @param {boolean} mouseIn
     * @param {boolean} isChecked
     * @memberof LeaveAdjustmentComponent
     */
    hoverEvent(i: number, mouseIn: boolean, isChecked: boolean) {
        if (this.mainCheckBox || this.indeterminate) {
            this.showCheckbox = [];
            this.showCheckbox.push(...Array(this.filteredUserItems.length).fill(true));
        } else if (mouseIn && !isChecked && !this.indeterminate && !this.mainCheckBox) {
            this.showCheckbox.splice(i, 1, true);
        } else {
            this.showCheckbox.splice(0, this.showCheckbox.length);
            this.showCheckbox.push(...Array(this.filteredUserItems.length).fill(false));
        }
    }

    /**
     * check main checkbox to check all sub checkbox
     * @memberof LeaveAdjustmentComponent
     */
    mainCheckboxEvent() {
        this.showCheckbox.splice(0, this.showCheckbox.length);
        setTimeout(() => {
            this.filteredUserItems.forEach(item => {
                item.isChecked = this.mainCheckBox;
                if (item.isChecked) {
                    this.showCheckbox.push(true);
                } else {
                    this.showCheckbox.push(false);
                }
                this.enableDisableSubmitButton();
            });
        })
    }

    /**
     * check sub checkbox to make changing in main checkbox (interminate/mainCheckBox)
     * @memberof LeaveAdjustmentComponent
     */
    subEvent() {
        const totalLength = this.filteredUserItems.length;
        let ischecked = 0;
        this.filteredUserItems.map(item => {
            if (item.isChecked) {
                ischecked++;
                this.showCheckbox.push(true);
            }
        });
        if (ischecked > 0 && ischecked < totalLength) {
            this.indeterminate = true;
            this.mainCheckBox = false;
        } else if (ischecked == totalLength) {
            this.mainCheckBox = true;
            this.indeterminate = false;
        } else {
            this.indeterminate = false;
            this.mainCheckBox = false;
        }
        this.enableDisableSubmitButton();
    }

    /**
     * get selected user from list
     * @memberof LeaveAdjustmentComponent
     */
    getCheckedUser() {
        if (this.adjustmentForm.controls.symbol.value === 'remove') {
            this._numberOfDays = -this.adjustmentForm.controls.noOfDay.value;
        } else {
            this._numberOfDays = this.adjustmentForm.controls.noOfDay.value;
        }
        this.filteredUserItems.forEach((element, i) => {
            if (element.isChecked) {
                this._selectedUser.push(this.filteredUserItems[i].userId);
            }
        });
    }

    /**
     * patch the leave adjustment day to API
     * @memberof LeaveAdjustmentComponent
     */
    patchLeaveNumber() {
        this.getCheckedUser();
        const data = {
            "leaveTypeId": this.adjustmentForm.controls.leavetype.value,
            "noOfDays": this._numberOfDays,
            "userId": this._selectedUser,
            "reason": this.adjustmentForm.controls.reason.value
        };
        this.leaveSetupAPI.patch_leave_adjustment(data).subscribe(response => {
            if (response.successList.length != 0) {
                this.leaveSetupAPI.openSnackBar('You have submitted successfully', true);
                this.showSmallSpinner = false;
                this.filteredUserItems = [];
                this._selectedUser = [];
                this.filteredUserItems.forEach(element => {
                    element.isChecked = false;
                });
                this.enableDisableSubmitButton();
            } else {
                this.leaveSetupAPI.openSnackBar('Failed to submit request', false);
            }
        }, error => {
            this.showSmallSpinner = false;
            this.filteredUserItems = [];
            this._selectedUser = [];
            this.filteredUserItems.forEach(el => {
                el.isChecked = false;
            });
            this.enableDisableSubmitButton();
            this.leaveSetupAPI.openSnackBar('Failed to submit request', false);
        });
    }


}