@extends('template.layoutAdmin', ['activeButton'=>'inventario'])

@section('style')
  <style media="screen">
  .pagination{
    display:inline-block;
    padding-left:0;
    margin: 10px 0 -10px 0;
  }
  .pagination>li{
    display:inline
  }
  .pagination li a,.pagination li span{
    position:relative;
    float:left;
    padding:6px 12px;
    margin: 0 -1px 0 -1px;
    line-height:1.42857143;
    color:#337ab7;
    text-decoration:none;
    background-color:#fff;
    border:1px solid #ddd
  }
  .pagination li:first-child a,.pagination li:first-child span{
    margin-left:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
  }
  .pagination li:last-child a,.pagination li:last-child span{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
  }
  .pagination li a:focus,.pagination li a:hover,.pagination li span:focus,.pagination li span:hover{
    z-index:2;
    color:#23527c;
    background-color:#eee!important;
    border-color:#eee;
  }
  .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
    z-index:3;
    color:#fff;
    cursor:default;
    background-color:#337ab7!important;
    border-color:#337ab7;
  }
  .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{
    color:#777;
    cursor:not-allowed;
    background-color:#fff;
    border-color:#ddd
  }
  .pagination-lg li a,.pagination-lg li span{
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333
  }
  .pagination-lg li:first-child>a,.pagination-lg li:first-child span{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
  }
  .pagination-lg li:last-child a,.pagination-lg li:last-child span{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px
  }
  </style>
@endsection

@section('title')
{{  trans('inventario.inventario') }}
@endsection

@section('cabecera')
 
      <h1>
        {{  trans('inventario.inventarios') }}

        <small>{{ trans('inventario.mensajeAyuda') }}</small>
      </h1>

@endsection

