import {
  Component,
  EventEmitter,
  Input,
  Output,
  ViewEncapsulation,
} from '@angular/core';
import { CommonModule } from '@angular/common';
import { AngularSvgIconModule } from 'angular-svg-icon';
import { HttpClientModule } from '@angular/common/http';
import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';

//Models
import { CommentConfig } from '../../models';

//Routes
import { ModalRouteSvg } from './svg-routes';

@Component({
    selector: 'ca-comment-modal',
    imports: [CommonModule, AngularSvgIconModule, HttpClientModule],
    templateUrl: './comment-modal.component.html',
    styleUrls: ['./comment-modal.component.scss'],
    encapsulation: ViewEncapsulation.None
})
export class CommentModalComponent {
  @Input() set config(data: CommentConfig) {
    this.modalConfig = data;
  }
  @Output() itemEvent = new EventEmitter<void>();

  public modalSvgExclamation = ModalRouteSvg.exclamation;
  public trash = ModalRouteSvg.trash;
  public modalConfig!: CommentConfig;

  constructor(private activeModal: NgbActiveModal) {}

  public onSubmit(): void {
    this.itemEvent.emit();
    this.activeModal.close('confirm');
  }

  public onCancel(): void {
    this.activeModal.dismiss('cancel');
  }
}