/* eslint-disable no-console */
import { LightningElement, wire, api, track} from 'lwc';
import { getObjectInfo } from 'lightning/uiObjectInfoApi';

import getObjectNameFromRecordId from '@salesforce/apex/MetadataHelper.getObjectNameFromRecordIdPrefix';
import queryRecords from '@salesforce/apex/DuplicateController.queryRecords';

/**
 * @todo: Possibility to select related fields (i.e.: Account.Brand__r.Name): https://wissel.net/blog/2018/08/lightning-datatables-and-relationship-queries.html
 */
export default class MergeDuplicates extends LightningElement {
    /**
     * Following parameter are set by parent lwc.
     */
    @api recordId;
    @api objectApiName = ''; // Contains api-name of object related to current record.
    @api listOfRecords = []; // Contains all records which are potential duplicates.
    @api columnNames; // Specifies which columns are displayed for assertion.
    
    initialRender = true;

    @track data = [];
    @track columns;
    @track tableLoadingState = true;
    @track selectedRows = []; // Contains ids of selected rows
    @track preSelectedRows = [];//'0011x00000KOMiJAAX'
    
    @track currentStep = 'step1';
    @track listOfRecordId = []; // Contains extracted ids for records
    @track firstColumn = []; // Represent 1st column of records in table

    // https://developer.salesforce.com/docs/component-library/documentation/lwc/lwc.reference_wire_adapters_object_info
    @wire(getObjectInfo, { objectApiName: '$objectApiName' })
    wireObjectInfo({error, data}){
        console.log('>>>wireObjectInfo called.');

        if (data) {
            console.log('>>>data: ' + JSON.stringify(data, null, '\t'));
            this.objectInfo = data;
            this.error = undefined;
        } else if (error) {
            console.error('>>>error: ' + JSON.stringify(error, null, '\t'));

            this.error = error;
            this.objectInfo = undefined;
        }
    }

    @wire(queryRecords, { listOfColumnName: '$columnNames', recordId: '$recordId' })
    wiredRecords({ error, data }){
        console.log('>>>wiredRecords in mergeDuplicates.js called.');
        console.log('>>>this.recordId: ' + this.recordId);
        //console.log('>>>this.objectInfo: ' + JSON.stringify(this.objectInfo, null, '\t'));

        if(data){
            console.log('>>>data: ' + JSON.stringify(data, null, '\t'));

            this.data = data;
            this._prepareTableColumns();
            this.preSelectedRows.push(this.recordId); // preselect row(s) programmatically.

        } else if(error){
            console.error('>>>error: ' + JSON.stringify(error, null, '\t'));

            this.data = undefined;
            this.error = error;
        }
    }
    
    @wire(getObjectNameFromRecordId, {recordIdOrPrefix: '$recordId'})
    wiredObjectNameFromRecordId({ error, data }){
        console.log('>>>wiredObjectNameFromRecordId in mergeDuplicates.js called.');
        if(data){
            console.log('>>>data: ' + JSON.stringify(data, null, '\t'));

            this.objectApiName = data.toLowerCase();
            console.log('>>>this.objectApiName: ' + this.objectApiName);
        } else if(error){
            console.error('>>>error: ' + JSON.stringify(error, null, '\t'));

            this.objectApiName = undefined;
            this.error = error;
        }
    }

    handleCloseModal(event) {
        // 1. Prevent default behaviour of anchor click which is to navigate to the href url.
        event.preventDefault();
        
        const oncloseEvent = new CustomEvent('close');
        // 2. Fire the custom event
        this.dispatchEvent(oncloseEvent);
    }

    handleNext(){
        console.log('>>>handleNext in mergeDuplicates.js called.');
        console.log('>>>this.currentStep: ' + this.currentStep);

        switch (this.currentStep) {
            case "step1":
                this.currentStep = "step2";
                break;
            case "step2":
                this.currentStep = "step3";
                break;
            default:
                break;
        }

        console.log('>>>this.currentStep: ' + this.currentStep);
    }