@section('contenido')
    <div class="row">
        <div class="col-12">
            @if(Session::has('message'))
                <div class="alert alert-success alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    😉 {{Session::get('message')}} 😉
                </div>
            @endif
            @if(Session::has('message_error'))
                <div class="alert alert-danger alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    😓 {{Session::get('message_error')}} 😒
                </div>
            @endif
        </div>
        <div class="col-12">
            <div class="box">
                <div class="box-header with-border">
                    <div class="row">

                        <div class="col-md-6">
                            <h3 class="box-title"> {{  trans('inventario.lista_de_inventarios') }} </h3>
                        </div>
                        <div class="col-md-6 text-right">
                            <a  href="javascript:;" data-toggle="modal" data-target="#crearProceso" class="btn btn-info" data-toggle="tooltip">
                                {{  trans('inventario.procesos') }}
                            </a>
                            @if(request()->all() != null)
                                <a href="{{route('inventarios.index')}}" class="btn btn-danger"><i class="fa fa-trash"></i></a>
                            @endif
                            <a class="btn btn-info" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                                <i class="fa fa-filter" aria-hidden="true"></i>
                            </a>
                            <a class="btn btn-info"  href="{{route('inventarios.create')}}">
                                <i class="fa fa-plus"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <div class="col-12">
                        <div class="collapse" id="collapseExample">
                            <div class="card card-body">
                                <form action="" method="get">

                                    <div class="row">
                                        <div class="col-2"></div>
                                        <div class="col-4">
                                            <div class="form-group">
                                                <label for="nombre"> {{  trans('inventario.nombre') }} </label>
                                                <input type="text"
                                                    name="nombre"
                                                    class="form-control"
                                                    autocomplete="off"
                                                    placeholder="{{  trans('inventario.nombre') }}">
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-group">
                                                <label for="idTipoT"> {{  trans('inventario.tipo_de_pedido') }} </label>
                                                <select name="idTipoT" id="idTipoT"  class="form-control">
                                                    <option value="" disabled selected> {{  trans('inventario.seleccionar') }} </option>
                                                    <option value="1"> {{  trans('inventario.activo') }} </option>
                                                    <option value="2"> {{  trans('inventario.inactivo') }}</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-2"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-2"></div>
                                        <div class="col-4">
                                            <div class="form-group">
                                                <label for="buscarCategoria"> {{  trans('tags.buscarCategoria') }}</label>
                                                <select name="buscarCategoria" class="form-control" id="buscarCategoria">
                                                  <option selected value="0">{{  trans('inventario.seleccione') }}</option>
                                                  @foreach ($tags as $tag)
                                                      <option value="{{$tag->idTag}}">{{$tag->nombre}}</option>
                                                  @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-4">
                                        </div>
                                        <div class="col-2"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 text-center">
                                            <input type="submit" class="btn btn-info btn-sm" value="Buscar">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <table class="table table-bordered table-responsive" id="tbActualizar">
                        <thead>
                          <tr>
                            {{-- <th class="text-center">ID</th> --}}
                            <th class="text-center"> {{  trans('inventario.nombre') }}</th>
                            <th class="text-center"> {{  trans('inventario.descripcion_') }}</th>
                            <th class="text-center"> {{  trans('inventario.existencia_unidad') }}</th>
                            <th class="text-center"> {{  trans('inventario.existencia_paquete') }}</th>
                            <th class="text-center"> {{  trans('inventario.valor') }}</th>
                            <th class="text-center"> {{  trans('inventario.valorTotal') }}</th>
                            <th class="text-center"> {{  trans('inventario.estado') }}</th>
                            <th class="text-center"> {{  trans('inventario.opciones') }}</th>
                          </tr>
                        </thead>
                        <tbody>
                            @if(count($inventarios)> 0)
                                @foreach($inventarios as $inventario)
                                <tr>
                                    <td class="text-center">{{$inventario->presentacion}}</td>
                                    <td class="text-center">{{$inventario->descripcion}}</td>
                                    <td class="text-center"><span class="badge" style="background:{{$inventario->existenciaUnidad < 0?'red':'green'}}">{{$inventario->existenciaUnidad}}</span></td>
                                    @if (isset($inventario->funUnidad))
                                    <td class="text-center"><span class="badge" style="background:{{$inventario->existenciaPaq <= $inventario->min_stock?'red':'green'}}">{{round($inventario->existenciaPaq, 2).' '.($inventario->fraccionado == 0? $inventario->funForma->nombre:$inventario->funUnidad->nombre)}}</span></td>
                                    @else
                                    <td class="text-center"><span class="badge" style="background:{{$inventario->existenciaPaq <= $inventario->min_stock?'red':'green'}}">{{round($inventario->existenciaPaq, 2).' '.($inventario->fraccionado == 0 ? "" : "")}}</span></td>
                                    @endif
                                    <td class="text-center">
                                        <a href="Javascript:;" onclick="showRangos({{$inventario->idInventario}})">{{App\Helpers\monedaH::getCurrentSimbol()}} {{$precioTotal[$inventario->idInventario]}}</a> 
                                    </td>
                                    <td class="text-center">
                                        <span>{{App\Helpers\monedaH::getCurrentSimbol()}} {{$precioTotalProductoConjunto[$inventario->idInventario]}}</span> 
                                    </td>
                                    <td class="text-center">
                                        @if ($inventario->state == 1)
                                            <a href="javaScript:;" onclick="cambiarEstado({{$inventario->idInventario}},1)">
                                                <span class="badge" style="background:green">{{ trans('inventario.activo') }}</span>
                                            </a>
                                        @elseif($inventario->state == 0)
                                            <a href="javaScript:;" onclick="cambiarEstado({{$inventario->idInventario}},0)">
                                                <span class="badge" style="background:rgb(209, 23, 23)"> {{  trans('inventario.inactivo') }}</span>
                                            </a>
                                        @endif
                                        @if ($inventario->state == 3)
                                            <span class="badge" style="background:rgb(96, 7, 168)" > {{  trans('inventario.agotado') }}</span>
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        <form action="{{ route('inventarios.destroy',$inventario->idInventario) }}" method="POST">
                                            @csrf
                                            @method('PUT')
                                            <button class="btn btn-danger"  type="submit"><i class="fa fa-trash"></i></button>
                                            <a    href="{{ route('inventarios.editar', ['idInventario'=>$inventario->idInventario]) }}" class="btn btn-info"><i class="fa fa-eye"></i></a>
                                        </form>
                                    </td>
                                </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td class="text-center" colspan="7"> {{  trans('inventario.no_hay_registros_') }}</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>

                {{---Modal Editar--}}
                <div class="modal fade" id="editarInventario" tabindex="-1" role="dialog" aria-labelledby="editarInventarioLabel" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="editarUnidadLabel"> {{  trans('inventario.editar_unidad') }}</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <form id="formUnidadE" action="post">
                                    <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>

                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="nombreE"> {{  trans('inventario.nombre') }}<span class="text-danger">*</span></label>
                                                <input type="text" name="nombreE" id="nombreE" class="form-control" required onkeyup="slugCat(this.value, 2)" placeholder="Nombre">
                                                <input type="hidden" name="idUnidad" id="idUnidad">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="descripcionE"> {{  trans('inventario.descripcion_') }}</label>
                                                <input type="text" name="descripcionE" class="form-control" id="descripcionE" required autocomplete="off" placeholder="Descripción">
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="modal-footer text-center">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal"> {{  trans('inventario.cerrar') }}</button>
                                <button onclick="actualizarUnidad()" type="button" class="btn" style="background: #DB3920;color:#FFF;" > {{  trans('inventario.guardar') }}</button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
