import {Component, OnInit} from '@angular/core';
import {FormsComponent} from '../forms.component';
import {FormBuilder, FormGroup, Validators} from '@angular/forms';
import {AppealsService} from '../../../api';

@Component({
  selector: 'app-appeal',
  imports: [
    FormsComponent
  ],
  templateUrl: './appeal.component.html',
  styleUrl: './appeal.component.scss'
})
export class AppealComponent implements OnInit {

  public form: FormGroup | undefined;

  constructor(private fb: FormBuilder, private appealApi: AppealsService) {
  }

  ngOnInit() {
    this.initForm()
  }

  private initForm() {
    this.form = this.fb.group({
      name: ['', [Validators.required]],
      punishmentId: ['', [Validators.required]],
      email: ['', [Validators.required, Validators.email]],
      message: ['', [Validators.required, Validators.minLength(10)]]
    });
  }

  public onSubmit() {
    if (this.form === undefined) {
      console.error('Form is undefined');
      return
    }
    if (this.form.valid) {
      console.log('Form submitted:', this.form.value);
      // Process form submission here
    } else {
      // Mark all fields as touched to trigger validation display
      Object.keys(this.form.controls).forEach(field => {
        const control = this.form!.get(field);
        if (!(control instanceof FormGroup)) {
          console.error('Control [' + control + '] is not a FormGroup');
          return;
        }
        control.markAsTouched({onlySelf: true});
      });
    }
  }

  private sendForm(validForm: FormGroup) {
    // const appeal: MinecraftAppeal = {
    //
    // }
    // this.appealApi.submitMinecraftAppeal()
  }


}