import { Component, OnInit } from '@angular/core';
import { AccountApiService } from '../../services/account-api.service';
import { Router } from '@angular/router';
import {EditUser} from '../../../../models/EditUser';


@Component({
  selector: 'account-change-password',
  templateUrl: './change-password.component.html',
  styleUrls: ['./change-password.component.css']
})
export class ChangePasswordComponent implements OnInit {

  password = {
    oldPassword:null,
    newPassword:null,
    confirmPassword:null
  };

  errorMessages: string[] = [];

  public user: EditUser = new EditUser();

  constructor(private accountApi: AccountApiService,
              private router: Router) { }

  ngOnInit() {
  }

  changePassword(changePasswordForm){
    this.accountApi.getUserInfo().then((data) => {
      this.user = new EditUser(data);
    this.errorMessages = [];
      if(changePasswordForm.form.valid){
        this.accountApi.changePassword(this.password).then(() => {
            this.router.navigate(["/account"]);
        }).catch((err) => {
          console.log(err);
          let error = err.error;
          for (let errorModel in error.modelState){
            this.errorMessages.push(error.modelState[errorModel]);
          }
        })
      }
  }

}