import { Component } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { EmployeeResponseDTO } from '../../models/mitarbeiter';
import { EmployeeService } from '../../service/employee.service';
import { MitarbeiterFormComponent } from '../mitarbeiter-form/mitarbeiter-form.component';

@Component({
  selector: 'app-mitarbeiter-erstellen',
  standalone: true,
  imports: [MitarbeiterFormComponent],
  templateUrl: './mitarbeiter-erstellen.component.html',
  styleUrl: './mitarbeiter-erstellen.component.css'
})
export class MitarbeiterErstellenComponent {
  public mitarbeiter!: EmployeeResponseDTO;

  constructor(private employeeService: EmployeeService, private route: ActivatedRoute, private router: Router) { }

  submitted(mitarbeiter: EmployeeResponseDTO) {
    console.log(mitarbeiter)
    this.employeeService.createEmployee(mitarbeiter);
    this.returnToEmployeeOverview();
  }

  returnToEmployeeOverview() {
    this.router.navigate(["mitarbeiter"]);
  }

  ngOnInit(): void {
    this.mitarbeiter = {
      id: 0,
      firstName: '',
      lastName: '',
      street: '',
      phone: '',
      skillSet: [],
      postcode: '',
      city: '',
    }
    this.employeeService.getEmployeeById(this.route.snapshot.params['id']).subscribe(employee => {
      this.mitarbeiter = employee;
    });
  }
}