import { Component, OnInit, HostListener } from '@angular/core';
import { ArticuloService } from 'src/app/services/articulo/articulo.service';
import { IArticulo } from 'src/app/interfaces/IArticulo';
import { BsModalRef } from 'ngx-bootstrap/modal';
import { InactiveScreenService } from 'src/app/services/inactive-screen/inactive-screen.service';

@Component({
  selector: 'app-confirmacion',
  templateUrl: './confirmacion.component.html',
  styleUrls: ['./confirmacion.component.scss']
})
export class ConfirmacionComponent implements OnInit {
  idArticulo: number;
  articulo: IArticulo;

  constructor(
    public modalRef: BsModalRef,
    private articuloService: ArticuloService,
    private inactiveScreen: InactiveScreenService,
  ) { }

  ngOnInit() {
    this.articuloService.getById(this.idArticulo)
    .subscribe((res: IArticulo) => {
      this.articulo = res;
    }, err => console.error(err));
  }

  elegirArticulo(articulo: IArticulo) {
    articulo.cantidad = 1;
    this.articuloService.setArticulo(articulo);
    this.modalRef.hide();
  }

  close() {
    this.modalRef.hide();
  }

  @HostListener('document:click', ['$event'])
  eventListener(event: Event) {
    clearTimeout(this.inactiveScreen.timerReposo);
    this.inactiveScreen.startTimeOutInactividad();
  }
}