window.addEventListener("load",function(){

    //Creamos la tienda y cargamos los artículos del archivo tienda.js
    var t=new Tienda();
    t.cargarProductos(artículos);


    var productos=document.getElementById("articulos");


    //ABAJO
    function programar(codigo)
    {
        return function(){

            t.aniadirCarrito(codigo);
            pintarCarrito();
            console.log(t);
        }
    }


    var i;

    for(i in t.productos)
    {
        var fila=document.createElement("tr");

        var tdCodigo=document.createElement("td");
        var tdDescripcion=document.createElement("td");
        var tdPrecio=document.createElement("td");
        var tdAccion=document.createElement("td");

        //cREAMOS EL BOTON Y LE PONEMOS EL TEXTO
        var botonCompra=this.document.createElement("button");
        botonCompra.innerHTML="COMPRAR";

        //Determinamos que el codigo del texto, la descripcion y precio es:
        tdCodigo.innerHTML=i;
        tdDescripcion.innerHTML=t.productos[i].descripcion;
        tdPrecio.innerHTML=t.productos[i].precio;

        tdAccion.appendChild(botonCompra);

        //Le ponemos los td´s a las filas
        fila.appendChild(tdCodigo);
        fila.appendChild(tdDescripcion);
        fila.appendChild(tdPrecio);
        fila.appendChild(tdAccion);

        //llamamos a la funcion programar para
        botonCompra.onclick=programar(i);

        productos.appendChild(fila);

    }



    /**
     * Tabla del carrito
     */
    var carrito=document.getElementById("carrito");

    function pintarCarrito(){

        var i;

        carrito.innerHTML="";

        for(i in t.carrito)
        {
            var fila=carrito.insertRow(-1);

            var tdCodigo=fila.insertCell(-1);
            tdCodigo.innerHTML=i;

            var tdDescripcion=fila.insertCell(-1);
            tdDescripcion.innerHTML=t.productos[i].descripcion;

            var tdPrecio=fila.insertCell(-1);
            tdPrecio.innerHTML=t.productos[i].precio;

            var tdAccion=fila.insertCell(-1);
            var btnQuitar=document.createElement("button");
            btnQuitar.innerHTML="-";

            btnQuitar.onclick=function(codigo){
                return function(){
                    t.quitardelCarrito(codigo);
                    pintarCarrito();
                }
            }(i)

            var span=document.createElement("span");
            span.innerHTML=t.carrito[i];



            var botonAniadir=document.createElement("button");
            botonAniadir.innerHTML="+";
            botonAniadir.onclick=function(codigo){
                return function(){
                    t.aniadirCarrito(codigo);
                    pintarCarrito();
                }
            }(i);


            tdAccion.appendChild(btnQuitar);
            tdAccion.appendChild(span);
            tdAccion.appendChild(botonAniadir);
        }
        total.innerHTML=(t.total).toFixed(2)+ " euros";
    }



    var total=document.getElementById("total");

    window.addEventListener("keypress",function(ev){
        if(ev.keyCode==13){
            var respuesta=t.vender();
            var ventana=window.open("about:blank");

            ventana.document.documentElement.innerHTML="<h1>PRUEBAAA</h1>";
            ventana.print();

            pintarCarrito();
        }
    })






})