import {Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges} from '@angular/core';
import {FormControl, FormGroup, Validators} from '@angular/forms';
import {Patient} from '../../core/models/patient';
import {User} from '../../core/models/user';

@Component({
  selector: 'app-patient-page-form-update',
  templateUrl: './patient-page-form-update.component.html',
  styleUrls: ['./patient-page-form-update.component.css']
})
export class PatientPageFormUpdateComponent implements OnInit {
  @Input() patient: Patient;
  @Output() updatePatient: EventEmitter<Patient> = new EventEmitter<Patient>();
  form: FormGroup;

  ngOnInit(): void {
    this.form = new FormGroup({
      name: new FormControl(this.patient.user.name, [Validators.required]),
      username: new FormControl(this.patient.user.username, [Validators.required]),
      password: new FormControl(this.patient.user.password, [Validators.required]),
      role: new FormControl(this.patient.user.role, [Validators.required]),
      gender: new FormControl(this.patient.user.gender, [Validators.required]),
      birthday: new FormControl(this.patient.user.birthday, [Validators.required]),
      address: new FormControl(this.patient.user.address, [Validators.required]),
      medicalRecords: new FormControl(this.patient.medicalRecords, [Validators.required])
    });
  }

  getNewPatient() {
    const newPatient = new Patient();
    newPatient.medicalRecords = this.form.get('medicalRecords').value;
    const user = new User();
    user.name = this.form.get('name').value;
    user.username = this.form.get('username').value;
    user.password = this.form.get('password').value;
    user.role = this.form.get('role').value;
    user.gender = this.form.get('gender').value;
    user.birthday = this.form.get('birthday').value;
    user.address = this.form.get('address').value;
    newPatient.user = user;
    this.updatePatient.emit(newPatient);
  }

}