import {Component, Input, OnInit} from '@angular/core';
import {ActivatedRoute} from '@angular/router';
import {UniversityModel} from '../../models/University.model';
import {UniversityService} from '../../services/university.service';
import {WishService} from '../../services/wish.service';
import {WishModel} from '../../models/Wish.model';
import {toNumbers} from '@angular/compiler-cli/src/diagnostics/typescript_version';
import {FormArray, FormBuilder, FormControl, FormGroup, Validators} from '@angular/forms';
import {User} from '../../models/User.model';
import {SessionService} from '../../services/session/session.service';
import {CourseModel} from '../../models/Course.model';


@Component({
  selector: 'app-agreement-host',
  templateUrl: './agreement-host.component.html',
  styleUrls: ['./agreement-host.component.css']
})
export class AgreementHostComponent implements OnInit {

  private fieldArray: Array<any> = [];
  private newAttribute: any = {};
  private wishList: WishModel[] = [];

  semester = ['semestre 1', 'semestre 2', 'toute l\'année'];
  diploma = ['Ingenieur en science informatique', 'Ingenieur en génie électrique', 'Ingenieur en génie de l\'eau',
    'Ingenieur en génie du bâtiment', 'Ingenieur en biologie'];
  university: UniversityModel;
  // private isNewWish = false;
  user: User;

  public agreementForm: FormGroup;

  constructor(private route: ActivatedRoute, public formBuilder: FormBuilder, private universityService: UniversityService,
              private wishService: WishService, private sessionService: SessionService) {
    this.agreementForm = this.formBuilder.group({
      semester: new FormControl(''),
      diploma: new FormControl(''),
      courses: this.formBuilder.array([])
    });
  }

  ngOnInit() {
    this.getUniversity();
    this.user = this.sessionService.getCurrentUserModel();
  }

  getUniversity(): void {
    const id = +this.route.snapshot.paramMap.get('id');
    console.log(id);
    this.universityService.getUniversity(id)
      .subscribe(university => this.university = university);
  }

  addWish() {
    if (this.agreementForm.valid) {
      const formValue = this.agreementForm.value;
      const newWish = new WishModel(
        this.user.id, this.university.id, this.university.name,
        formValue.semester, formValue.diploma, this.university.agreements,
        formValue.courses ? formValue.courses : []
      );


    }
  }

  // editWish(isNew: boolean) {
  //   //   this.isNewWish = isNew;
  //   //   const bool = true;
  //   //   const semesterValue = '2';
  //   //   const id = +this.route.snapshot.paramMap.get('id');
  //   //   this.wishService.putWish(
  //   //     {
  //   //       id: 1,
  //   //       universityId: id,
  //   //       semester: semesterValue,
  //   //       agreementCompleted: bool
  //   //     } as WishModel).subscribe();
  //   // }

  addFieldValue() {

    const newHobbyControl = this.formBuilder.control(null, Validators.required);
    this.getCourses().push(newHobbyControl);

  }

  deleteFieldValue(index) {
    this.fieldArray.splice(index, 1);
  }

  getCourses(): FormArray {
    return this.agreementForm.get('courses') as FormArray;
  }
}