import { Component, OnInit } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';
import { AbstractControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
import { ActivatedRoute, Router } from '@angular/router';
import { ClassService } from 'src/app/services/classes/class.service';
import { ClassData } from 'src/app/shared/class/class';
import { TitleCasePipe } from '@angular/common';

@Component({
  selector: 'app-edit-course-metadata',
  templateUrl: './edit-course-metadata.component.html',
  styleUrls: ['./edit-course-metadata.component.scss'],
  providers: [TitleCasePipe],
})
export class EditCourseMetadataComponent implements OnInit {
  courseName: string = ""
  fields: string[] = ["exams", "homework", "projects", "proofs", "peer reviewed", "textbook"]
  languages: string[] = ["C", "C++", "Kotlin", "GoLang", "MATLAB", "Python", "Rust", "No Code"]
  categories: string[] = ["Applications", "Systems", "Theory", "Elective"]
  courseMetadataForm!: FormGroup
  courseData: ClassData | undefined

  constructor(
    private formBuilder: FormBuilder,
    private route: ActivatedRoute,
    private courseService: ClassService,
    private afs: AngularFirestore,
    private router: Router,
    private tc: TitleCasePipe,
  ) {
    if(this.courseService.website == "dataScience") {
      this.categories = ["foundations", "elective"]
      this.languages = ['Python', 'R', 'No Code']
    }
  }

  ngOnInit(): void {
    this.courseName = this.route.snapshot.paramMap.get('courseId') || ""
    this.courseMetadataForm = this.formBuilder.group({
      exams: ['', Validators.required],
      examsBool: ['', Validators.required],
      homework: ['', Validators.required],
      homeworkBool: ['', Validators.required],
      professor: ['', Validators.required],
      projects: ['', Validators.required],
      projectsBool: ['', Validators.required],
      proofs: ['', Validators.required],
      proofsBool: ['', Validators.required],
      "peer reviewed": ['', Validators.required],
      "peer reviewedBool": ['', Validators.required],
      textbook: ['', Validators.required],
      textbookBool: ['', Validators.required],
      textbookName: [''],
      category: ['', Validators.required],
      languages: ['']
    })
    this.courseService.classes.subscribe(data => {
      this.courseData = data.find(x => x.ClassName == this.courseName)
      this.setFieldData(this.f.exams, this.f.examsBool, this.courseData?.meta.exams)
      this.setFieldData(this.f.homework, this.f.homeworkBool, this.courseData?.meta.homework)
      this.setFieldData(this.f.projects, this.f.projectsBool, this.courseData?.meta.projects)
      this.setFieldData(this.f.proofs, this.f.proofsBool, this.courseData?.meta.proofs)
      this.setFieldData(this.f["peer reviewed"], this.f["peer reviewedBool"], this.courseData?.meta['peer reviewed'].toString())
      this.setFieldData(this.f.textbook, this.f.textbookBool, this.courseData?.TextbookName)
      this.f.category.setValue(this.courseData?.category)
      this.f.languages.setValue(this.courseData?.languages)
      this.f.professor.setValue(this.courseData?.Teacher)
    })
  }

  get f() {
    return this.courseMetadataForm?.controls
  }

  setFieldData(field: AbstractControl, fieldBool: AbstractControl, fieldValue: any): void {
    fieldValue ? field.setValue(fieldValue) : ""
    fieldValue ? fieldBool.setValue("true") : fieldBool.setValue("false")
    fieldValue ? field.enable() : field.disable()
    fieldBool.valueChanges.subscribe(val => {val=="true" ? field.enable() : field.disable()})
  }

  onSubmit(): void {
    this.afs
      .collection("Class")
      .doc(this.courseData?.courseId)
      .update({
        category: this.f.category.value,
        meta: {
          exams: this.f.examsBool.value === "true" ? this.f.exams.value : "",
          homework: this.f.homeworkBool.value === "true" ? this.f.homework.value : "",
          projects: this.f.projectsBool.value === "true" ? this.f.projects.value : "",
          proofs: this.f.proofsBool.value === "true" ? this.f.proofs.value : "",
          "peer reviewed": this.f["peer reviewedBool"].value === "true" ? this.f["peer reviewed"].value : "",
        },
        languages: this.f.languages.value,
        Teacher: this.tc.transform(this.f.professor.value),
        Textbook: this.f.textbookBool.value === "true" ? true : false,
        TextbookName: this.tc.transform(this.f.textbook.value),
      }).then(() => {
        this.courseService.updateCourseData()
        this.router.navigate([`courses/${this.courseName}`])
      })
  }
}