import { Component, inject, signal } from '@angular/core';
import { ReactiveFormsModule, FormBuilder, Validators } from '@angular/forms';
import { Router } from '@angular/router';
import { HttpErrorResponse } from '@angular/common/http';
import { AuthService } from '../../../core/services/auth.service';

@Component({
  selector: 'app-login',
  standalone: true,
  imports: [ReactiveFormsModule],
  templateUrl: './login.html',
  styleUrl: './login.scss',
})
export class Login {
  private fb = inject(FormBuilder);
  private auth = inject(AuthService);
  private router = inject(Router);

  errorMessage = signal<string | null>(null);
  retryAfterSeconds = signal<number | null>(null);
  isLoading = signal(false);

  form = this.fb.nonNullable.group({
    email: ['', [Validators.required, Validators.email]],
    password: ['', Validators.required],
  });

  onSubmit(): void {
    if (this.form.invalid) return;

    this.isLoading.set(true);
    this.errorMessage.set(null);
    this.retryAfterSeconds.set(null);

    this.auth.login(this.form.getRawValue()).subscribe({
      next: (response) => {
        if (response.principal.must_change_password) {
          this.router.navigate(['/change-password']);
          return;
        }
        this.router.navigate(['/dashboard']);
      },
      error: (error: HttpErrorResponse) => {
        this.isLoading.set(false);
        if (error.status === 429) {
          const retryAfter = error.headers.get('Retry-After');
          this.retryAfterSeconds.set(retryAfter ? Number(retryAfter) : null);
          this.errorMessage.set('Trop de tentatives, réessayez plus tard.');
          return;
        }
        this.errorMessage.set('Email ou mot de passe incorrect.');
      },
    });
  }
}