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

@Component({
  selector: 'lib-subscriptions-details',
  templateUrl: './subscriptions-details.component.html',
  styleUrl: './subscriptions-details.component.scss',
})
export class SubscriptionsDetailsComponent implements OnInit, OnDestroy {
  @Input() subscriptionsDetailsDialogID!: string;
  @Input() subIndex!: number;
  @Input() subList!: any;
  @Input() sub!: any;

  private dialogStateSubscription!: Subscription;

  private _dialogService = inject(DialogService);
  private _fb = inject(FormBuilder);

  public dialogState!: IDetailsControl;
  public subUpdateForm!: FormGroup;

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

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

  setFormStructure(): void {
    this.subUpdateForm = this._fb.group({
      userFirstName: ['12-03-2023', [Validators.required]],
      userLastName: ['15-05-2024', [Validators.required]],
      userField: ['Aktywny', [Validators.required]],
      userPesel: ['123456789', [Validators.required]],
      userEmail: ['adresemail@adres.pl', [Validators.required]],
      userPassword: ['cokolwiek', [Validators.required]],
    });
  }

  getStatus(status: any): string {
    if (status) {
      return 'Aktywny';
    } else {
      return 'Nieaktywny';
    }
  }

  getStatusColor(status: any): string {
    if (status) {
      return '#16A34A';
    } else {
      return '#D1D5DB';
    }
  }

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

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

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

  moveUp() {
    this.subIndex = (this.subIndex + 1) % this.subList.length;
    this.sub = this.subList[this.subIndex];

    this.setFormStructure();
    this.setEditMode(this.subscriptionsDetailsDialogID, false);
  }

  moveDown() {
    this.subIndex =
      (this.subIndex - 1 + this.subList.length) % this.subList.length;
    this.sub = this.subList[this.subIndex];

    this.setFormStructure();
    this.setEditMode(this.subscriptionsDetailsDialogID, false);
  }
}