<div class="row">
    <div class="col-12">
        <div class="box">
            <div class="box-header with-border">
                <div class="row">
                    <div class="col-md-12 text-right">
                        <h4>Valor total del inventario:
                            {{App\Helpers\monedaH::getCurrentSimbol()}} {{$precioTotalTodo}}
                        </h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


    {{-- Ver Rangos de Precios --}}
    <div class="modal fade" id="verRangos" tabindex="-1" role="dialog" aria-labelledby="verRangosLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="verRangosLabel">
                        {{  trans('inventario.rangosPrecios') }}
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                
                <div class="modal-body">
                    <div class="col-md-12">
                        <table class="table table-bordered table-responsive">
                            <thead class="text-center">
                                <tr>
                                    <th class="text-center"> {{  trans('inventario.valor') }}</th>
                                    <th class="text-center"> {{  trans('inventario.cantidad') }}</th>
                                    <th class="text-center"> {{  trans('inventario.cantidadDisponible') }}</th>
                                    <th class="text-center"> Sub Total</th>
                                    <th class="text-center"> {{  trans('inventario.estado') }}</th>
                                </tr>
                            </thead>
                            <tbody id="rangosPrecios">
    
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer text-center">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal"> {{  trans('inventario.cerrar') }}</button>
                </div>
            </div>
        </div>
    </div>

    {{-- Ver Rangos de Precios --}}
    <div class="modal fade" id="crearProceso" tabindex="-1" role="dialog" aria-labelledby="crearProcesoLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="crearProcesoLabel">
                        {{  trans('inventario.nuevoProceso') }}
                    </h5>
                    <button type="button" class="close"  onclick="cerrarAgregarProceso()" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="formProcesos" action="" method="POST">
                        <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="subRecetaProcesar"> {{  trans('inventario.procesoPreparar') }}  <span class="text-danger">*</span></label>
                                    <br>
                                    <select class="mi-selector form-control" name="subRecetaProcesar" id="subRecetaProcesar" required onchange="getSubReceta(this.value)">
                                        <option value="-1" selected> {{  trans('productos.seleccioneProducto') }} </option>
                                        @foreach ($subrecetas as $subreceta)
                                            <option value="{{$subreceta->idSubReceta}}">{{$subreceta->nombre}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="rendimiento"> {{  trans('subRecetas.rendimiento') }}</label>
                                    <br>
                                    <span id="rendimiento"></span>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="unidadMedidaInv"> {{  trans('subRecetas.unidadMedida') }}</label>
                                    <br>
                                    <span id="unidadMedidaInv"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row" id="LabelProducir">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="producirSubReceta">
                                        {{  trans('inventario.producirSubReceta') }}
                                        <span class="text-danger">*</span></label>
                                        <input type="number" name="producirSubReceta" id="producirSubReceta" class="form-control"  required onchange="valorTotal()">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="produccionTotal"> {{  trans('inventario.produccionTotal') }} </label>
                                    <br>
                                    <span id="produccionTotal"></span>
                                </div>
                            </div> 
                        </div>
                        <div class="row" id="LabelEntradaSalida">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="producirSubReceta"> {{  trans('inventario.salidas') }}</label>
                                    <textarea name="descripcionSalida" id="descripcionSalida" cols="5" rows="7" class="form-control"
                                    required disabled></textarea>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="produccionTotal"> {{  trans('inventario.entradas') }} </label>
                                    <textarea name="descripcionEntrada" id="descripcionEntrada" cols="5" rows="7" class="form-control"
                                    required disabled></textarea>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer text-center">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="cerrarAgregarProceso()"> {{  trans('inventario.cerrar') }}</button>
                    <button type="button" class="btn btn-info" id="buttonSave" onclick="enviarProceso()"> {{  trans('inventario.guardar') }}</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
  <script type="text/javascript">

    document.addEventListener('DOMContentLoaded', () => {
        document.querySelectorAll('input[type=number]').forEach( node => node.addEventListener('keypress', e => {
            if(e.keyCode == 13) {
                e.preventDefault();
            }
        }))
    });

    var idSubReceta = 0;
    var salidas = [];
    var entradas = [];
    jQuery(document).ready(function($){
        $(document).ready(function() {
            $('.mi-selector').select2();
            $("#LabelProducir").fadeOut();
            $("#LabelEntradaSalida").fadeOut();
            $("#buttonSave").fadeOut();
        });
    });

    $( document ).ready(function() {
      $( "#fechaInicio" ).datepicker({format: 'dd/mm/yyyy'});
      //$("#fechaInicio").datepicker
      $( "#fechaFinal" ).datepicker({format: 'dd/mm/yyyy'});
    });

    function cambiarEstado(idInventario,state){
        var data={
            'idInventario':idInventario,
            'estado':state
        }
        var host="{{$_SERVER["HTTP_HOST"]}}";
        $.ajax({
                url: UrlHost_+"/administrator/inventarios/cambiarEstado",
                data: data,
                type: 'post',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend:function(){
                    swal({
                            title:  "{{  trans('inventario.cargando') }}",
                            text:  "{{  trans('inventario.ya_se_esta_actualizando') }}",
                            showConfirmButton: false
                        });
                },
                success:function(response){
                    if(response.code==200){
                        swal.close();
                        $("#tbActualizar").load(location.href+" #tbActualizar>*","");
                        ;
                    }else{
                        swal({
                            title: "Error",
                            text: "{{  trans('inventario.error_al_actualizar_el_estado') }}",
                            showConfirmButton: false
                        });
                    }
                }
        });


    }

    function abrirEditar(idInventario){
        var idInventario={
            'idInventario':idInventario
        }
        var host = "{{$_SERVER["HTTP_HOST"]}}";
        $.ajax({
            url: UrlHost_+"/administrator/inventarios/editar",
                data: idInventario,
                type: 'post',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                 },
                 beforeSend:function(){
                    swal({
                        title:  "{{  trans('inventario.cargando') }}",
                        text:  "{{  trans('inventario.buscando_inventario_en_el_servidor') }}",
                        showConfirmButton: false
                    });

                 },
                 success:function(response){
                     if(response.code==200){
                        swal.close()
                        $('#editarInventario').modal('show');
                     }

                 }


            });

    }

    function showRangos(idInventario)
    {
        var host = "{{$_SERVER["HTTP_HOST"]}}";
        $.ajax({
            url: UrlHost_+"/administrator/inventarios/showRangos",
            data: {
                idInventario: idInventario
            },
            type: 'post',
            dataType: 'json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            /* beforeSend: function () {
                swal({
                    title: "Cargando...",
                    text: "Espere un momento",
                    showConfirmButton: false
                });
            }, */
            success: function(response){
                if (response.code == 200) {
                    $('#rangosPrecios').empty();
                    if (response.data == '') {
                        $('#rangosPrecios').append(
                            '<tr>'+
                                '<td class="text-center" colspan="4"> {{  trans('inventario.no_hay_rangos') }}</td>'+
                            '</tr>'
                        );
                    } else {
                        let valorTotalTodos = 0
                        $.each(response.data, function(p, data){
                            valorTotalTodos += (data.valorUnidad * data.catidadFree);
                            if(data.stateRango == 1)
                            {
                                $('#rangosPrecios').append(
                                    '<tr>'+
                                        '<td class="text-center"> {{App\Helpers\monedaH::getCurrentSimbol()}} '+Math.round(data.valorUnidad * 100) / 100+'</td>'+
                                        '<td class="text-center">'+data.catidad+'</td>'+
                                        '<td class="text-center">'+data.catidadFree+'</td>'+
                                        '<td class="text-center"> {{App\Helpers\monedaH::getCurrentSimbol()}}' + Math.round(data.valorUnidad * data.catidadFree * 100) / 100 + '</td>'+
                                        '<td class="text-center"><span class="badge" style="background:green" ><i class="fa fa-check-circle fa-2x"></i></span></td>'+
                                    '</tr>'
                                );
                            }else{
                                $('#rangosPrecios').append(
                                    '<tr>'+
                                        '<td class="text-center"> {{App\Helpers\monedaH::getCurrentSimbol()}} '+Math.round(data.valorUnidad * 100) / 100+'</td>'+
                                        '<td class="text-center">'+data.catidad+'</td>'+
                                        '<td class="text-center">'+data.catidadFree+'</td>'+
                                        '<td class="text-center"> {{App\Helpers\monedaH::getCurrentSimbol()}} ' + Math.round(data.valorUnidad * data.catidadFree * 100) / 100 + '</td>'+
                                        '<td class="text-center"><span class="badge" style="background:rgb(15, 46, 105)" ><i class="fa fa-circle fa-2x"></i></span></td>'+
                                    '</tr>'
                                );
                            }
                        });
                                $('#rangosPrecios').append(
                                    '<tr>'+
                                        '<th class="text-right" colspan="3">Total de Precios:</th>'+
                                        '<th class="text-center"> {{App\Helpers\monedaH::getCurrentSimbol()}} ' + Math.round(valorTotalTodos * 100) / 100 + '</th>'+
                                        '<th class="text-center"></th>'+
                                    '</tr>'
                                );
                    }
                                 $('#verRangos').modal();
                }else{
                    swal("Error!", response.message, "info");
                }
            },
            error: function(xhr){
                swal("Error!", xhr, "error");
            }
        });
    }

    function cerrarAgregarProceso() {
        location.href= "{{route("inventarios.index")}}";
    }

    function getSubReceta(idSubReceta) {
        var data = {
            id: idSubReceta,
        }
        var host = "{{ $_SERVER['HTTP_HOST'] }}";
        $.ajax({
            url: "{{route("SubRecetas.view")}}",
            data: data,
            type: 'get',
            dataType: 'json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(response) {
                item = response.data;
                document.getElementById('rendimiento').innerHTML= item.rendimiento;
                document.getElementById('unidadMedidaInv').innerHTML= item.fun_inventario.fun_forma.nombre;
                $("#LabelProducir").fadeIn();
                idSubReceta = idSubReceta;
            }
        });
    }

    function valorTotal(){
        var id = document.getElementById('subRecetaProcesar').value;
        var unidad = document.getElementById('unidadMedidaInv').innerHTML;
        var valorRendimiento = document.getElementById('rendimiento').innerHTML;
        var valorCantidad = document.getElementById('producirSubReceta').value;
        var total=valorRendimiento*valorCantidad;
        document.getElementById('produccionTotal').innerHTML= total+' '+unidad;

        getEntradaSalidas(id, valorCantidad, total);
    }

    function getEntradaSalidas(idSubReceta, valorCantidad, total) {
        salidas.splice(0, salidas.length);
        var data = {
            idSubReceta: idSubReceta,
        }
        var host = "{{ $_SERVER['HTTP_HOST'] }}";
        $.ajax({
            url: "{{route("inventarios.getEntradaSalidas")}}",
            data: data,
            type: 'post',
            dataType: 'json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(response) {
                $("#LabelEntradaSalida").fadeIn();
                $("#buttonSave").fadeIn();
                var totalEntrada = 0;
                document.getElementById('descripcionSalida').innerHTML = '';
                entrada = document.getElementById('produccionTotal').innerHTML;
                item = response.data.fun_detalle_sub_receta; 
                item.forEach(element =>{
                    if (element.state == 1 || element.state == 0) {
                    cantidadIngre = element.cantidad;
                    cantidadTotalSalida = cantidadIngre*valorCantidad;
                    if (element.fun_inventario[0].existenciaUnidad >= cantidadTotalSalida) {
                        ingredienteSubRec = element.fun_inventario[0].presentacion+' '+cantidadTotalSalida+' '+element.fun_inventario[0].fun_forma.nombre;
                        document.getElementById('descripcionSalida').innerHTML += ingredienteSubRec +"\n";
                        precioIngre = element.fun_inventario[0].fun_rango_precio[0].valorUnidad;
                        totalPrecioIngre = precioIngre*cantidadTotalSalida;
                        totalEntrada += totalPrecioIngre;
                        salidas.push({
                            idInventarioIngre: element.fun_inventario[0].idInventario,
                            precioIng: precioIngre,
                            cantidadSalida: cantidadTotalSalida,
                            valorTotal:totalPrecioIngre
                        });
                        document.getElementById('descripcionEntrada').innerHTML = entrada +' '+ 
                        '{{App\Helpers\monedaH::getCurrentSimbol()}}'+totalEntrada;
                    } else {
                        swal({
                            title: 'Info',
                            text: " {{  trans('inventario.problemaIngresarProceso') }}",
                            type: "info",
                            animation: false,
                            showConfirmButton: true
                        });
                        $("#LabelEntradaSalida").fadeOut();
                        $("#buttonSave").fadeOut();
                    }
                }
                });
                entradas = ({
                    cantidad: valorCantidad,
                    idSubReceta:response.data.idInventario,
                    cantidadProducir: total,
                    valorTotalEntrada:totalEntrada
                });
            }
        });
    }

    function enviarProceso() {
        var data = {
            entrada: entradas,
            salidas: salidas,
        }
        var host = "{{ $_SERVER['HTTP_HOST'] }}";
        $.ajax({
            url: "{{route("inventarios.storeProceso")}}",
            data: data,
            type: 'post',
            dataType: 'json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            beforeSend: function () {
                swal({
                    title: "Cargando...",
                    text: "Espere un momento",
                    showConfirmButton: false
                });
            },
            success: function(response) {
                if(response.code==200){
                    swal.close();
                    location.href= "{{route("inventarios.index")}}";
                }
            }
        });
    }
  </script>
@endsection