import { Component, OnInit, inject } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormControl, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
import { CarouselComponent } from '../../../shared/carousel/carousel.component';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { Router, RouterLink } from '@angular/router';

@Component({
  selector: 'bgui-login-standard-user',
  standalone: true,
  imports: [
    CommonModule,
    CarouselComponent,
    MatFormFieldModule,
    ReactiveFormsModule,
    MatInputModule,
    MatButtonModule,
    MatIconModule,
    MatCheckboxModule,
    RouterLink,
    FormsModule
  ],
  templateUrl: './login-standard-user.component.html',
  styleUrls: ['./login-standard-user.component.scss'],
})
export class LoginStandardUserComponent implements OnInit {

  
  images = [
    {
      imageSrc: './assets/images/carousel-auth/orange-with-variant.png',
      imageAlt: 'nature1',
    },
    {
      imageSrc: './assets/images/carousel-auth/silver-modern-with-variant.png',
      imageAlt: 'nature1',
    },
  ];

  email = new FormControl('', [Validators.required, Validators.email]);
  password = new FormControl('', [Validators.required]);
  
  form: any = { 
    email: '', 
    password: '' 
  };
  

  
  


  getErrorMessage() {
    if (this.email.hasError('required')) {
      return 'Impossible de trouver votre compte Beasy';
    }


    return this.email.hasError('email') ? 'Adresse e-mail non valide' : '';
  }

  getErrorAuth() {
    this.msgAuth="";
  }

  hide = true;
  isActive = false;

  msgAuth="";

  private router = inject(Router)

  // constructor(private router:Router) {
  //   //...
  // }

  ngOnInit(): void {
    //...
  }

  onSubmit():void{
    console.log(this.form)
    this.connexionlogin()
  }
  connexionlogin()
  {
    //console.log("Nous sommes ici");
    if (this.form.email === 'mrfrancice@gmail.com' && this.form.password === 'p@ssw0rd') {
      localStorage.setItem('isLoggedIn', "true"); 
      localStorage.setItem('token', this.form.email); 
      // Remplacez 'page-accueil' par l'URL de la page à laquelle vous souhaitez rediriger
      console.log("Redirection vers 'dash'");
      this.router.navigate(['/admin']);
      //window.location.href = '/';
    } else {
      this.router.navigate(['/auth']);
      this.msgAuth = 'Login ou PassWord incorrect...';
    }

    
  }



  
// deconnxionlogin()
// {

//     localStorage.setItem('isLoggedIn', "false"); 
//     localStorage.removeItem('token'); 
//     // // Remplacez 'page-accueil' par l'URL de la page à laquelle vous souhaitez rediriger
//     // console.log("Redirection vers 'dash'");
//     // this.router.navigate(['/admin']);
//     // //window.location.href = '/';
//   } 
}