@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>Atenci&oacute;n</label>
                                                <select class="form-control" name="idatencion" id="idatencion" ng-model="model.idatencion"
                                                        ng-options="option.idatencion as option.atencion for option in atenciones" required>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3 ">
                                            <div class="form-group">
                                                <label>Medico</label>
                                                <select class="bs-select form-control" data-live-search="true" data-size="8" name="idmedico" id="idmedico" ng-model="model.idmedico"
                                                        ng-options="option.idmedico as option.nombre for option in medicos" required>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3 ">
                                            <div class="form-group">
                                                <label>Paciente</label>
                                                <select class="form-control" name="idpaciente" id="idpaciente" ng-model="model.idpaciente"
                                                        ng-options="option.idpaciente as option.nombre for option in pacientes" required>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-1 ">
                                            <div class="form-group">
                                                <label>Descuento</label>
                                                <input type="text" class="form-control" name="descuento" id="descuento" ng-model="model.descuento">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="containerD">
                                        <div class="col-md-12">
                                            <div class="col-md-3 ">
                                                <div class="form-group">
                                                    <label>An&aacute;lisis Cl&iacute;nicos / Servicios M&eacute;dicos</label>
                                                    <select class="form-control idservicio" name="idservicio[]" id="idservicio_0" onchange="carga_precios(this.value,0)">
                                                        <option value="">Elegir</option>
                                                        @foreach($servicios as $servicio)
                                                            <option value="{{$servicio->idservicio}}">{{$servicio->clave}} {{$servicio->nombre}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-2 ">
                                                <div class="form-group">
                                                    <label>Precio Unitario(*)</label>
                                                    <input type="text" class="form-control" style="text-align: right" name="precio[]" id="precio_0" disabled="true">
                                                </div>
                                            </div>
                                            <div class="col-md-2 ">
                                                <div class="form-group">
                                                    <label>Cantidad</label>
                                                    <input type="number" class="form-control" style="text-align: right" name="cantidad[]" id="cantidad_0" onchange="carga_totales(0)">
                                                </div>
                                            </div>
                                            <div class="col-md-2 ">
                                                <div class="form-group">
                                                    <label>Descuento</label>
                                                    <div class="row">
                                                        <div class="col-md-10"><input type="text" class="form-control" style="text-align: right" name="descuento[]" id="descuento_0" onchange="carga_totales(0)"></div>
                                                        <div class="col-md-2">%</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-2 ">
                                                <div class="form-group">
                                                    <label>Subtotal</label>
                                                    <input type="text" class="form-control" style="text-align: right" name="subtotal[]" id="subtotal_0" disabled="true">
                                                </div>
                                            </div>
                                            <div class="form-group col-md-1">
                                                <label>&nbsp;</label>
                                                <button type="button" class="add_form_field btn blue-hoki form-control"><i class="fa fa-plus-circle"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-7"></div>
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <label><i>Sub Total</i></label>
                                            </div>
                                        </div>
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <input type="text" class="form-control" style="text-align: right" value="0" name="subtotalanalisis" id="subtotalanalisis" disabled="true">
                                            </div>
                                        </div>
                                        <div class="form-group col-md-1"></div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-7"></div>
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <label><i>Iva</i></label>
                                            </div>
                                        </div>
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <input type="text" class="form-control" style="text-align: right" name="ivaanalisis" id="ivaanalisis" disabled="true">
                                            </div>
                                        </div>
                                        <div class="form-group col-md-1"></div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-7"></div>
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <label><strong><i>Total</i></strong></label>
                                            </div>
                                        </div>
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <input type="text" class="form-control" style="text-align: right" value="0" name="totalanalisis" id="totalanalisis" disabled="true">
                                            </div>
                                        </div>
                                        <div class="form-group col-md-1"></div>
                                    </div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="containerM">
                                        <div class="col-md-12">
                                            <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_precios_producto(this.value,0)">
                                                        <option value="">Elegir</option>
                                                        @foreach($productos as $producto)
                                                            <option value="{{$producto->idproducto}}">{{$producto->clave}} {{$producto->nombre}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-2 ">
                                                <div class="form-group">
                                                    <label>Precio Unitario(*)</label>
                                                    <input type="text" class="form-control" name="precio_producto[]" id="precio_producto_0" disabled="true">
                                                </div>
                                            </div>
                                            <div class="col-md-2 ">
                                                <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-2 ">
                                                <div class="form-group">
                                                    <label>Descuento</label>
                                                    <div class="row">
                                                        <div class="col-md-10"><input type="text" class="form-control" name="descuento_producto[]" id="descuento_producto_0" onchange="carga_totales_producto(0)"></div>
                                                        <div class="col-md-2">%</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-2 ">
                                                <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="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>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="col-md-7"></div>
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <label><i>Total</i></label>
                                            </div>
                                        </div>
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <input type="text" 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>
                                <hr>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-3"></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 class="col-md-2 ">
                                            <div class="form-group">
                                                <label><i><strong>Total</strong></i></label>
                                            </div>
                                        </div>
                                        <div class="col-md-2 ">
                                            <div class="form-group">
                                                <input type="text" class="form-control" style="text-align: right" name="total" value="0"  id="total" disabled="true">
                                            </div>
                                        </div>
                                        <div class="form-group col-md-1"></div>
                                    </div>
                                </div>
                            </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);
            $(add_button).click(function(e){
                e.preventDefault();
                id++;
                $(wrapper).append('<div class="col-md-12"><div class="col-md-3 "><div class="form-group"><label>An&aacute;lisis Cl&iacute;nicos / Servicios M&eacute;dicos</label><select class="form-control idservicio" name="idservicio[]" id="idservicio_'+id+'" onchange="carga_precios(this.value,'+id+')"><option value="">Elegir</option>@foreach($servicios as $servicio)<option value="{{$servicio->idservicio}}">{{$servicio->clave}} {{$servicio->nombre}}</option>@endforeach</select></div></div><div class="col-md-2 "><div class="form-group"><label>Precio Unitario(*)</label><input type="text" class="form-control" style="text-align: right" name="precio[]" id="precio_'+id+'" disabled="true"></div></div><div class="col-md-2 "><div class="form-group"><label>Cantidad</label><input type="number" class="form-control" style="text-align: right" name="cantidad[]" id="cantidad_'+id+'" onchange="carga_totales('+id+')"></div></div><div class="col-md-2 "><div class="form-group"><label>Descuento</label><div class="row"><div class="col-md-10"><input type="text" class="form-control" style="text-align: right" name="descuento[]" id="descuento_'+id+'" onchange="carga_totales('+id+')"></div><div class="col-md-2">%</div></div></div></div><div class="col-md-2 "><div class="form-group"><label>Subtotal</label><input type="text" class="form-control" style="text-align: right" name="subtotal[]" id="subtotal_'+id+'" disabled="true"></div></div><div class="form-group col-md-1"><label>&nbsp;</label><button type="button" class="delete btn red form-control"><i class="fa fa-minus-circle"></i></button></div></div>'); //add input box
            });

            $(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="col-md-3 "><div class="form-group"><label>M&eacute;dicamento</label><select class="form-control" name="idProducto[]" id="idproducto_'+idRenProducto+'" onchange="carga_precios_producto(this.value,'+idRenProducto+')"><option value="">Elegir</option>@foreach($productos as $producto)<option value="{{$producto->idproducto}}">{{$producto->clave}} {{$producto->nombre}}</option>@endforeach</select></div></div><div class="col-md-2 "><div class="form-group"><label>Precio Unitario(*)</label><input type="text" class="form-control" name="precio_producto[]" id="precio_producto_'+idRenProducto+'" disabled="true"></div></div><div class="col-md-2 "><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-2 "><div class="form-group"><label>Descuento</label><div class="row"><div class="col-md-10"><input type="text" class="form-control" name="descuento_producto[]" id="descuento_producto_'+idRenProducto+'" onchange="carga_totales_producto('+idRenProducto+')"></div><div class="col-md-2">%</div></div></div></div><div class="col-md-2 "><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="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>');
            });

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

        function carga_precios(idAnalisis,renglon) {
            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    precio = this.responseText;
                    document.getElementById("precio_"+renglon).value=(precio*1).toFixed(2);
                    if (document.getElementById("cantidad_"+renglon).value>0)
                    {
                        descuento = 0;
                        if (document.getElementById("descuento_"+renglon).value>0)
                            descuento = document.getElementById("descuento_"+renglon).value;
                        document.getElementById("subtotal_"+renglon).value=(precio*(1-(descuento/100))*document.getElementById("cantidad_"+renglon).value).toFixed(2);
                        carga_totales(renglon);
                    }
                }
            };
            xhttp.open("GET", "/servicios/"+idAnalisis, true);
            xhttp.send();
        }

        function carga_totales(renglon) {
            precio = (document.getElementById("precio_"+renglon).value*1).toFixed(2);
            if (document.getElementById("cantidad_"+renglon).value>0)
            {
                cantidad = document.getElementById("cantidad_"+renglon).value;
                descuento = 0;
                if (document.getElementById("descuento_"+renglon).value>0)
                    descuento = document.getElementById("descuento_"+renglon).value;

                document.getElementById("descuento_"+renglon).value=descuento;
                subtotal = (precio*(1-(descuento/100))*cantidad).toFixed(2);
                document.getElementById("subtotal_"+renglon).value=subtotal;
            }
            calcula_totales_servicios();
        }

        function calcula_totales_servicios() {
            precios = document.getElementsByName("subtotal[]");
            subtotal = 0;
            for(i=0;i<precios.length;i++)
            {
                subtotal = subtotal + (precios[i].value*1);
            }
            document.getElementById("subtotalanalisis").value=subtotal;
            document.getElementById("ivaanalisis").value=(subtotal*.16).toFixed(2);
            document.getElementById("totalanalisis").value=(subtotal*1.16).toFixed(2);
            calcula_totales();
        }

        function carga_precios_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;
                    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) {
            precio = document.getElementById("precio_producto_"+renglon).value;
            if (document.getElementById("cantidad_producto_"+renglon).value>0)
            {
                cantidad = document.getElementById("cantidad_producto_"+renglon).value;
                descuento = 0;
                if (document.getElementById("descuento_producto_"+renglon).value>0)
                    descuento = document.getElementById("descuento_producto_"+renglon).value;

                document.getElementById("descuento_producto_"+renglon).value=descuento;
                subtotal = precio*(1-(descuento/100))*cantidad;;
                document.getElementById("subtotal_producto_"+renglon).value=subtotal;
            }
            calcula_totales_producto();
        }

        function calcula_totales_producto() {
            precios = document.getElementsByName("subtotal_producto[]");
            subtotal = 0;
            for(i=0;i<precios.length;i++)
            {
                subtotal = subtotal + (precios[i].value*1);
            }
            document.getElementById("subtotalproductos").value=subtotal;
            calcula_totales();
        }

        function calcula_totales() {
            total_servicios = document.getElementById("totalanalisis").value;
            total_medicamentos = document.getElementById("subtotalproductos").value;
            //alert(total_servicios);
            //alert(total_medicamentos);
            subtotal = 0;
            if (total_servicios>0)
                subtotal = 1*total_servicios;
            if (total_medicamentos>0)
                subtotal = subtotal+(total_medicamentos*1);

            document.getElementById("total").value=(subtotal*1).toFixed(2);
        }

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

        bbapp.controller('FundacionCtrl', function ($scope, $http, $httpParamSerializerJQLike) {
            var vm = this;
            vm.model = {};
            $scope.model = {};
            $scope.atenciones = [];
            $scope.medicos = [];
            $scope.pacientes = [];
            $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.subtotalservicios = 0;
            $scope.model.subtotalmedicamento = 0;
            $scope.model.total = 0;
            $scope.model.iva = 0;

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

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

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

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

            $scope.guardaObjeto = function () {
                $("#loading").modal('show');

                $scope.model.subtotalservicios = document.getElementById("totalanalisis").value;
                $scope.model.iva = document.getElementById("ivaanalisis").value;
                $scope.model.subtotalmedicamento = document.getElementById("subtotalproductos").value;
                $scope.model.total = document.getElementById("total").value;
                var idservicios = document.getElementsByClassName("idservicio");

                var servicios = [];

                var indexServicios = 0;

                $.each(idservicios, function(key,objeto) {
                    console.log("AQUI ESTOY");
                    console.log(servicios);
                    console.log(key);
                    console.log(objeto);
                    var idObjeto = objeto.id;
                    console.log("IdObjeto");
                    console.log(idObjeto);
                    var id = idObjeto.replace("idservicio_","");
                    console.log(id);
                    var modeloServicios = {};
                    modeloServicios.idservicio = document.getElementById("idservicio_"+id).value;
                    modeloServicios.precioventa = document.getElementById("precio_"+id).value;
                    modeloServicios.cantidad = document.getElementById("cantidad_"+id).value;
                    modeloServicios.vendido = document.getElementById("cantidad_"+id).value;
                    modeloServicios.descuento = document.getElementById("descuento_"+id).value;

                    console.log(modeloServicios);

                    servicios[indexServicios]=modeloServicios;
                    indexServicios++;

                });

                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.precioventa = document.getElementById("precio_producto_"+id).value;
                    modeloProductos.cantidad = document.getElementById("cantidad_producto_"+id).value;
                    modeloProductos.vendido = document.getElementById("cantidad_producto_"+id).value;
                    modeloProductos.descuento = document.getElementById("descuento_producto_"+id).value;

                    console.log(modeloProductos);

                    productos[indexProductos]=modeloProductos;
                    indexProductos++;

                });

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

            };

            $scope.getAtencion();
            $scope.getMedicos();
            $scope.getPacientes();

        });

    </script>

@endsection