import {Component, OnInit, ViewChild} from '@angular/core';
import {MatDialog as MatDialog} from "@angular/material/dialog";
import {TaskgroupCreationComponent} from "../taskgroup-creation/taskgroup-creation.component";
import {TaskgroupEntityInfo, TaskgroupService} from "../../../api";
import {TaskgroupDeletionComponent} from "../taskgroup-deletion/taskgroup-deletion.component";
import {ActivatedRoute} from "@angular/router";
import {TaskEditorComponent} from "../../tasks/task-editor/task-editor.component";
import {TaskEditorData} from "../../tasks/task-editor/TaskEditorData";
import {TaskDashboardComponent} from "../../tasks/task-dashboard/task-dashboard.component";
import {NavigationLink, NavigationLinkListComponent} from "../../navigation-link-list/navigation-link-list.component";

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

  constructor(private dialog: MatDialog,
              private taskgroupService: TaskgroupService,
              private activatedRoute: ActivatedRoute) { }

  taskgroups: TaskgroupEntityInfo[] = []
  taskgroup: TaskgroupEntityInfo | undefined
  taskgroupPath: TaskgroupEntityInfo[] = []
  taskgroupID: number = -1;
  @ViewChild("taskDashboard") taskDashboard: TaskDashboardComponent | undefined
  @ViewChild('navLinkList') navLinkListComponent: NavigationLinkListComponent | undefined
  defaultNavigationLinkPath: NavigationLink[] = [
    {
      linkText: "Dashboard",
      routerLink: ['/']
    },
    {
      linkText: "Taskgroups",
      routerLink: ["/taskgroups"]
    }
  ]

  ngOnInit(): void {
    this.activatedRoute.paramMap.subscribe(params => {
      if(params.has('taskgroupID')) {
        console.log("Update of taskgroup")
        this.taskgroupID = Number(params.get('taskgroupID'));
        this.taskgroupService.taskgroupsTaskgroupIDGet(this.taskgroupID).subscribe({
          next: resp => {
            this.taskgroups = resp.children
            this.taskgroupPath = resp.ancestors
            this.taskgroup = resp.taskgroupInfo;
            this.navLinkListComponent!.resetComponent([
              {
                linkText: "Dashboard",
                routerLink: ['/']
              },
              {
                linkText: "Taskgroups",
                routerLink: ["/taskgroups"]
              }
            ]);
            console.log(this.taskgroups)
            this.taskgroupPath.forEach(taskgroupEntity => {
              this.navLinkListComponent!.addNavigationLink(taskgroupEntity.taskgroupName, ['/taskgroups', taskgroupEntity.taskgroupID.toString()]);
            })
          }
        })
      } else {
        this.taskgroupService.taskgroupsGet().subscribe({
          next: resp => {
            this.taskgroups = resp;
          }
        })
      }
    })

  }

  openTaskgroupCreation() {
    const dialogRef = this.dialog.open(TaskgroupCreationComponent, {data: {taskgroup: undefined, taskgroupID: this.taskgroupID}, minWidth: "400px"})
    dialogRef.afterClosed().subscribe(res => {
      if(res != undefined) {
        this.taskgroups.push(res);
      }
    })
  }

  openTaskgroupEditor(taskgroup: TaskgroupEntityInfo) {
    const dialogRef = this.dialog.open(TaskgroupCreationComponent, {data: {taskgroup: taskgroup, taskgroupID: this.taskgroupID}, minWidth: "400px"});
    dialogRef.afterClosed().subscribe(res => {
      if(res) {
        const data = this.taskgroups
      }
    })
  }

  openTaskgroupDeletion(taskgroup: TaskgroupEntityInfo) {
    const dialogRef = this.dialog.open(TaskgroupDeletionComponent, {data: taskgroup, minWidth: "400px"});
    dialogRef.afterClosed().subscribe(res => {
      if(res) {
       this.taskgroups = this.taskgroups.filter(ctg => ctg.taskgroupID != taskgroup.taskgroupID)
      }
    })
  }

  openTaskCreation() {
    const editorData: TaskEditorData = {
      task: undefined,
      taskgroupID: this.taskgroupID
    }
    const dialogRef = this.dialog.open(TaskEditorComponent, {data: editorData, width: "600px"})
    dialogRef.afterClosed().subscribe(res => {
      if(res != undefined) {
        this.taskDashboard!.addTask(res);
      }
    })
  }
}