import { Component } from '@angular/core';
import {NzFormModule} from "ng-zorro-antd/form";
import {FormControl, FormGroup, ReactiveFormsModule, Validators} from "@angular/forms";
import {NzFlexDirective} from "ng-zorro-antd/flex";

@Component({
  selector: 'app-update-book',
  imports: [NzFormModule, NzFlexDirective, ReactiveFormsModule],
  templateUrl: './update-book.html',
  styleUrl: './update-book.css',
})
export class UpdateBook {
    updateBookForm = new FormGroup({
        title: new FormControl<string>(null, [Validators.required]),
        releaseYear: new FormControl<string>(null, [Validators.required]),
        author: new FormControl<string>(null, [Validators.required])
    })

    submitForm() {
        // Pour annuler si le formulaire est invalide
        if (this.updateBookForm.invalid) return;

        // Pour obtenir la valeur du formulaire
        console.log(this.updateBookForm.getRawValue())

        // Pour vider le formulaire
        this.updateBookForm.reset()
    }
}