import { Component } from '@angular/core';
import {FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators} from "@angular/forms";
import {NzColDirective, NzRowDirective} from "ng-zorro-antd/grid";
import {
    NzFormControlComponent,
    NzFormDirective,
    NzFormItemComponent,
    NzFormLabelComponent,
    NzFormModule
} from "ng-zorro-antd/form";
import {NzInputDirective} from "ng-zorro-antd/input";
import {NzLayoutComponent} from "ng-zorro-antd/layout";

@Component({
  selector: 'app-staff-add-form',
    imports: [ReactiveFormsModule, NzFormModule, NzInputDirective, NzLayoutComponent],
  templateUrl: './staff-add-form.html',
  styleUrl: './staff-add-form.css',
})
export class StaffAddForm {
    staffForm = new FormGroup({
        lastName: new FormControl<string>(null, [Validators.required]),
        firstName: new FormControl<string>(null, [Validators.required]),
        phoneNumber: new FormControl<string>(null, [Validators.required]),
        email: new FormControl<string>(null, [Validators.required]),
        address: new FormControl<string>(null, [Validators.required]),
        role: new FormControl<string>(null, [Validators.required]),
        price: new FormControl<string>(null, [Validators.required]),
        F4T2NumberApproval: new FormControl<string>(null, [Validators.required]),
        F4T2ExpirationDate: new FormControl<Date>(null, [Validators.required]),

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

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

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