import ngModule from '../../module';
import Component from 'core/lib/component';
import './style.scss';

class Controller extends Component {
    constructor($element, $, vnApp, $httpParamSerializer, vnConfig) {
        super($element, $);
        this.vnApp = vnApp;
        this.$httpParamSerializer = $httpParamSerializer;
        this.vnConfig = vnConfig;
        this.clientSample = {
            clientFk: this.$params.id,
            companyFk: vnConfig.companyFk
        };
    }

    get client() {
        return this._client;
    }

    set client(value) {
        this._client = value;

        if (value)
            this.clientSample.recipient = value.email;
    }

    get companyId() {
        if (!this.clientSample.companyFk)
            this.clientSample.companyFk = this.vnConfig.companyFk;
        return this.clientSample.companyFk;
    }

    set companyId(value) {
        this.clientSample.companyFk = value;
    }

    showPreview() {
        let sampleType = this.$.sampleType.selection;

        if (!sampleType)
            return this.vnApp.showError(this.$translate.instant('Choose a sample'));

        if (sampleType.hasCompany && !this.clientSample.companyFk)
            return this.vnApp.showError(this.$translate.instant('Choose a company'));

        const params = {
            clientId: this.$params.id,
            recipient: this.clientSample.recipient,
            isPreview: true
        };

        if (sampleType.hasCompany)
            params.companyId = this.clientSample.companyFk;

        const serializedParams = this.$httpParamSerializer(params);
        const query = `email/${sampleType.code}?${serializedParams}`;
        this.$http.get(query).then(res => {
            this.$.showPreview.show();
            let dialog = document.body.querySelector('div.vn-dialog');
            let body = dialog.querySelector('tpl-body');
            let scroll = dialog.querySelector('div:first-child');

            body.innerHTML = res.data;
            scroll.scrollTop = 0;
        });
    }

    onSubmit() {
        this.$.watcher.check();
        this.$.watcher.realSubmit().then(() =>
            this.sendSample()
        );
    }

    sendSample() {
        let sampleType = this.$.sampleType.selection;
        let params = {
            clientId: this.$params.id,
            recipient: this.clientSample.recipient
        };

        if (!sampleType)
            return this.vnApp.showError(this.$translate.instant('Choose a sample'));

        if (sampleType.hasCompany && !this.clientSample.companyFk)
            return this.vnApp.showError(this.$translate.instant('Choose a company'));

        if (sampleType.hasCompany)
            params.companyId = this.clientSample.companyFk;

        const serializedParams = this.$httpParamSerializer(params);
        const query = `email/${sampleType.code}?${serializedParams}`;
        this.$http.get(query).then(res => {
            this.vnApp.showSuccess(this.$translate.instant('Notification sent!'));
            this.$state.go('client.card.sample.index');
        });
    }
}
Controller.$inject = ['$element', '$scope', 'vnApp', '$httpParamSerializer', 'vnConfig'];

ngModule.component('vnClientSampleCreate', {
    template: require('./index.html'),
    controller: Controller,
    bindings: {
        client: '<'
    }
});