import { Component } from '@angular/core';
import { ActivatedRoute, RouterLink } from '@angular/router';
import { DankaService } from '../../services/dankaService';
import { FamilyService } from '../../services/family-service';
import { Danka } from '../../models/danka';
import { Family } from '../../models/family';
import { Kakocho } from '../../models/kakocho';
import { AppHeader } from '../../share/header/app-header';
import { AppSideMenu } from '../../share/side-menu/app-side-menu';
import { KakochoService } from '../../services/kakocho-service';

@Component({
  selector: 'app-danka-detail',
  imports: [AppHeader, AppSideMenu, RouterLink],
  templateUrl: './danka-detail.html',
  styleUrl: './danka-detail.scss',
})
export class DankaDetail {
  danka: Danka | undefined;
  families: Family[] = [];
  kakocholist: Kakocho[] = [];
  currentYear = new Date().getFullYear();

  selectedTab: 'basic' | 'family' | 'kakocho' | 'familyTree' = 'basic';

  constructor(
    private dankaService: DankaService,
    private familyService: FamilyService,
    private kakochoService: KakochoService,
    private route: ActivatedRoute,
  ) {
    const id = this.route.snapshot.params['id'];
    if (id) {
      this.danka = this.dankaService.getDankaById(id);
      this.families = this.familyService.getFamiliesByDankaId(id);
      this.kakocholist = this.kakochoService.getKakochoByDankaId(id);
    }
    console.log(this.danka);
    console.log(this.families);
    console.log(this.kakocholist);
  }

  getKaiki(deathDate: string): number {
    return (
      this.currentYear -
      new Date(deathDate).getFullYear() +
      1
    );
  }
}