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

@Component({
  selector: 'bgui-create-users',
  standalone: true,
  imports: [
    CommonModule,
    CarouselComponent,
    MatFormFieldModule,
    ReactiveFormsModule,
    MatInputModule,
    MatButtonModule,
    MatIconModule,
    MatCheckboxModule,
    RouterLink,
    FormsModule,
  ],
  templateUrl: './create-users.component.html',
  styleUrl: './create-users.component.scss',
})
export class CreateUsersComponent {
  name!: string;
  lastName!: string;
  email!: string;
  password!: string;
  ffPassword!: string;
  images = [
    {
      imageSrc: './assets/images/carousel-auth/orange-with-variant.png',
      imageAlt: 'nature1',
    },
    {
      imageSrc: './assets/images/carousel-auth/silver-modern-with-variant.png',
      imageAlt: 'nature1',
    },
  ];

  isActive = false;

  register() {}
}