    handleSelected(event) {
        console.log('>>>handleSelected in mergeDuplicates.js called.');

        const selectedRows = event.detail.selectedRows;
        this.selectedRows = []; // Clear all selected values.

        // Display that fieldName of the selected rows
        for (let i = 0; i < selectedRows.length; i++){
            //alert("You selected: " + selectedRows[i].opportunityName);
            this.selectedRows.push(selectedRows[i].Id);
        }
        
        console.log('>>>this.selectedRows: ' + JSON.stringify(this.selectedRows, null, '\t'));
    }

    _prepareTableColumns(){
        console.log('>>>_prepareTableColumns called.');
        this.columns.forEach(column => {
            let columnLabel = ((this.objectInfo) ? this.objectInfo.fields[column.fieldName].label : '');
            column.label = columnLabel;
            console.log('>>>column' + JSON.stringify(column, null, '\t'));
        });
    }

    _prepareTable(){
        console.log('>>>_prepareTable in mergeDuplicates.js called.');
        console.log('>>>this.objectInfo.data: ' + JSON.stringify(this.objectInfo.data, null, '\t'));
        console.log('>>>this.columnNames: ' + JSON.stringify(this.columnNames, null, '\t'));


        //this.columns = JSON.parse(this.columnNames); // Set property from lightning app builder to table column.
        
        /* this.columns.forEach(column => {
            let columnLabel = ((this.objectInfo.data) ? this.objectInfo.data.fields[column.fieldName].label : '');
            column.label = columnLabel;
            console.log('>>>column' + JSON.stringify(column, null, '\t'));
        });
 */

        //console.log('>>>this.preSelectedRows: ' + JSON.stringify(this.preSelectedRows, null, '\t'));
        console.log('>>>this.columns: ' + JSON.stringify(this.columns, null, '\t'));
        console.log('>>>this.columnNames: ' + JSON.stringify(this.columnNames, null, '\t'));
    }

    _getObjectLabelPlural(){
        return ((this.objectInfo) ? this.objectInfo.labelPlural : '');
    }

    get objectLabelPluralToLowerCase(){
        return ((this.objectInfo) ? this.objectInfo.labelPlural.toLowerCase() : '');
    }

    _getNumberOfSelectedRows(){
        return ((this.selectedRows.length) ? this.selectedRows.length : 0);
    }

    /**
     * Indicates if "Next"-button is disabled or not.
     */    
    get nextButtonDisabled(){
        console.log('>>>nextButtonDisabled in mergeDuplicates.js called.');
        console.log('>>>this._getNumberOfSelectedRows(): ' + this._getNumberOfSelectedRows());

        return ((this._getNumberOfSelectedRows() > 3 || this._getNumberOfSelectedRows()) <= 1 ? true : false);
    }

    get isFirstStep(){
        return ((this.currentStep === "step1") ? true : false);
    }

    get isSecondStep(){
        return ((this.currentStep === "step2") ? true : false);
    }

    get nameOfObjectAndNumberOfRecordsInTable(){
        let objectLabelPlural = this._getObjectLabelPlural();
        let numberOfRecordsInTable = ((this.data) ? this.data.length : 0);
        
        return objectLabelPlural + ' (' + numberOfRecordsInTable + ')';
    }

    /**
    * https://developer.salesforce.com/docs/component-library/documentation/lwc/create_lifecycle_hooks_dom.html
    * The connectedCallback() lifecycle hook fires when a component is inserted into the DOM.
    */
    connectedCallback() {
        console.log('>>>connectedCallback in mergeDuplicates.js called.');

        this.columns = JSON.parse(this.columnNames); // Set property from lightning app builder to table column.
        this.tableLoadingState = false;
    }

    /**
     * https://developer.salesforce.com/docs/component-library/documentation/lwc/create_lifecycle_hooks_rendered.html
     * Use it to perform logic after a component has finished the rendering phase.
     */
    /* renderedCallback(){
        console.log('>>>renderedCallback in mergeDuplicates.js called.');
        //console.log('>>>this.objectInfo: ' + JSON.stringify(this.objectInfo, null, '\t'));

        if(this.initialRender){// Do it only once.
            this.initialRender = false;
        }


        console.log('>>>this.listOfRecords: ' + JSON.stringify(this.listOfRecords, null, '\t'));
    } */
}