import { IDetailsControl } from '../../../../shared/models/details-control';
import { DialogService } from '../../../../shared/services/dialog.service';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { Component, Input, inject } from '@angular/core';
import { Subscription } from 'rxjs';

@Component({
  selector: 'lib-message-new-send',
  templateUrl: './message-new-send.component.html',
  styleUrl: './message-new-send.component.scss',
})
export class MessageNewSendComponent {
  @Input() newMessageSendDialogID!: string;

  private dialogStateSubscription!: Subscription;
  private _dialogService = inject(DialogService);
  public dialogState!: IDetailsControl;
  private _fb = inject(FormBuilder);

  public addNewTemplateForm!: FormGroup;
  public text: any;

  ngOnInit(): void {
    this.setFormStructure();
    this.dialogStateSubscription = this._dialogService
      .getDialogState(this.newMessageSendDialogID)
      .subscribe((state) => {
        this.dialogState = state;
      });
  }

  setFormStructure(): void {
    this.addNewTemplateForm = this._fb.group({
      messageTitle: ['', [Validators.required]],
      messageSubscriptions: ['', [Validators.required]],
      messageContent: ['', [Validators.required]],
    });
  }

  ngOnDestroy(): void {
    this.dialogStateSubscription.unsubscribe();
  }

  closeDialog(): void {
    this._dialogService.closeDialog(this.newMessageSendDialogID);
  }

  editOn() {
    this.setEditMode(this.newMessageSendDialogID, true);
  }

  setEditMode(id: string, isEditing: boolean): void {
    this._dialogService.setEditingState(id, isEditing);
  }
}