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

@section('title')
    {{ trans('entradas.salidas.salidasCrear') }}
@endsection

@section('cabecera')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />

    <div class="row">
        <div class="col-6">
            <h1 style="margin: 15px 0 10px 0;">
                <a href="{{ route('entradas.index') }}" class="btn btn-default btn-sm"> <i class="fa fa-arrow-left"></i>
                    {{ trans('entradas.regresar') }}</a>
            </h1>
        </div>
        <div class="col-6 text-right">
            <h1>
                <small> {{ trans('entradas.salidas.salidasCrearNueva') }}</small>
            </h1>
        </div>
    </div>
@endsection

@section('contenido')
    <style>
        .modalContentFill {
            background: rgba(255, 255, 255, 0.97);
            width: 100%;
            max-width: none !important;
            height: 100vh;
            padding: 4%;
        }

        .modalContentFill .itemComponent {
            background-color: #DB3920;
            border-radius: 5px;
            padding: 20px;
            margin-bottom: 10px;
        }

        .modalContentFill .itemComponent .custom-checkbox {
            margin: 0;
            padding: 0;
            display: inline-flex;
        }

        .modalContentFill .itemComponent .custom-checkbox label {
            margin: 0;

            color: #fff;
            height: auto;
        }

        .modalContentFill .itemComponent .custom-checkbox h5 {
            margin: auto;
        }
    </style>
    @if (Session::has('message'))
        <div class="row">
            <div class="col-12">
                <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>
            </div>
        </div>
    @endif
    @if (Session::has('message_error'))
        <div class="row">
            <div class="col-12">
                <div class="alert alert-warning 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>
            </div>
        </div>
    @endif
    @if (count($errors) > 0)
        <div class="row">
            <div class="col-12">
                <div class="alert alert-warning alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <p> {{ trans('entradas.corrigeErrores') }}</p>
                    <ul>
                        @foreach ($errors->all() as $message)
                            <li>{{ $message }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    @endif
    <form action="" method="POST">
        @csrf
        <div class="row">

            <div class="col">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="Documentos"> {{ trans('entradas.noReferencia2') }}<span
                                            class="text-red">*</span></label>
                                    <input type="number" placeholder=" {{ trans('entradas.ingreseNumeroReferencia') }}"
                                        name="referencia" id="referencia" value="{{ $referencia }}" min="1"
                                        class="form-control" required disabled>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="idTag"> {{ trans('tags.tituloTag') }}</label>
                                    <select name="idTag" class="form-control" id="idTag">
                                        @foreach ($tags as $tag)
                                            @if (old('idTag') == $tag->idTag)
                                                <option selected value="{{ $tag->idTag }}">{{ $tag->nombre }}</option>
                                            @else
                                                <option value="{{ $tag->idTag }}">{{ $tag->nombre }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="nombrE">
                                        <span class="text-danger"></span>Bodegas</label>
                                    <select name="id_bodega" id="id_bodega" class="form-control">
                                        <option disabled selected>Seleccione</option>
                                        @foreach ($bodegas as $item)
                                            <option value="{{ $item->idBodega }}">{{ $item->nombre }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <div class="form-group">
                                    <label for="Descripcion"> {{ trans('entradas.descripcion') }}<span
                                            class="text-red">*</span></label>
                                    <textarea name="descripcion" id="descripcion" cols="5" rows="5" class="form-control" required
                                        placeholder=" {{ trans('entradas.salidas.descripcionDeLasalida') }}"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <br>

    <div class="row">
        <div class="col">
            <div class="card">
                <div>
                    <h3 class="card-title"> {{ trans('entradas.productoInventario') }}
                        <button class="btn btn-info btn-sm float-right" data-toggle="modal" data-target="#verInventario"><i
                                class="fa fa-plus"></i></button>
                    </h3>
                </div>
                <div class="card-body">
                    <table class="table table-striped" id="tbProduct">
                        <thead>
                            <tr>
                                <th class="text-center"> <strong> {{ trans('entradas.codigo') }}</strong></th>
                                <th class="text-center"><strong> {{ trans('entradas.nombre') }}</strong></th>
                                <th class="text-center"><strong> {{ trans('entradas.precio') }}</strong></th>
                                <th class="text-center"> <strong> {{ trans('entradas.cantidad') }}</strong></th>
                                <th class="text-center"> <strong> {{ trans('entradas.valorTotal') }}</strong></th>
                                <th class="text-center"> <strong> {{ trans('entradas.opciones') }}</strong></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="text-right">
                                <td style="background: #ffffff" colspan="5">
                                    <span class="badge"
                                        style="background: rgb(209, 23, 23)">{{ trans('entradas.salidas.ValorTotalSalida') }}</span>
                                    <b>{{ App\Helpers\monedaH::getCurrentSimbol() }} <span id="totalEntrada"></span> </b>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
    <div class="row">
        <div class="col-12 text-center">
            <button class="btn btn-info margin-top-10" value="Agregar Salidas" onclick="mandar()">
                {{ trans('entradas.salidas.agregarSalida') }}</button>
        </div>
    </div>


    {{-- -Modal Editar --}}
    <div class="modal fade" id="verInventario" 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('entradas.inventarioActual') }}</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="row">
                        <div class="col">
                            <div class="form-group">
                                {{-- <label for="findProducto"> {{  trans('entradas.nombreCodigPr') }}<span class="text-red">*</span></label> --}}
                                <span id="respuesta"></span>
                                {{-- <div class="col-md-12"> --}}
                                <div class="row">
                                    <div class="col-md-10">
                                        <input name="filtro" id="filtro" class="form-control"
                                            placeholder="{{ trans('entradas.nombreCodigPr') }}" onchange="filtrar()">
                                    </div>
                                    <div class="col-md-2">
                                        <a class="btn btn-info float-right" href="#"
                                            onclick="abrirCrearInventario()">
                                            <i class="fa fa-plus"></i>
                                        </a>
                                    </div>
                                </div>
                                {{-- </div> --}}
                            </div>
                        </div>
                    </div>
                    <table class="table table-bordered table-responsive" id="tbActualizar">
                        <thead>
                            <th class="text-center"> {{ trans('entradas.productos') }}</th>
                        </thead>
                        <tbody>
                            @php
                                $o = 0;
                            @endphp
                            @foreach ($inventario as $item)
                                <tr id="rowEditar{{ $o }}">
                                    <td>
                                        <div class="card">
                                            <div class="card-body">
                                                <div>
                                                    Cod. <b>{{ $item->codigo }} </b>&nbsp&nbsp&nbsp&nbsp
                                                    {{ $item->presentacion }}
                                                    <button class="btn btn-info float-right"
                                                        onclick="añadir({{ $item }})">
                                                        {{ trans('entradas.agregar') }}</button>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                @php
                                    $o = $o + 1;
                                @endphp
                            @endforeach
                        </tbody>
                    </table>
                    <div class="modal-footer text-center">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">
                            {{ trans('entradas.cerrar') }}</button>
                    </div>
                </div>

            </div>

        </div>
    </div>

    <div class="modal modal-fill fade" id="idCrearInventario" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true" style="padding-left: 0 !important; background-color: #DB3920 ;">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content modalContentFill">
                <div class="modal-header">
                    <h3 class="modal-title font-weight-bold" id="myModalLabel">
                        {{ trans('entradas.crearNuevoInventario') }}</h3>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <i class="fa fa-times"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="info-box" style="border-radius: 5px;">
                                <form id="formNewInventario">
                                    <small class="small">{{ trans('template.camposcon') }} (<span
                                            class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>

                                    @csrf
                                    <div class="box-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div
                                                    class="form-group {{ $errors->has('presentacion') ? 'has-error' : '' }}">
                                                    <label for="presentacion"> {{ trans('entradas.nombre') }}<span
                                                            class="text-danger">*</span></label>
                                                    <input type="text" name="presentacion" class="form-control"
                                                        value="{{ old('presentacion') }}" required autocomplete="off"
                                                        placeholder="{{ trans('entradas.nombre') }}" id="presentacion">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div
                                                    class="form-group {{ $errors->has('cantPaquete') ? 'has-error' : '' }}">
                                                    <label for="cantPaquete">
                                                        {{ trans('entradas.cantidadCPaquete') }}<span
                                                            class="text-danger">*</span></label>
                                                    <input type="number" class="form-control" id="cantPaquete"
                                                        name="cantPaquete"
                                                        placeholder="{{ trans('entradas.cantidadCPaquete') }}"
                                                        onkeypress="return event.charCode >= 48"
                                                        value="{{ old('cantPaquete') }}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div
                                                    class="form-group {{ $errors->has('forma_paquete') ? 'has-error' : '' }}">
                                                    <label for="forma_paquete"> {{ trans('entradas.formaPaquete') }}<span
                                                            class="text-danger">*</span></label>
                                                    <select name="forma_paquete" id="forma_paquete" class="form-control">
                                                        @if (App::getLocale() != 'es')
                                                            @foreach ($Formas as $item)
                                                                <option value="{{ $item->idValorParametro }}">
                                                                    {{ $item->nombre_ingles }}</option>
                                                            @endforeach
                                                        @else
                                                            @foreach ($Formas as $item)
                                                                <option value="{{ $item->idValorParametro }}">
                                                                    {{ $item->nombre }}</option>
                                                            @endforeach
                                                        @endif

                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group {{ $errors->has('bodega') ? 'has-error' : '' }}">
                                                    <label for="bodega"> {{ trans('entradas.bodega') }}<span
                                                            class="text-danger">*</span></label>
                                                    <select name="bodega" id="bodega" class="form-control" required>
                                                        <option value="" selected disabled>
                                                            {{ trans('entradas.seleccione') }}</option>
                                                        @foreach ($bodegas as $bodega)
                                                            <option value="{{ $bodega->idBodega }}">{{ $bodega->nombre }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div
                                                    class="form-group {{ $errors->has('min_stock') ? 'has-error' : '' }}">
                                                    <label for="min_stock"> {{ trans('entradas.minimoStock') }}<span
                                                            class="text-danger">*</span></label>
                                                    <input type="number" class="form-control" id="min_stock"
                                                        name="min_stock" onkeypress="return event.charCode >= 48"
                                                        placeholder="{{ trans('entradas.minimoStock') }}" required
                                                        autocomplete="off" value="{{ old('min_stock') }}">
                                                </div>
                                            </div>

                                            <div class="col-md-3">
                                                <div
                                                    class="form-group {{ $errors->has('min_stock') ? 'has-error' : '' }}">
                                                    <label for="min_stock"> {{ trans('entradas.codigo') }}<span
                                                            class="text-danger">*</span></label>
                                                    <input type="number" class="form-control" id="codigo"
                                                        min="0" name="codigo"
                                                        placeholder="{{ trans('entradas.codigo') }}" required
                                                        autocomplete="off" onkeypress="return event.charCode >= 48"
                                                        value="{{ old('codigo') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div
                                                    class="form-group {{ $errors->has('descripcion') ? 'has-error' : '' }}">
                                                    <label for="descripcion"> {{ trans('entradas.descripcion') }}:
                                                    </label>
                                                    <textarea class="form-control" name="descripcion" id="descripcion" cols="30" rows="3">{{ old('descripcion') }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-2">
                                                <div class="form-group text-center" style="padding-left:10px;">
                                                    <label for="factorizar">
                                                        {{ trans('entradas.factorizable') }}(?)</label>
                                                    <label class="switch">
                                                        <input type="checkbox" name="factorizar" onclick="changeFact()"
                                                            id="factorizar" value="" class="success service">
                                                        <span class="slider round"></span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-md-5">
                                                <div
                                                    class="form-group {{ $errors->has('contenido') ? 'has-error' : '' }}">
                                                    <label for="contenido"> {{ trans('entradas.contenido') }}</label>
                                                    <input type="number" class="form-control" id="contenido"
                                                        name="contenido" onkeypress="return event.charCode >= 48"
                                                        placeholder="{{ trans('entradas.contenido') }}"
                                                        autocomplete="off" value="{{ old('contenido') }}" disabled>
                                                </div>
                                            </div>
                                            <div class="col-md-5">
                                                <div class="form-group {{ $errors->has('idUnidad') ? 'has-error' : '' }}">
                                                    <label for="idUnidad"> {{ trans('entradas.unidad') }}</label>
                                                    <select name="idUnidad" id="idUnidad" class="form-control" disabled>
                                                        <option value=""> {{ trans('entradas.seleccioneUnidad') }}
                                                        </option>
                                                        @foreach ($unidades as $unidad)
                                                            <option value="{{ $unidad->idUnidad }}">{{ $unidad->nombre }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <!-- /.box-body -->
                            </div>
                            <div class="row">
                                <div class="col-12 text-right">
                                    <a href="#" class="btn btn-success margin-top-10" onclick="crearInventario()">
                                        {{ trans('entradas.agregarAlInventario') }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    </div>


@endsection
@section('js')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
    <script>
        var i = 1;
        var ids = [];
        var idBodega = [];
        jQuery(document).ready(function($) {
            $(document).ready(function() {
                $('.mi-selector').select2();
            });
        });

        function añadir(item) {
            ids.push(item.idInventario);
            idBodega.push(item.idBodega);
            console.log(item, item.fun_rango_precio);
            console.log(item.fun_rango_precio);
            console.log(item.fun_rango_precio.length);
            if (item.fun_rango_precio.length == 0) {
                var precioInventario = 0;
            } else {
                var precioInventario = item.fun_rango_precio[0].valorUnidad;
            }
            var fila = '<tr id="row' + i + '">' +
                '<td class="text-center">' + item.codigo + '</td>' +
                '<td class="text-center">' + item.presentacion + '</td>' +
                '<td class="text-center"> <span name="detalle_precio" id="precio_' + i + '">' + precioInventario +
                ' </span></td>' +
                '<td class="text-center row"> <input type="number" name="detalle_cantidad" id="cantidad_' +
                i + '" min="1" required placeholder=" {{ trans('entradas.ingreseLaCantidadDe') }}' + item.presentacion +
                '" class="form-control col-md-8" onchange="valorTotal(' + i + "," + precioInventario +
                ')"><h4><span class="badge bg-secondary ml-2">' + item.nameStoredUnit +
                '</span></h4></td>' +

                '<td class="text-right"> <span name="totalValor" id="total_' + i + '"></span> </td>' +
                '<td class="text-center"> <button class="btn btn-danger   " onclick="eliminar(' + i + ', ' + item
                .idInventario + ')" ><i class="fa fa-trash" aria-hidden="true"></i></button> </td>' +
                '</tr>';

            i = i + 1;
            $('#tbProduct tr:first').after(fila);
            $("#verInventario").modal('hide'); //ocultamos el modal
            $('body').removeClass('modal-open'); //eliminamos la clase del body para poder hacer scroll
            $('.modal-backdrop').remove(); //eliminamos el backdrop del modal

        }

        function eliminar(w, idInventario) {
            $('#row' + w + '').remove(); //borra la fila
            i = i - 1;
            const index = ids.indexOf(idInventario);
            if (index > -1) { // only splice array when item is found
                ids.splice(index, 1); // 2nd parameter means remove one item only
            }
            valorEntrada();
        }

        function valorTotal(i, valor) {
            var valorPrecio = valor;
            var valorCantidad = document.getElementById('cantidad_' + i).value;
            var total = valorPrecio * valorCantidad;
            document.getElementById('total_' + i).innerHTML = "{{ App\Helpers\monedaH::getCurrentSimbol() }} " + total;
            valorEntrada();
        }

        function valorEntrada() {
            var detalles = [];
            var totalNombres = document.getElementsByName("totalValor");
            for (let index = 0; index < totalNombres.length; index++) {
                const total = document.getElementById(totalNombres[index].id).innerHTML;
                let totalReal = total.replace("{{ App\Helpers\monedaH::getCurrentSimbol() }}", "")
                detalles.push({
                    valorTotalP: totalReal,
                });
            }
            var data = {
                valoresSum: detalles
            }
            var host = "{{ $_SERVER['HTTP_HOST'] }}";
            $.ajax({
                url: UrlHost_ + "/administrator/MovInventario/entradas/sumaTotal",
                data: data,
                type: 'post',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response) {
                    if (response.code == 200) {
                        document.getElementById('totalEntrada').innerHTML = response.data;
                    } else {
                        swal("Error!", " {{ trans('aforo.errorIntenteloMasTarde') }}", "error");
                    }
                }
            });
        }

        function mandar() {
            var detalles = [];
            var detalleInputs = document.getElementsByName("detalle_precio");
            var detalleInputsCantidad = document.getElementsByName("detalle_cantidad");
            if (detalleInputs.length == 0) {
                swal({
                    title: " {{ trans('entradas.noHaSeleccionadoPro') }}",
                    text: " {{ trans('entradas.porFavorAñadeProducto') }}",
                    showConfirmButton: true
                });

            } else {
                const idsPro = ids.slice().reverse();
                const idsBodega = idBodega.slice().reverse();
                for (let index = 0; index < detalleInputs.length; index++) {
                    const valueDetallePre = detalleInputs[index].innerText;
                    const valueCANTIDAD = document.getElementById(detalleInputsCantidad[index].id).value;
                    const id = idsPro[index];
                    const idBodega = idsBodega[index];
                    if (id == null) {
                        swal({
                            title: " {{ trans('entradas.noHaSeleccionadoPro') }}",
                            text: " {{ trans('entradas.porFavorAñadeProducto') }}",
                            showConfirmButton: true
                        });

                    } else {
                        if (valueDetallePre == "" || valueDetallePre == null || valueCANTIDAD == null || valueCANTIDAD ==
                            "") {
                            swal({
                                title: " {{ trans('entradas.camposVacios') }}",
                                text: " {{ trans('entradas.porFavorLleneLosCampos') }}",
                                showConfirmButton: true
                            });
                            break;

                        } else {
                            detalles.push({
                                precioU: valueDetallePre,
                                cantidad: valueCANTIDAD,
                                idInventario: id,
                                bodegaId: idBodega
                            });
                        }
                    }

                }
                var referencia = document.getElementById('referencia').value;
                var idTag = document.getElementById('idTag').value;
                var id_bodega = document.getElementById('id_bodega').value;
                var descrip = document.getElementById('descripcion').value;
                if (descrip == "" || detalleInputs.length != detalles.length) {
                    swal({
                        title: " {{ trans('entradas.camposVacios') }}",
                        text: " {{ trans('entradas.porFavorLleneLosCampos') }}",
                        showConfirmButton: true
                    });
                } else {
                    var data = {
                        id_bodega: id_bodega,
                        idTag: idTag,
                        descripcion: descrip,
                        producto: detalles
                    }
                    var host = "{{ $_SERVER['HTTP_HOST'] }}";
                    $.ajax({
                        url: UrlHost_ + "/administrator/MovInventario/salidas/store",
                        data: data,
                        type: 'post',
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        beforeSend: function() {
                            swal({
                                title: " {{ trans('entradas.cargando') }}",
                                text: " {{ trans('entradas.BuscandoInventario') }}",
                                showConfirmButton: false
                            });
                        },
                        success: function(response) {
                            if (response.code == 200) {
                                swal.close();
                                swal({
                                    title: " {{ trans('entradas.entradaGuardada') }}",
                                    text: " {{ trans('entradas.laEntradaIngresadaFueGuardada') }}",
                                    showConfirmButton: false
                                });
                                location.href = UrlHost_ + "/administrator/MovInventario/entradas";
                            } else if (response.code == 0) {
                                swal.close();
                                swal({
                                    title: " {{ trans('entradas.nitIngresadoInvalido') }}",
                                    text: " {{ trans('entradas.nitIngresaloNotaBase') }}",
                                    showConfirmButton: true
                                });
                            } else {
                                swal("Error!", " {{ trans('aforo.errorIntenteloMasTarde') }}", "error");
                            }
                        },
                        error: function(xhr) {
                            swal("Error!", " {{ trans('tags.espereUnMomento') }} ", "error");
                        }
                    });
                }
            }
        }

        function changeFact() {
            if ($('.service').is(':checked')) {
                $("#typeService").attr("disabled", false);
                $("#contenido").removeAttr("disabled");

                $("#idUnidad").removeAttr("disabled");
                document.getElementById("factorizar").value = true;
            } else {
                $("#typeService").attr("checked", true);
                $("#contenido").attr("disabled", true);
                document.getElementById("contenido").value = "";
                $("#idUnidad").attr("disabled", true);
                document.getElementById("idUnidad").value = "";
            }
        }

        function filtrar() {
            var validad = document.getElementById('filtro').value;
            var data = {
                buscar: validad,
            }
            $.ajax({
                url: UrlHost_ + "/administrator/MovInventario/salidas/filtro",
                data: data,
                type: 'post',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function() {
                    // document.getElementById('respuesta').innerHTML=" <div class='alert alert-info'>Cargando...</div>";
                },
                success: function(response) {
                    if (response.code == 200) {
                        document.getElementById('respuesta').innerHTML =
                            " <div class='alert alert-success'>Encontrado!! </div>";
                        var nFilas = $("#tbActualizar tr").length;
                        for (let index = 0; index < nFilas; index++) {
                            $('#rowEditar' + index + '').remove(); //borra la filac
                        }

                        var array = response.data;
                        for (let index2 = 0; index2 < array.length; index2++) {
                            const element = array[index2];
                            const idEd = element.idInventario;
                            var agregar = '<tr id="rowEditar' + index2 + '" >' +
                                '<td>' +
                                '<div class="card">' +
                                '<div class="card-body"><div>' +
                                'Cod. <b>' + element.codigo + '</b>&nbsp&nbsp&nbsp&nbsp' +
                                element.presentacion +
                                ' <button id="btadd' + index2 + '" class="btn btn-info float-right"' +
                                '>Añadir</button></div>' +
                                '</div>' +
                                '</div>' +
                                ' </td>' +
                                '</tr>';
                            $('#tbActualizar tr:first').after(agregar)
                            var bt = document.getElementById("btadd" + index2);
                            bt.onclick = function(event) {
                                añadir(element);
                            };
                        }
                    } else {

                        document.getElementById('respuesta').innerHTML =
                            " <div class='alert alert-danger'>No existe!! </div>";

                        var nFilas = $("#tbActualizar tr").length;
                        for (let index = 0; index < nFilas; index++) {
                            $('#rowEditar' + index + '').remove(); //borra la filac
                        }

                        var array = response.data;
                        for (let index2 = 0; index2 < array.length; index2++) {
                            const element = array[index2];
                            const idEd = element.idInventario;
                            var agregar = '<tr id="rowEditar' + index2 + '" >' +
                                '<td>' +
                                '<div class="card">' +
                                '<div class="card-body"><div>' +
                                'Cod. <b>' + element.codigo + '</b>&nbsp&nbsp&nbsp&nbsp' +
                                element.presentacion +

                                ' <button id="btadd' + index2 + '" class="btn btn-info float-right"' +
                                '>Añadir</button></div>' +
                                '</div>' +
                                '</div>' +
                                ' </td>' +
                                '</tr>';
                            $('#tbActualizar tr:first').after(agregar)
                            var bt = document.getElementById("btadd" + index2);
                            bt.onclick = function(event) {
                                añadir(element);
                            };
                        }



                    }
                }
            });
            if (document.getElementById('filtro').value.length == null) {
                document.getElementById('respuesta').innerHTML = "";
            }
        }

        function valid(i) {
            $("#precio_" + i).on({
                "focus": function(event) {
                    $(event.target).select();
                },
                "keyup": function(event) {
                    $(event.target).val(function(index, value) {
                        function replacer(str, p1, p2, offset, s) {
                            return str.substring(0, str.length - 1);;
                        }
                        return value.replace /* (/\D/g, "") */(/[^\d(.{1})]/g, "")
                            .replace(
                                /^(([0-9]+([.]((([0-9]+)?([.]+)([0-9]+)?([.]+)?)|([0-9][0-9][0-9]+))))?)$/g,
                                replacer)
                            .replace(/([0-9])([0-9]{0})$/, '$1$2')
                            .replace(/\B(?=(\d{3})+(?!\d)\.?)/g, "");
                        // .replace(/\B(?=(\d{3})+(?!\d)\.?)([,][\d]{2})?/, ".");
                        // .replace(/(\,\d{3})?*/g, "")
                    });
                }
            });
        }
    </script>
    <script>
        function Ingresar() {
            const nombreProv = document.getElementById('nombreProv').value;
            const nit = document.getElementById('newNit').value;
            const direccion = document.getElementById('Direccion').value;
            const celular = document.getElementById('celular').value;
            const correo = document.getElementById('correo').value;
            const codigo_pais = document.getElementById('codigo_pais').value;

            if (nombreProv.trim().length == 0 || nit.trim().length == 0 || isNaN(nit) || isNaN(celular) || direccion.trim()
                .length == 0 || celular.trim().length == 0 || correo.trim().length == 0 || isNaN(codigo_pais) ||
                codigo_pais == "") {
                swal({
                    title: "{{ trans('entradas.campoVaciosMalIngresado') }}",
                    text: " {{ trans('entradas.paraMayorInformacion') }}",
                    showConfirmButton: true
                });
            } else {
                if (celular.length < 10) {
                    swal({
                        title: " {{ trans('entradas.numeroCelularMal') }}",
                        text: " {{ trans('entradas.celularMalIngre') }}",
                        showConfirmButton: true
                    });

                } else {

                    var data = {
                        nombreProvedor: nombreProv,
                        nitProvedor: nit,
                        direccionProvedor: direccion,
                        celularProvedor: celular,
                        correoProvedor: correo,
                        codigo_pais: codigo_pais
                    }
                    var host = "{{ $_SERVER['HTTP_HOST'] }}";
                    $.ajax({
                        url: UrlHost_ + "/administrator/proovedor/crear",
                        data: data,
                        type: 'post',
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        beforeSend: function() {
                            swal({
                                title: " {{ trans('aforo.cargando') }}	",
                                text: " {{ trans('aforo.espereUnMomento') }}",
                                showConfirmButton: false
                            });
                        },
                        success: function(response) {
                            if (response.code == 200) {
                                swal({
                                    title: " {{ trans('entradas.proovCreado') }}",
                                    text: " {{ trans('entradas.proovedorIngresadoCreado') }}",
                                    showConfirmButton: true
                                });

                                document.getElementById('nombreProv').value = "";
                                document.getElementById('nit').value = "";
                                document.getElementById('Direccion').value = "";
                                document.getElementById('celular').value = "";
                                document.getElementById('correo').value = "";
                                $("#AgregarProv").modal('hide'); //ocultamos el modal
                                $("#nitProveedorDiv").load(location.href + " #nitProveedorDiv>*", "");
                            } else {
                                swal("Error!", " {{ trans('aforo.errorIntenteloMasTarde') }}", "error");


                            }

                        }

                    });



                }


            }
        }

        function abrirAgregar() {
            $('#AgregarProv').modal('show');
        }

        function cerrarIngresar() {
            document.getElementById('nombreProv').value = "";
            document.getElementById('nit').value = "";
            document.getElementById('Direccion').value = "";
            document.getElementById('celular').value = "";
            document.getElementById('correo').value = "";
            $("#AgregarProv").modal('hide'); //ocultamos el modal
        }
    </script>
    <script>
        function abrirCrearInventario() {
            $("#verInventario").modal('hide');
            $('#idCrearInventario').modal('show');
        }

        function crearInventario() {
            var formData = new FormData(document.getElementById('formNewInventario'));
            $.ajax({
                url: UrlHost_ + "/administrator/inventarios/storePOST",
                data: formData,
                type: 'post',
                dataType: 'json',
                processData: false,
                contentType: false,
                cache: false,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function() {
                    swal({
                        title: " {{ trans('aforo.cargando') }}	",
                        text: " {{ trans('aforo.espereUnMomento') }}",
                        showConfirmButton: false
                    });
                },
                success: function(response) {
                    if (response.code == 200) {
                        swal.close();
                        $("#formNewInventario")[0].reset();
                        $("#idCrearInventario").modal('hide');
                        document.getElementById('respuesta').innerHTML =
                            " <div class='alert alert-success'>Nuevo producto añadido correctamente</div>";
                        $("#tbActualizar").load(location.href + " #tbActualizar>*", "");
                    } else {
                        swal("Info!", response.message, "info");
                    }
                },
                error: function(xhr) {
                    swal("Error!", " {{ trans('aforo.errorIntenteloMasTarde') }}", "error");
                }
            });
        }
    </script>
@endsection