@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">Nuevo Orden de Servicio</span>
                        </div>
                    </div>
                    <div class="portlet-body">
                        <form role="form">
                            <div class="form-body">
                                <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" ng-disabled="true">
                                            </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-1 ">
                                            <div class="form-group">
                                                <label>Con Iva</label>
                                                <input type="checkbox" class="form-control" name="aplicaiva" id="aplicaiva" ng-model="model.aplicaiva" onchange="calcula_totales()" >
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <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 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-2">
                                                    <div class="form-group">
                                                        <label>Lote</label>
                                                        <input type="number" class="form-control" name="lote[]" id="lote_0" >
                                                    </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_0" onchange="carga_totales_producto(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">
                                                    <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 class="col-md-1 ">
                                                    <div class="form-group">
                                                        <label>Precio</label>
                                                        <input type="text" class="form-control" name="precio_producto[]" id="precio_producto_0">
                                                    </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-4">
                                                    <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="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><strong><i>Iva</i></strong></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" 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--;
            })

            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="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" autocomplete="off" name="fecha_caducidad[]" id="fecha_caducidad_'+idRenProducto+'"  size="16" type="text" value=""></div></div><div class="col-md-2"><div class="form-group"><label>Lote</label><input type="number" class="form-control" name="lote[]" id="lote_'+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>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>Total</label><input type="text" class="form-control" name="total_producto[]" id="total_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><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-4"><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-grofup"><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="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>');
            });

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

        function carga_producto(idProd,renglon) {
            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    producto = JSON.parse(this.responseText);
                    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_producto_"+renglon).value=producto.clave;

                    if (document.getElementById("cantidad_producto_"+renglon).value>0)
                    {
                        descuento = 0;
                        if (document.getElementById("descuento_producto_"+renglon).value>0)
                            descuento = document.getElementById("descuento_producto_"+renglon).value;
                        document.getElementById("subtotal_producto_"+renglon).value=precio*(1-(descuento/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;
            console.log(costo);
            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("total_producto_"+renglon).value=subtotal;
            }
            calcula_totales();
        }


        function calcula_totales() {
            costos_productos = document.getElementsByName("total_producto[]");
            subtotal = 0;
            for(i=0;i<costos_productos.length;i++)
            {
                subtotal = subtotal + (costos_productos[i].value*1);
            }
            document.getElementById("subtotalproductos").value=subtotal;
            console.log(document.getElementById("aplicaiva").checked);
            if(document.getElementById("aplicaiva").checked)
            {
                document.getElementById("ivaproductos").value=(subtotal*.16).toFixed(2);
                document.getElementById("totalproductos").value=(subtotal*1.16).toFixed(2);
            }
            else
            {
                document.getElementById("ivaproductos").value=0;
                document.getElementById("totalproductos").value=subtotal;
            }
        }

        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.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');

                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.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/nuevo';
                console.log($ruta);
                axios.post($ruta, $objData).then(function (response) {
                    console.log("TODO OK");
                    window.location = "/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