import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
// WICHTIG: ReactiveFormsModule HIER importieren
import { ReactiveFormsModule, FormBuilder, Validators, FormGroup } from '@angular/forms'; 
import { RouterLink } from '@angular/router';

@Component({
  selector: 'app-login',
   
  imports: [
    CommonModule, 
    RouterLink,
    ReactiveFormsModule // <-- HIER IST DIE KORREKTUR. Jetzt kennt die Komponente [formGroup].
  ],
  templateUrl: './login.component.html',
  styleUrl: './login.component.css',
})
export class LoginComponent {
  loginForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.loginForm = this.fb.group({
      email: ['', [Validators.required, Validators.email]],
      password: ['', [Validators.required]],
    });
  }

  onSubmit() {
    if (this.loginForm.valid) {
      console.log('Formular abgeschickt:', this.loginForm.value);
    } else {
      console.log('Formular ist ungültig.');
      this.loginForm.markAllAsTouched();
    }
  }
}