@extends('plantilla')
@section('header')

@endsection

@section('container')
    <div class="page-content-wrapper">
        <div class="row">
            <div class="col-md-12">
                <div class="portlet light portlet-fit portlet-form ">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="icon-bubble font-green"></i>
                            <span class="caption-subject font-green bold uppercase">Nueva Entrada al Inventario</span>
                        </div>
                    </div>
                    <div class="portlet-body">
                        <form name="frmDatos" role="form">
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group" ng-class="{ 'has-error' : frmDatos.tipo_entrada.$invalid }">
                                            <label for="phone">Tipo de Entrada</label>
                                            <p>
                                                <input type="radio" ng-model="model.tipo_entrada" name="tipo_entrada"
                                                       value="0" required> Donativo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <input type="radio" ng-model="model.tipo_entrada" name="tipo_entrada"
                                                       value="1" >Factura
                                            </p>
                                            <p ng-show="frmDatos.tpersona.$invalid" class="help-block">Campo requerido.</p>
                                        </div>
                                    </div>
                                    <div class="col-md-6" ng-if="model.tipo_entrada == '0'">
                                        <div class="form-group" ng-class="{ 'has-error' : frmDatos.tipo_entrada.$invalid }">
                                            <label for="phone">Tipo de Donativo</label>
                                            <p>
                                                <input type="radio" ng-model="model.tipo_donativo" name="tipo_donativo"
                                                       value="1" required> Con Recibo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <input type="radio" ng-model="model.tipo_donativo" name="tipo_donativo"
                                                       value="0" >Sin Recibo
                                            </p>
                                            <p ng-show="frmDatos.tpersona.$invalid" class="help-block">Campo requerido.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <label>Fecha</label>
                                                <input type="text" class="form-control" ng-model="model.fecha" name="fecha">
                                            </div>
                                        </div>
                                        <div class="col-md-1 ">
                                            <div class="form-group">
                                                <label>Usuario</label>
                                                <input type="text" class="form-control" name="idusuario" ng-model="model.idusuario" ng-disabled="true" >
                                            </div>
                                        </div>
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <label>Proveedor</label>
                                                <select class="form-control" name="idproveedor" id="idproveedor" ng-model="model.idproveedor"
                                                        ng-options="option.idproveedor as option.razonsocial for option in proveedores" required>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <label>Factura</label>
                                                <input type="text" class="form-control" name="factura" id="factura" ng-model="model.factura" required>
                                            </div>
                                        </div>
                                        <div class="col-md-5">
                                            <div class="form-group">
                                                <label>Observaciones</label>
                                                <textarea class="form-control" name="observaciones" id="observaciones"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="containerM">
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <label>M&eacute;dicamento</label>
                                                        <select class="form-control chosen-select idProducto" name="idProducto[]" id="idProducto_0" onchange="carga_producto(this.value,0)">
                                                            <option value="">Elegir</option>
                                                            @foreach($productos as $producto)
                                                                <option value="{{$producto->idproducto}}">{{$producto->nombre_comercial}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <label>Fecha de Caducidad</label>
                                                        <input class="form-control date-picker" name="fecha_caducidad[]" autocomplete="off" id="fecha_caducidad_0" size="16" type="text" value="">
                                                    </div>
                                                </div>
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <label>Lote *</label>
                                                        <input type="text" class="form-control" name="lote[]" id="lote_0" >
                                                    </div>
                                                </div>
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <label>Cantidad</label>
                                                        <input type="number" class="form-control" name="cantidad_producto[]" id="cantidad_producto_0" onchange="carga_totales_producto(0)">
                                                    </div>
                                                </div>
                                                <div class="col-md-1" ng-if="(model.tipo_entrada == '0' && model.tipo_donativo =='1') || model.tipo_entrada == '1'">
                                                    <div class="form-group">
                                                        <label>Costo</label>
                                                        <input type="text" class="form-control" name="costo_producto[]" id="costo_producto_0" onchange="carga_totales_producto(0)" >
                                                    </div>
                                                </div>
                                                <div class="col-md-1" ng-if="(model.tipo_entrada == '0' && model.tipo_donativo =='1') || model.tipo_entrada == '1'">
                                                    <div class="form-group">
                                                        <label>IVA</label>
                                                        <input type="text" class="form-control" name="iva_producto[]" id="iva_producto_0" disabled="true">
                                                    </div>
                                                </div>
                                                <div class="col-md-1" ng-if="(model.tipo_entrada == '0' && model.tipo_donativo =='1') || model.tipo_entrada == '1'">
                                                    <div class="form-group">
                                                        <label>Subtotal</label>
                                                        <input type="text" class="form-control" name="subtotal_producto[]" id="subtotal_producto_0"  disabled="true" >
                                                    </div>
                                                </div>
                                                <div class="col-md-1" ng-if="(model.tipo_entrada == '0' && model.tipo_donativo =='1') || model.tipo_entrada == '1'">
                                                    <div class="form-group">
                                                        <label>Total</label>
                                                        <input type="text" class="form-control" name="total_producto[]" id="total_producto_0"  disabled="true" >
                                                    </div>
                                                </div>


                                            </div>

                                            <div class="row">
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <label>Nombre Interno</label>
                                                        <input type="text" class="form-control" name="nombre_producto[]" id="nombre_producto_0" disabled="true">
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <label>Descripcion</label>
                                                        <input type="text" class="form-control" name="descripcion_producto[]" id="descripcion_producto_0" disabled="true">
                                                    </div>
                                                </div>
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <label>Cve Interna</label>
                                                        <input type="text" class="form-control" name="clave_interna_producto[]" id="clave_interna_producto_0" disabled="true">
                                                    </div>
                                                </div>
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <label>Cve SAT</label>
                                                        <input type="text" class="form-control" name="clave_sat_producto[]" id="clave_sat_producto_0" disabled="true">
                                                    </div>
                                                </div>
                                                <div class="col-md-1 ">
                                                    <div class="form-group">
                                                        <label>Existencia </label>
                                                        <input type="text" class="form-control" name="existencia_producto[]" id="existencia_producto_0" disabled="true">
                                                    </div>
                                                </div>
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <label>Precio</label>
                                                        <input type="text" class="form-control" name="precio_producto[]" id="precio_producto_0" ng-disabled="'6' == ''(model.tipo_entrada == '0' && model.tipo_donativo =='0')">
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-1">
                                                    <label>&nbsp;</label>
                                                    <button type="button" class="add_form_field_producto btn blue-hoki form-control"><i class="fa fa-plus-circle"></i></button>
                                                </div>
                                            </div>
                                            <hr>

                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-8"></div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label><strong><i>Subtotal Factura</i></strong></label>
                                            </div>
                                        </div>
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <input type="text" ng-model="model.subtotal" class="form-control" style="text-align: right" name="subtotalproductos" value="0" id="subtotalproductos" disabled="true">
                                            </div>
                                        </div>
                                        <div class="form-group col-md-1"></div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-8"></div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label ng-show="model.iva_general==0"><i>Sin Iva</i></label>
                                                <label ng-show="model.iva_general==1"><i>Iva Tasa 0%</i></label>
                                                <label ng-show="model.iva_general==2"><i>Iva 16%</i></label>
                                            </div>
                                        </div>
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <input type="text" ng-model="model.iva" class="form-control" style="text-align: right" name="ivaproductos" value="0" id="ivaproductos" disabled="true">
                                            </div>
                                        </div>
                                        <div class="form-group col-md-1"></div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-8"></div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label><strong><i>Total Factura</i></strong></label>
                                            </div>
                                        </div>
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <input type="text" ng-model="model.total" class="form-control" style="text-align: right" name="totalproductos" value="0" id="totalproductos" disabled="true">
                                            </div>
                                        </div>
                                        <div class="form-group col-md-1"></div>
                                    </div>
                                </div>
                                <hr>

                            </div>
                            <div class="form-actions">
                                <div class="row">
                                    <div class="col-md-offset-3 col-md-9">
                                        <button type="submit" class="btn blue" id="button-save" ng-click="guardaObjeto()" >Dar de Alta</button>
                                        <a href="/servicio" class="btn default">Cancelar</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

<p id="demo"></p>
@endsection

@section('footer')

    <script>
        $(document).ready(function () {
            var id=0;
            var idRenProducto=0;
            $('[data-toggle="tooltip"]').tooltip();
            var nombreContenedor = ".containerD";
            var nombreBoton = ".add_form_field";
            var wrapper         = $(nombreContenedor);
            var add_button      = $(nombreBoton);


            $(wrapper).on("click",".delete", function(e){
                e.preventDefault(); $(this).parent('div').parent('div').remove(); x--;
                calcula_totales();
            })

            var nombreContenedorProducto = ".containerM";
            var nombreBotonProducto      = ".add_form_field_producto";
            var wrapperProducto          = $(nombreContenedorProducto);
            var add_buttonProducto       = $(nombreBotonProducto);
            $(add_buttonProducto).click(function(e){
                e.preventDefault();
                idRenProducto++;
                $(wrapperProducto).append('<div class="containerM"><div class="col-md-12"><div class="row"><div class="col-md-3"><div class="form-group"><label>M&eacute;dicamento</label><select class="form-control idProducto" name="idProducto[]" id="idProducto_'+idRenProducto+'"" onchange="carga_producto(this.value,'+idRenProducto+')"><option value="">Elegir</option>@foreach($productos as $producto)<option value="{{$producto->idproducto}}">{{$producto->nombre_comercial}}</option>@endforeach</select></div></div><div class="col-md-2"><div class="form-group"><label>Fecha de Caducidad</label><input class="form-control date-picker" name="fecha_caducidad[]" autocomplete="off" id="fecha_caducidad_'+idRenProducto+'"" size="16" type="text" value=""></div></div><div class="col-md-1"><div class="form-group"><label>Lote</label><input type="text" class="form-control" name="lote[]" id="lote_'+idRenProducto+'"" ></div></div><div class="col-md-1"><div class="form-group"><label>Cantidad</label><input type="number" class="form-control" name="cantidad_producto[]" id="cantidad_producto_'+idRenProducto+'"" onchange="carga_totales_producto('+idRenProducto+')"></div></div><div class="col-md-1"><div class="form-group"><label>Costo</label><input type="text" class="form-control" name="costo_producto[]" id="costo_producto_'+idRenProducto+'"" onchange="carga_totales_producto('+idRenProducto+')" ></div></div><div class="col-md-1"><div class="form-group"><label>IVA</label><input type="text" class="form-control" name="iva_producto[]" id="iva_producto_'+idRenProducto+'"" disabled="true"></div></div><div class="col-md-1"><div class="form-group"><label>Subtotal</label><input type="text" class="form-control" name="subtotal_producto[]" id="subtotal_producto_'+idRenProducto+'""  disabled="true" ></div></div><div class="col-md-1"><div class="form-group"><label>Total</label><input type="text" class="form-control" name="total_producto[]" id="total_producto_'+idRenProducto+'""  disabled="true" ></div></div></div><div class="row"><div class="col-md-3"><div class="form-group"><label>Nombre Interno</label><input type="text" class="form-control" name="nombre_producto[]" id="nombre_producto_'+idRenProducto+'"" disabled="true"></div></div><div class="col-md-3"><div class="form-group"><label>Descripcion</label><input type="text" class="form-control" name="descripcion_producto[]" id="descripcion_producto_'+idRenProducto+'"" disabled="true"></div></div><div class="col-md-1"><div class="form-group"><label>Cve Interna</label><input type="text" class="form-control" name="clave_interna_producto[]" id="clave_interna_producto_'+idRenProducto+'"" disabled="true"></div></div><div class="col-md-1"><div class="form-group"><label>Cve SAT</label><input type="text" class="form-control" name="clave_sat_producto[]" id="clave_sat_producto_'+idRenProducto+'"" disabled="true"></div></div><div class="col-md-1 "><div class="form-group"><label>Existencia </label><input type="text" class="form-control" name="existencia_producto[]" id="existencia_producto_'+idRenProducto+'"" disabled="true"></div></div><div class="col-md-1 "><div class="form-group"><label>Precio</label><input type="text" class="form-control" name="precio_producto[]" id="precio_producto_'+idRenProducto+'""></div></div><div class="form-group col-md-1"><label>&nbsp;</label><button type="button" class="deleteProducto btn red form-control"><i class="fa fa-minus-circle"></i></button></div></div><hr></div></div>');

            });

            $(wrapperProducto).on("click",".deleteProducto", function(e){
                e.preventDefault(); $(this).parent('div').parent('div').parent('div').remove(); x--;
            })
        });
        $("#btnRegresar").hide();

        function carga_producto(idProd,renglon) {
            console.log("AUI ENTRO");
            var tipo_entrada = document.getElementsByName("tipo_entrada");
            console.log(tipo_entrada);
            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    productoT = JSON.parse(this.responseText);
                    producto = productoT["producto"];
                    console.log(producto);
                    precio = producto.precio;
                    document.getElementById("precio_producto_"+renglon).value=precio;
                    document.getElementById("nombre_producto_"+renglon).value=producto.nombre;
                    document.getElementById("clave_sat_producto_"+renglon).value=producto.clave_sat;
                    document.getElementById("descripcion_producto_"+renglon).value=producto.descripcion;
                    document.getElementById("clave_interna_producto_"+renglon).value=producto.clave;
                    document.getElementById("clave_sat_producto_"+renglon).value=producto.clave_sat;
                    if (producto.aplica_iva==0 || producto.aplica_iva==1)
                        document.getElementById("iva_producto_"+renglon).value=0;
                    else
                        document.getElementById("iva_producto_"+renglon).value=16;

                    if (document.getElementById("cantidad_producto_"+renglon).value>0)
                    {
                        iva = 0;
                        if (document.getElementById("iva_producto_"+renglon).value>0)
                            iva = document.getElementById("iva_producto_"+renglon).value;
                        document.getElementById("subtotal_producto_"+renglon).value=precio*(1+(iva/100))*document.getElementById("cantidad_producto_"+renglon).value;
                        carga_totales_producto(renglon);
                    }

                }
            };
            xhttp.open("GET", "/productos/"+idProd, true);
            xhttp.send();
        }

        function carga_totales_producto(renglon) {
            costo = document.getElementById("costo_producto_"+renglon).value;
            iva = document.getElementById("iva_producto_"+renglon).value;
            if (document.getElementById("cantidad_producto_"+renglon).value>0)
            {
                cantidad = document.getElementById("cantidad_producto_"+renglon).value;
                console.log(cantidad);
                subtotal = costo*cantidad;
                console.log(subtotal);
                document.getElementById("subtotal_producto_"+renglon).value=subtotal;
                document.getElementById("total_producto_"+renglon).value=(subtotal*(1+(iva/100))).toFixed(2);

            }
            calcula_totales();
        }


        function calcula_totales() {
            costos_productos = document.getElementsByName("total_producto[]");
            subtotal = 0;
            ivas = 0;
            total = 0;
            for(i=0;i<costos_productos.length;i++)
            {
                nombre = costos_productos[i].id;
                id = nombre.replace("total_producto_","");
                subtotal = subtotal + document.getElementById("subtotal_producto_"+id).value*1;
                ivas = ivas + document.getElementById("iva_producto_"+id).value*1;
                total = total + document.getElementById("total_producto_"+id).value*1;
            }
            console.log(subtotal);
            console.log(ivas);
            console.log(total);
            document.getElementById("subtotalproductos").value=(subtotal).toFixed(2);
            document.getElementById("ivaproductos").value=(ivas).toFixed(2);
            document.getElementById("totalproductos").value=(total).toFixed(2);
        }

        var bbapp = angular.module('bbapp', ['ui.mask']);

        bbapp.controller('FundacionCtrl', function ($scope, $http, $httpParamSerializerJQLike) {
            var vm = this;
            vm.model = {};
            $scope.model = {};
            $scope.proveedores = [];
            $scope.status = [
                {id: 1, text:'Activo'},
                {id: 0, text:'Baja'}
            ];
            $scope.model.idusuario ="{{(Auth::user())?Auth::user()->name:'1'}}";
            $scope.model.fecha = "{{ date('Y-m-d h:i:s')}}";
            $scope.model.subtotal = 0;
            $scope.model.total = 0;
            $scope.ivas = [
                {id: 0, text:'Sin Iva'},
                {id: 1, text:'Tasa 0%'},
                {id: 2, text:'Iva 16%'}
            ];
            $scope.model.iva = 0;

            $scope.getProveedores = function () {
                $http({
                    method: 'GET',
                    url: '/api/catalogos/Proveedores'
                }).then(function (response) {
                    $scope.proveedores = response.data;
                }, function (error) {
                    console.log("Entre 2");
                    console.log(error);
                });
            };

            $scope.doTheBack = function () {
                window.history.back();
            };

            $scope.guardaObjeto = function () {
                $("#loading").modal('show');
                $('#button-save').prop("disabled", true);

                var idsproductos = document.getElementsByClassName("idProducto");

                console.log("PRODUCTOS  ");
                console.log(idsproductos);

                var productos = [];

                var indexProductos = 0;

                $.each(idsproductos, function(key,objeto) {
                    console.log("AQUI ESTOY");
                    console.log(productos);
                    console.log(key);
                    console.log(objeto);
                    var idObjeto = objeto.id;
                    console.log("IdObjeto");
                    console.log(idObjeto);
                    var id = idObjeto.replace("idProducto_","");
                    console.log(id);
                    var modeloProductos = {};
                    modeloProductos.idproducto = document.getElementById("idProducto_"+id).value;
                    modeloProductos.costo = document.getElementById("costo_producto_"+id).value;
                    modeloProductos.cantidad = document.getElementById("cantidad_producto_"+id).value;
                    modeloProductos.precio = document.getElementById("precio_producto_"+id).value;
                    modeloProductos.total = document.getElementById("total_producto_"+id).value;
                    modeloProductos.lote = document.getElementById("lote_"+id).value;
                    modeloProductos.fecha_caducidad = document.getElementById("fecha_caducidad_"+id).value;

                    console.log(modeloProductos);

                    productos[indexProductos]=modeloProductos;
                    indexProductos++;

                });

                $scope.model.productos = productos;

                console.log($scope.model);
                var config = {
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'
                    }
                };

                $objData = $httpParamSerializerJQLike($scope.model);
                $objData = $scope.model;

                $ruta = '/api/entradas/guardarentrada';
                console.log($ruta);
                axios.post($ruta, $objData).then(function (response) {
                    console.log("TODO OK");
                    window.location = "/inventario/entradas";
                }, function (error) {
                    console.log("HAY ERROR");
                    console.log(error);
                });

            };

            $scope.getProveedores();

        });

        $("body").on('click', '.date-picker', function() {
            $(this).css("border-color","blue");
            $(this).datepicker({
                format: "dd/mm/yyyy",
                startView: 0,
                autoclose: true
            });
            $(this).datepicker('show');
        });

    </script>

@endsection