@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 class="form-group">
                                                <label for="buscarBodega"> {{ trans('tags.Bodega') }}</label>
                                                <select name="buscarBodega" class="form-control" id="buscarBodega">
                                                    <option selected value="0">{{ trans('inventario.seleccione') }}
                                                    </option>
                                                    @foreach ($bodegas as $bodega)
                                                        <option value="{{ $bodega->idBodega }}">{{ $bodega->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>
                    {{-- {{ dd($inventarios[155]->funInventarioTags->funTag[0]->idTag) }} --}}
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover table-fixed" style=" display: block; overflow: auto;"
                            cellspacing="0" id="tbActualizar">
                            <thead>
                                {{-- <tr class="table-primary">
                                    <th colspan="8" class="text-center">{{  $tag->nombre }}</th>
                                </tr> --}}
                                <tr>

                                    <th class="text-center"> Categoria</th>
                                    <th class="text-center"> {{ trans('inventario.nombre') }}</th>
                                    @foreach ($bodegas as $bodega)
                                        <th class="text-center">{{ $bodega->nombre }}</th>
                                    @endforeach
                                    <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>
                                @foreach ($tags as $tag)
                                    @if (count($inventarios) > 0)
                                        @foreach ($inventarios as $inventario)
                                            @if (!empty($inventario->funInventarioTags->funTag[0]))
                                                @if ($inventario->funInventarioTags->funTag[0]->idTag == $tag->idTag)
                                                    <tr>
                                                        @if (isset($inventario->funInventarioTags->funTag[0]))
                                                            <td class="text-center">
                                                                {{ $inventario->funInventarioTags->funTag[0]->nombre }}
                                                            </td>
                                                        @else
                                                            <td class="text-center">No tiene categoriass</td>
                                                        @endif
                                                        <td class="text-center">{{ $inventario->presentacion }}</td>
                                                        @foreach ($bodegas as $bodega)
                                                            <td class="text-center">
                                                                @foreach ($inventario->relExistenciaBodega as $existBodg)
                                                                    @if (isset($existBodg->existenciaUnidad))
                                                                        @if ($existBodg->idBodega == $bodega->idBodega && $existBodg->existenciaUnidad != null)
                                                                            {{ $existBodg->existenciaUnidad }}
                                                                        @else
                                                                            {{-- @if ($existBodg->existenciaUnidad == null)
                                                                            0
                                                                        @endif --}}
                                                                        @endif
                                                                    @endif
                                                                @endforeach
                                                                {{ $inventario->funForma->nombre }}
                                                            </td>
                                                        @endforeach
                                                        <td class="text-center"><span class="badge"
                                                                style="background:{{ $inventario->existenciaUnidad < 0 ? 'red' : 'green' }}">{{ $inventario->existenciaUnidad }}
                                                                {{ $inventario->funForma->nombre }}</span></td>
                                                        @if (isset($inventario->funUnidad))
                                                            <td class="text-center"><span class="badge"
                                                                    style="background:{{ $inventario->existenciaPaq == $inventario->min_stock ? 'orange' : ($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 ? 'orange' : ($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>
                                                @endif
                                            @endif
                                        @endforeach
                                    @else
                                        <tr>
                                            <td class="text-center" colspan="7">
                                                {{ trans('inventario.no_hay_registros_') }}</td>
                                        </tr>
                                    @endif
                                @endforeach
                                @if (count($inventarios) > 0)
                                    @foreach ($inventarios as $inventario)
                                        @if (empty($inventario->funInventarioTags->funTag[0]))
                                            <tr>
                                                <td class="text-center">No tiene categoria</td>
                                                <td class="text-center">{{ $inventario->presentacion }}</td>
                                                @foreach ($inventario->existenciasBodega as $existBodg)
                                                    <td class="text-center">
                                                        {{ $existBodg->existenciaUnidad }}
                                                        @if ($inventario->fraccionado == 1)
                                                            ({{ round($existBodg->existenciaPaq, 2) }})
                                                        @endif
                                                    </td>
                                                @endforeach
                                                <td class="text-center"><span class="badge"
                                                        style="background:{{ $inventario->existenciaUnidad < 0 ? 'red' : 'green' }}">{{ $inventario->existenciaUnidad }}
                                                        {{ $inventario->fraccionado == 0 ? $inventario->funForma->nombre : $inventario->funUnidad->nombre }}
                                                    </span></td>

                                                <td class="text-center">
                                                    <span class="badge"
                                                        style="background:{{ $inventario->existenciaPaq == $inventario->min_stock ? 'orange' : ($inventario->existenciaPaq < $inventario->min_stock ? 'red' : 'green') }}">
                                                        {{ round($inventario->existenciaPaq, 2) . ' ' . $inventario->funForma->nombre }}
                                                    </span>
                                                </td>

                                                <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>
                                        @endif
                                    @endforeach
                                @else
                                    <tr>
                                        <td class="text-center" colspan="7">
                                            {{ trans('inventario.no_hay_registros_') }}</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>

                {{-- -Modal Editar --}}
                <div class="modal fade" id="editarInventario" tabindex="-1" role="dialog"
                    aria-labelledby="editarInventarioLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg modal-dialog-scrollable" 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">
                                @foreach ($tags as $tag)

                                <table class="table table-bordered table-responsive" id="tbActualizar">
                                    <thead class="thead-dark">
                                      <tr>
                                        <th class="text-center"> {{  $tag->nombre }}</th>
                                        <th class="text-center"> Valor Inicial </th>
                                        <th class="text-center"> Entradas </th>
                                        <th class="text-center"> Salidas </th>
                                        <th class="text-center"> Valor Final </th>
                                      </tr>
                                    </thead>

                                    <tbody>
                                    @if (count($inventarios) > 0)
                                        @foreach ($inventarios as $inventario)
                                            @if (!empty($inventario->funInventarioTags->funTag[0]))
                                                @if ($inventario->funInventarioTags->funTag[0]->idTag == $tag->idTag)
                                                <tr>
                                                    <td class="text-center">{{$inventario->presentacion}}</td>
                                                    <td class="text-center">{{$inventario->existenciaUnidad}}</td>
                                                    <td class="text-center">{{$inventario->existenciaUnidad}}</td>
                                                    <td class="text-center">{{$inventario->existenciaUnidad}}</td>
                                                    <td class="text-center">{{$inventario->existenciaUnidad}}</td>
                                                </tr>
                                                @endif
                                            @endif
                                        @endforeach
                                        @else
                                        <tr>
                                            <td class="text-center" colspan="5"> Ta vacio</td>
                                        </tr>
                                    @endif
                                    </tbody>
                                </table>
                                @endforeach

                            </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