import { LightningElement, api, wire } from 'lwc';
import getCertifiedStudents from '@salesforce/apex/CertifiedStudentList.getCertifiedStudents';
import deleteStudentCertification from '@salesforce/apex/CertifiedStudentList.deleteStudentCertification';
import { refreshApex } from '@salesforce/apex';

export default class CertifiedStudentList extends LightningElement {
    @api certificationId = 0;
    @api certificationName = '';
    certifiedStudents;
    btnGroupDisabled = true;
    error;
    _wiredStudentResult;

    @wire(getCertifiedStudents, { certificationId: '$certificationId'})
        wired_getCertifiedStudents(result) {
	    this._wiredStudentResult = result;
	    this.certifiedStudents = [];
    }

    columnConfig = [
        {
            label: 'Name',
            fieldName: 'name',
            type: 'text'
        }, {
            label: 'Date',
            fieldName: 'date',
            type: 'text'
        }, {
            label: 'Email',
            fieldName: 'email',
            type: 'email'
        }, {
            label: 'Phone',
            fieldName: 'phone',
            type: 'phone'
        }
    ]

    @wire(getCertifiedStudents, {certificationId: '$certificationId'})
    wired_getCertifiedStudents(result) {
        this.certifiedStudents = [];
        if (result.data) {
            this.certifiedStudents = result.data.map(certHeld => 
                ({certificationHeldId: certHeld.Id,
                contactId:
            certHeld.Certified_Professional__r.Id,
                        name: certHeld.Certified_Professional__r.Name,
                        date: certHeld.Date_Achieved__c,
                        email:
            certHeld.Certified_Professional__r.Email,
                        phone: 
            certHeld.Certified_Professional__r.Phone})
                );
        } else if (result.error) {
            this.error = result.error;
        }
    }

    onRowSelection(event) {
        const numSelected = event.detail.selectedRows.length;
        this.btnGroupDisabled = (numSelected === 0);
    }

    getSelectedIDs() {
        const datatable = this.template.querySelector('lightning-datatable');
        const ids = datatable.getSelectedRows().map( (r) => {
            r.certificationHeldId
        });
        return ids; 
    }

    onCertActions (event) {
        alert('onCertActions clicked');
        const btnClicked = event.target.getAttribute("data-btn-id");
        alert('onCertActions clicked button:' + btnClicked);
        switch (btnClicked) {
            case 'btnEmail':
                break;
            case 'btnSendCert':
                break;
            case 'btnDelete':
                this.onDelete();
                break;
            default:
                break;
        }
    }

    onDelete() {
        alert('delete clicked');
        const certificationIds = this.getSelectedIDs();
        deleteStudentCertification({certificationIds})
        .then( () => {
            refreshApex(this._wiredStudentResult);
        })
        .catch(error => {
            this.error = error;
        });
    }
}