import { Component, Input, OnInit, EventEmitter } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { BsModalRef } from 'ngx-bootstrap';
import { InvoicesService } from '../../../services/invoices.service';

@Component({
  selector: 'app-comment-section',
  templateUrl: './comment-section.component.html',
  styleUrls: ['./comment-section.component.css']
})
export class CommentSectionComponent implements OnInit {
  commentSectionForm: FormGroup;
  @Input() invoiceId: any;
  @Input() checkedList: any;
  @Input() onClose: boolean;
  public event: EventEmitter<any> = new EventEmitter();
  constructor(public bsModalRef: BsModalRef,private fb:FormBuilder, private invoicesService: InvoicesService) { }

  ngOnInit(): void {
    this.commentSectionForm = this.fb.group({
      issue_detail: ['', { validators: [Validators.required] }],
    });
  }

  onSubmit() {
    const updateIssue: any = {};
    updateIssue.final_comment = this.commentSectionForm.get('issue_detail').value;
    updateIssue.issue_number = this.checkedList.issue_number;
    if(this.onClose){
      updateIssue.issue_state = 5;
    }else{
      updateIssue.issue_state = 2;
    }
    this.invoicesService.updateCustomerIssue(updateIssue).subscribe((result: { status: string, message: string, data }) => {
      if (result.status === 'success') {
        this.event.emit(true);
      }
    },
    (error) => {
      this.event.emit(false);
    });
    this.bsModalRef.hide();
  }

  get issue_detail() { return this.commentSectionForm.get('issue_detail') }
}