import { Component, OnInit } from '@angular/core';
import { ArticuloService } from 'src/app/services/articulo/articulo.service';
import { Router } from '@angular/router';

@Component({
  selector: 'app-forma-pago',
  templateUrl: './forma-pago.component.html',
  styleUrls: ['./forma-pago.component.scss']
})
export class FormaPagoComponent implements OnInit {
  constructor(
    private articuloService: ArticuloService,
    private router: Router
  ) {}

  ngOnInit() {
    if (!this.articuloService.carrito.length) {
      this.router.navigate(['']);
      return;
    }
    this.mediaPantalla();
  }

  medioPago(medioPago: number) {
    this.articuloService.medioPago = medioPago;
    switch (medioPago) {
      case 4:
        this.router.navigate(['indicaciones-pago-tarjeta']);
        break;
      case 9:
        this.router.navigate(['pago-electronico']);
        break;
    }
  }

  mediaPantalla() {
    if ($('body').hasClass('media-pantalla')) {
      $('.reduce-card-1,.reduce-card-2').addClass('media-pantalla');
    }
  }
}