import {
    Component,
    EventEmitter,
    Input,
    OnInit,
    Output,
} from '@angular/core';

import { ToasterService } from 'angular2-toaster';

import { ApiService } from 'jslib-common/abstractions/api.service';
import { I18nService } from 'jslib-common/abstractions/i18n.service';

import { EmergencyAccessType } from 'jslib-common/enums/emergencyAccessType';
import { EmergencyAccessInviteRequest } from 'jslib-common/models/request/emergencyAccessInviteRequest';
import { EmergencyAccessUpdateRequest } from 'jslib-common/models/request/emergencyAccessUpdateRequest';

@Component({
    selector: 'emergency-access-add-edit',
    templateUrl: 'emergency-access-add-edit.component.html',
})
export class EmergencyAccessAddEditComponent implements OnInit {
    @Input() name: string;
    @Input() emergencyAccessId: string;
    @Output() onSaved = new EventEmitter();
    @Output() onDeleted = new EventEmitter();

    loading = true;
    readOnly: boolean = false;
    editMode: boolean = false;
    title: string;
    email: string;
    type: EmergencyAccessType = EmergencyAccessType.View;

    formPromise: Promise<any>;

    emergencyAccessType = EmergencyAccessType;
    waitTimes: { name: string; value: number; }[];
    waitTime: number;

    constructor(private apiService: ApiService, private i18nService: I18nService,
        private toasterService: ToasterService) { }

    async ngOnInit() {
        this.editMode = this.loading = this.emergencyAccessId != null;

        this.waitTimes = [
            { name: this.i18nService.t('oneDay'), value: 1 },
            { name: this.i18nService.t('days', '2'), value: 2 },
            { name: this.i18nService.t('days', '7'), value: 7 },
            { name: this.i18nService.t('days', '14'), value: 14 },
            { name: this.i18nService.t('days', '30'), value: 30 },
            { name: this.i18nService.t('days', '90'), value: 90 },
        ];

        if (this.editMode) {
            this.editMode = true;
            this.title = this.i18nService.t('editEmergencyContact');
            try {
                const emergencyAccess = await this.apiService.getEmergencyAccess(this.emergencyAccessId);
                this.type = emergencyAccess.type;
                this.waitTime = emergencyAccess.waitTimeDays;
            } catch { }
        } else {
            this.title = this.i18nService.t('inviteEmergencyContact');
            this.waitTime = this.waitTimes[2].value;
        }

        this.loading = false;
    }

    async submit() {
        try {
            if (this.editMode) {
                const request = new EmergencyAccessUpdateRequest();
                request.type = this.type;
                request.waitTimeDays = this.waitTime;

                this.formPromise = this.apiService.putEmergencyAccess(this.emergencyAccessId, request);
            } else {
                const request = new EmergencyAccessInviteRequest();
                request.email = this.email.trim();
                request.type = this.type;
                request.waitTimeDays = this.waitTime;

                this.formPromise = this.apiService.postEmergencyAccessInvite(request);
            }

            await this.formPromise;
            this.toasterService.popAsync('success', null,
                this.i18nService.t(this.editMode ? 'editedUserId' : 'invitedUsers', this.name));
            this.onSaved.emit();
        } catch { }
    }

    async delete() {
        this.onDeleted.emit();
    }
}