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(["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');
    }
  }
}