import { UsersOperation } from './../../operations/users.operations';
import { ModalService } from './../../services/modal.service';
import { ActivatedRoute, ParamMap, Router } from '@angular/router';
import { FormGroup, Validators, FormBuilder } from '@angular/forms';
import { Component, OnInit } from '@angular/core';
import { ModalOptionsDatatype } from '../../datatypes/modal-options.datatype';
import { PasswordValidationUtil } from '../../utils/password-validation.util';

@Component({
    selector: 'app-create-user',
    templateUrl: './edit-user.component.html',
    styleUrls: ['./edit-user.component.scss']
})
export class EditUserComponent implements OnInit {

    public userForm: FormGroup;

    public isNative = false;
    public username = '';
    public userId = 0;

    constructor(private fb: FormBuilder, private route: ActivatedRoute, private users: UsersOperation,
        private router: Router, private modal: ModalService) { }

    ngOnInit() {
        this.createForm();

        this.route.paramMap.subscribe((params) => this.initControl(params));
    }

    private async initControl(params: ParamMap) {
        this.userId = +params.get('userId');

        const user = await this.users.getSingle(this.userId);

        this.username = user.name;
        this.isNative = user.native;

        this.userForm.reset({
            name: user.name,
            type: user.type
        });
    }

    private createForm() {
        this.userForm = this.fb.group({
            name: ['', Validators.required],
            type: ['user'],
            password: [''],
            password2: ['']
        }, { validator: PasswordValidationUtil.matchPassword });
    }

    public async onSubmit() {
        try {
            const v = this.userForm.value;

            if (this.isNative) {
                const name = this.userForm.controls['name'].dirty ? v.name : null;
                const password = v.password !== '' ? v.password : null;
                await this.users.updateUser(this.userId, name, v.type, password);
            } else {
                await this.users.updateUser(this.userId, null, v.type);
            }

            this.userForm.reset({
                name: v.name,
                type: v.type,
                password: '',
                password2: ''
            });
        } catch (e) {
            await this.modal.showMessage(new ModalOptionsDatatype({
                heading: 'Error',
                body: e.message,
                acceptText: 'OK',
                dismisText: '',
                acceptClass: 'warning'
            }));
        }
    }
}