import { Component,OnInit } from '@angular/core';
import { ListaPreciosService } from '../../service/listaPrecios.service';
import { DropDownService } from '../../service/dropdown.service';
import { ActivatedRoute, Params, Router }   from '@angular/router';
import { Message, SelectItem } from 'primeng/primeng';

import { ListaPreciosModelo } from '../modelos/listaPrecios.model';
import { ListaPreciosDetModelo } from '../modelos/listaPreciosDet.model';
@Component({
    selector:'listaPreciosEdit-cmp',
    templateUrl:'./app/template/listaPrecio/listaPreciosEditar.component.html',
    //styleUrls:['./app/template/css/presentacionEdit.component.css'],
    providers:[ListaPreciosService, DropDownService]
})
export class ListaPreciosEditComponent implements OnInit{
    listaPrecios:any = {};
    listaPreciosDet:ListaPreciosDetModelo[] = [];
    listaProductosListDet:SelectItem[];
    selectedProducto: string;
    botonsalir:any='Cancelar';
    botoncrear:any='Crear';
    msgs: Message[] = [];
    private funcion:any;
    constructor(
        private listapreciosservice:ListaPreciosService,
        private dropdownservice:DropDownService,
        private route: ActivatedRoute,
        private router:Router
        ){
            this.dropdownservice.dropdownProductos()
            .subscribe(res =>{
                this.listaProductosListDet = res.productos
            })
            
    }

    ngOnInit(){
        //+ convierte a int el string
        let id = +this.route.snapshot.params['id'];
        console.log(id);
        if(id == 0){
            this.funcion = 'C';
            this.botoncrear = 'Crear'
            this.listapreciosservice.getProductos()
            .subscribe(res1 =>{
                console.log(res1)
                this.listaPreciosDet = res1.productos
            })
        }else{
            this.funcion = 'U';
            this.botoncrear = 'Actualizar'
            this.listapreciosservice.getListaPrecios(id)
            .subscribe(res => {
                console.log(res);
                if(res['status'] == 'susses'){
                    this.listaPreciosDet = res['listaPreciosDet'];
                    console.log(this.listaPreciosDet);
                    this.listaPrecios = res['listaPrecios'][0];
                    console.log(this.listaPrecios);
                    this.botonsalir='Salir';
                }else{
                    alert(res.mensaje);
                }
                
            })
        }
        

    }
    mensaje(){
        console.log(this.listaPreciosDet)
    }
    formSubmit(){
        
        if(this.funcion == 'U')
else{
            this.listapreciosservice.crearListaPrecios([this.listaPrecios,this.listaPreciosDet])
            .subscribe(res => {
                if (res['status'] == 'susses'){
                    this.showInfo(res['mensaje']);
                }else{
                    this.showError(res['mensaje']);
                }
                this.botonsalir='Salir';
            });
             
        }
    }

    cancelar(){
        this.router.navigate(['listaPrecios']);
    }

    showInfo(mensaje:any) {
        this.msgs = [];
        this.msgs.push({severity:'success', summary:'Información', detail:mensaje});
    }
    showError(mensaje:any) {
        this.msgs = [];
        this.msgs.push({severity:'error', summary:'Error', detail:mensaje});
    }
}

{
            this.listapreciosservice.actualizarListaPrecios([this.listaPrecios,this.listaPreciosDet])
            .subscribe(res => {
                if (res['status'] == 'susses'){
                    this.showInfo(res['mensaje']);
                }else{
                    this.showError(res['mensaje']);
                }
                this.botonsalir='Salir';       
            });
        }