import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
import { FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatButtonModule } from '@angular/material/button';
import { MatOptionModule } from '@angular/material/core';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';
import { MatSelectModule } from '@angular/material/select';

@Component({
  selector: 'app-player-info-form',
  templateUrl: './player-info-form.component.html',
  styleUrls: ['./player-info-form.component.scss'],
  standalone: true,
  imports: [CommonModule, FormsModule, ReactiveFormsModule, MatFormFieldModule, MatOptionModule, MatSelectModule, MatInputModule]
})
export class PlayerInfoFormComponent {
  disableSelect = new FormControl(true);

  form = new FormGroup({
    firstName: new FormControl('', [Validators.required]),
    lastName: new FormControl(null, [Validators.required]),
    teamRole: new FormControl({value: 1, disabled: false})
  });

  
}
