import { IonList, IonItem } from '@ionic/angular/standalone';
import { Component, OnInit } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone';
import { ActivatedRoute, Router } from '@angular/router';
import { ApiService } from '../api.service';

@Component({
  selector: 'app-book-management',
  templateUrl: './book-management.page.html',
  styleUrls: ['./book-management.page.scss'],
  standalone: true,
  imports: [IonContent, IonHeader, IonTitle, IonToolbar,IonList,IonItem, CommonModule, FormsModule]
})
export class BookManagementPage implements OnInit {

  bookId: number | null = null;  // 给 bookId 一个默认值
  poems: any[] = [];

  constructor(private route: ActivatedRoute, private apiService: ApiService,private router: Router) {}

  ngOnInit() {
    const bookIdFromRoute = this.route.snapshot.paramMap.get('id');
    if (bookIdFromRoute) {
      this.bookId = +bookIdFromRoute;  // 使用 + 转换为数字
    }

    // 获取该书籍的所有诗
    if(this.bookId !== null)
    this.apiService.getPoems(this.bookId).subscribe(data => {
      this.poems = data;
    }, error => {
      console.error('Error fetching poems:', error);
    });
  }
  goToPoemDetail(poemId: number) {
    this.router.navigate(['/poem-detail', poemId]);
  }
}