import {Component, OnChanges, OnInit, SimpleChanges} from '@angular/core';
import {FormBuilder, FormControl, FormGroup, Validators} from '@angular/forms';
import {StructureError} from '../../../utils/structure-error';
import {Athlete} from "../../domain/athlete";
import {Auth} from "aws-amplify";
import {AthleteProfileService} from "../../services/athlete-profile.service";
import {__await} from "tslib";
import {APIService} from "../../API.service";

export class ErrorMessages {
  dob: StructureError[];
  email: StructureError[];
  height: StructureError[];
  weightCategory: StructureError[];
  boatPreference: StructureError[];
  side: StructureError[];
  sex: StructureError[];
  firstName: StructureError[];
  lastName: StructureError[];
}


@Component({
  selector: 'app-athlete-profile',
  templateUrl: './athlete-profile.component.html',
  styleUrls: ['./athlete-profile.component.css']
})

export class AthleteProfileComponent implements OnInit {

  public profileForm: FormGroup;
  public errorMessages: ErrorMessages;
  public boats: [{id: 1, name: 'single'}];
  public sides: [{id: 1, name: 'port'}];
  public sex: [{id: 1, name: 'M'}];
  public athlete = new Athlete();


  constructor(private fb: FormBuilder, private service: AthleteProfileService, private api: APIService) {
    Auth.currentAuthenticatedUser({
      bypassCache: false
    }).then(async user => {
      this.athlete.id = user.attributes.sub;
      this.athlete.email = user.attributes.email;

    })
      .catch(err => console.log(err));
  }

  ngOnInit() {

    this.getAthlete(this.athlete.id);
    this.errorMessages = {
      dob: [
        {type: 'required', message: 'The date of birth is required.'}
      ],
      email: [
        {type: 'required', message: 'The email is required.'}
      ],
      height: [
        {type: 'required', message: 'The height is required.'}
      ],
      weightCategory: [
        {type: 'required', message: 'The weight category is required.'}
      ],
      boatPreference: [
        {type: 'required', message: 'The boat preference is required.'}
      ],
      side: [
        {type: 'required', message: 'The side preference is required.'}
      ],
      sex: [
        {type: 'required', message: 'The sex is required.'}
      ],
      firstName: [
        {type: 'required', message: 'The firstname is required.'}
      ],
      lastName: [
        {type: 'required', message: 'The lastname is required.'}
      ]
    };

    this.profileForm = this.fb.group({
      // dob: new FormControl('', [Validators.required]),
      // email: new FormControl('', [Validators.required]),
      // weight: new FormControl(''),
      // height: new FormControl('', [Validators.required]),
      // weightCategory: new FormControl('', [Validators.required]),
      // boatPreference: new FormControl('', [Validators.required]),
      // side: new FormControl('', [Validators.required]),
      // sex: new FormControl('', [Validators.required]),
      // rcaNumber: new FormControl('', [Validators.required]),
      // membershipType: new FormControl('', [Validators.required]),
      // firstName: new FormControl('', [Validators.required]),
      // lastName: new FormControl('', [Validators.required]),

      dob: new FormControl(''),
      email: new FormControl(this.athlete.email),
      weight: new FormControl(this.athlete.weight),
      height: new FormControl(this.athlete.height),
      weightCategory: new FormControl(this.athlete.weightCategory),
      boatPreference: new FormControl(this.athlete.boatPreference),
      side: new FormControl(this.athlete.side),
      sex: new FormControl(this.athlete.sex),
      membershipType: new FormControl(this.athlete.membershipType),
      firstName: new FormControl(this.athlete.firstName),
      lastName: new FormControl(this.athlete.lastName),
    });
  }

  getAthlete(athleteId: string){
    // this.service.getAthlete(athleteId).then( test=>{
    //   console.log(test);
    // });
    console.log(athleteId);
    this.api.GetUser(athleteId)
      .then(data=>{
        this.athlete = data;
        this.athlete.sex = data.sex;
        this.athlete.firstName = data.firstName;
        console.log(this.athlete);

      })
      .catch(err => console.log(err));
  };



  create() {
    // if (this.profileForm.valid){
      const profil = this.profileForm.value;
      // const profilAthlete = new Athlete();
      this.athlete.id = this.athlete.id
      this.athlete.firstName = profil.firstName;
      this.athlete.lastName = profil.lastName;
      this.athlete.membershipType = profil.membershipType;
      this.athlete.email = profil.email;
      // this.athlete.dob = profil.dob;
      this.athlete.weight = profil.weight;
      this.athlete.height = profil.height;
      this.athlete.weightCategory = profil.weightCategory;
      this.athlete.boatPreference = profil.boatPreference;
      this.athlete.side = profil.side;
      this.athlete.sex = profil.sex;
      this.athlete.status = profil.status;
      this.athlete.membershipType = 3;

      this.service.save(this.athlete)
    // }

  }
}