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

@section('title')
{{  trans('entradas.crearProducto') }}
@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.crearNuevaEntrada') }}</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-5">
                                <div class="form-group">
                                    <label for="Documento"> {{  trans('entradas.tipoDocumento') }}<span class="text-red">*</span></label>
                                    <select name="tipoDocumento" id="tipoDocumento" class="form-control" required>
                                        <option value="0" selected disabled> {{  trans('entradas.seleccioneOpcion') }}</option>
                                        <option value="7"> {{  trans('entradas.cedula') }}</option>
                                        <option value="8"> {{  trans('entradas.cedulaExtranjera') }}</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col">
                                <div class="form-group">
                                    <label for="Documentos"> {{  trans('entradas.noDocumento') }}<span class="text-red">*</span></label>
                                    <input type="number" placeholder=" {{  trans('entradas.ingreseElNumero') }}" name="documento"
                                        id="documento" min="1" id="" class="form-control" required disabled>
                                </div>

                            </div>
                        </div> --}}
                        <div class="row">


                            {{-- <div class="col-5">
                                <div class="form-group">
                                    <label for="Documento"> {{  trans('entradas.tipoDocumento') }} <span class="text-red">*</span></label>
                                    <select name="tipoDocumento" id="tipoDocumento" class="form-control" required>
                                        <option value="0" selected disabled> {{  trans('entradas.seleccioneOpcion') }}</option>
                                        <option value="7"> {{  trans('entradas.cedula') }}</option>
                                        <option value="8"> {{  trans('entradas.cedulaExtranjera') }}</option>
                                    </select>
                                </div>
                            </div> --}}

                            <div class="col">
                                <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" min="1" class="form-control" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-10" id="nitProveedorDiv">
                            <div class="form-group">
                                <label for="nit"> {{  trans('entradas.proovedor') }}<span class="text-red">*</span></label>
                                <select class='mi-selector form-control' name="nit" id="nit"required>
                                    <option value='' disabled selected> {{  trans('entradas.seleccioneMarca') }}</option>
                                    @foreach ($provedores as $item)
                                    <option value='{{ $item->nit }}'>{{ $item->nombre }}</option>
                                    @endforeach
                                </select>
                                </div>
                            </div>
                            <div class="col-md-2">
                            <div class="form-group text-center">
                                <a class="btn btn-info btn-sm form-control mt-4" onclick="abrirAgregar()" href="#">  {{  trans('entradas.agregar') }}</a>
                            </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.descripcionDeLaEntrada') }}"></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>

                        </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 Entradas" onclick="mandar()"> {{  trans('entradas.agregarEntradas') }}</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 fade" id="AgregarProv" tabindex="-1" role="dialog" aria-labelledby="AgregarProvLabel" aria-hidden="true" data-backdrop="static"
        data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="editarUnidadLabel"> {{  trans('entradas.añadorProovedor') }}</h5>
                    <button type="button" class="close" onclick="cerrarIngresar()" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">

                    <form id="formUnidadE" action="" onsubmit="actualizarUnidad()">
                                    <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="nombreE"> {{  trans('entradas.nombre') }}<span class="text-danger">*</span></label>
                                    <input type="text" name="nombreProv" id="nombreProv" class="form-control"  placeholder="{{  trans('entradas.nombre') }}" required>

                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="descripcionE"> {{  trans('entradas.nit') }}<span class="text-danger">*</span></label>
                                    <input type="number" name="newNit" min="1" class="form-control" id="newNit"  placeholder="{{  trans('entradas.nit') }}" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="nombreE"> {{  trans('entradas.direccion') }}<span class="text-danger">*</span></label>
                                    <input type="text" name="Direccion" id="Direccion" class="form-control"  placeholder="{{  trans('entradas.direccion') }}" required>

                                </div>
                            </div>
                            {{-- <div class="col-md-6">
                                <div class="form-group">
                                    <label for="descripcionE"> {{  trans('entradas.celular') }}<span class="text-danger">*</span></label>
                                    <input type="number" name="celular" class="form-control" id="celular" min="1" placeholder="{{  trans('entradas.celular') }}" required>
                                </div>
                            </div> --}}
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <label for="descripcionE"> {{  trans('entradas.prefijo') }}<span class="text-danger">*</span></label>
                                            <select name="codigo_pais" id="codigo_pais" class="form-control">
                                                @foreach ($dataPais as $item)
                                                    <option value="{{$item->codigo}}">&nbsp; + {{$item->codigo}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md">
                                            <label for="descripcionE"> {{  trans('entradas.celular') }}<span class="text-danger">*</span></label>
                                            <input type="tel" name="celular" class="form-control" id="celular"  placeholder="{{  trans('entradas.celular') }}" required>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="descripcionE"> {{  trans('entradas.correo') }}<span class="text-danger">*</span></label>
                            <input type="mail" name="correo" class="form-control" id="correo"  placeholder="{{  trans('entradas.correo') }}" required>
                        </div>
                    </form>
                </div>
                <div class="modal-footer text-center">
                    <button type="button" class="btn btn-secondary"  onclick="cerrarIngresar()" > {{  trans('entradas.cerrar') }}</button>
                    <button onclick="Ingresar()" type="button" class="btn" style="background: #DB3920;color:#FFF;" > {{  trans('entradas.guardar') }}</button>
                </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();
            });
        });
        //funciones que se ejectutann normalmente
       /*  $(document).ready(function() {

            //cuando el select cambie mkm
            $('#tipoDocumento').change(function() {
                if ($(this).val() != "0") {
                    $("#documento").prop("disabled", false);
                    tipoDocumento = $(this).val();
                }
            });

        }); */
        function validarNit(){
            var nitVal=document.getElementById('nit').value;


            var data = {

                        nit: nitVal
                    }
                    console.log(data);
                    var host = "{{ $_SERVER['HTTP_HOST'] }}";
                    $.ajax({
                        url: UrlHost_ + "/administrator/proovedor/editar/validarNit",
                        data: data,
                        type: 'get',
                        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) {

                            console.log(response);
                            if (response.code==0) {
                                document.getElementById('respuesta').innerHTML=" <div class='alert alert-danger'>"+
                                " {{  trans('entradas.nohayProovedor') }}"
                                +"</div>";

                            }else{
                                document.getElementById('respuesta').innerHTML=" <div class='alert alert-success'>"+
                                " {{  trans('entradas.proovedr') }}"+response.data[0]['nombre']+""+
                                "</div>";

                            }

                        }


                    });

        }
        function añadir(item) {
            console.log(item)
            ids.push(item.idInventario);
            idBodega.push(item.idBodega);
            var fila='<tr id="row'+i+'">'+
                '<td class="text-center">'+item.codigo+'</td>'+
                '<td class="text-center">'+item.presentacion+'</td>'+
                '<td class="text-center"> <input type="number" name="detalle_precio" id="precio_' + i + '" min="1" onkeypress="valid(' + i + ')" placeholder=" {{  trans('entradas.ingreseElprecioDe') }}' + item.presentacion +
                    '" class="form-control" required> </td>'+
                '<td class="text-center"> <input type="number" name="detalle_cantidad" id="cantidad_' +
                i + '" min="1" required placeholder=" {{  trans('entradas.ingreseLaCantidadDe') }}' + item.presentacion +
                '" class="form-control" onchange="valorTotal('+i+')"></td>'+

                '<td class="text-center"> <span id="total_'+i+'"></span> </td>'+
                '<td class="text-center"> <button class="btn btn-danger   " onclick="eliminar(' + i + ')" ><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(i) {
            $('#row' + i + '').remove(); //borra la fila
            var nFilas = $("#mytable tr").length;
        }
        function valorTotal(i){
            var valorPrecio = document.getElementById('precio_'+i).value;
            var valorCantidad = document.getElementById('cantidad_'+i).value;
            var total=valorPrecio*valorCantidad;
            document.getElementById('total_'+i).innerHTML="{{App\Helpers\monedaH::getCurrentSimbol()}} "+total ;
        }
        function mandar() {
            var detalles = [];
            var detalleInputs = document.getElementsByName("detalle_precio");
            var detalleInputsCantidad = document.getElementsByName("detalle_cantidad");
            // console.log(document.getElementById('cantidad_'+1).value);
            if (detalleInputs.length == 0) {
                swal({
                    title: " {{  trans('entradas.noHaSeleccionadoPro') }}",
                    text: " {{  trans('entradas.porFavorAñadeProducto') }}",
                    showConfirmButton: true
                });

            } else {

                for (let index = 0; index < detalleInputs.length; index++) {
                    const valueDetallePre = detalleInputs[index].value;

                    const valueCANTIDAD = document.getElementById('cantidad_'+(index+1)).value;
                    const id = ids[index];
                    var bodegaid=idBodega[index];
                    if (id == null) {
                        swal({
                    title: " {{  trans('entradas.noHaSeleccionadoPro') }}",
                    text: " {{  trans('entradas.porFavorAñadeProducto') }}",
                    showConfirmButton: true
                });

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

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

                }
                var referencia = document.getElementById('referencia').value;
                var nitProovedor = document.getElementById('nit').value;
                var descrip = document.getElementById('descripcion').value;
                if (nitProovedor == "" || descrip == "" || ids.length != detalles.length) {
                    swal({
                        title: " {{  trans('entradas.camposVacios') }}",
                        text: " {{  trans('entradas.porFavorLleneLosCampos') }}",
                        showConfirmButton: true
                    });
                } else {
                    var data = {
                        referencia: referencia,
                        descripcion: descrip,
                        nit: nitProovedor,
                        proovedor: 1,
                        producto: detalles
                    }
                    var host = "{{ $_SERVER['HTTP_HOST'] }}";
                    $.ajax({
                        url: UrlHost_ + "/administrator/entradas/create",
                        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) {
                            console.log(response);
                            if (response.code == 200) {
                                swal.close();
                                swal({
                                    title: " {{  trans('entradas.entradaGuardada') }}",
                                    text: " {{  trans('entradas.laEntradaIngresadaFueGuardada') }}",
                                    showConfirmButton: false
                                });
                                location.href= UrlHost_+"/administrator/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");
                            }
                        }
                    });
                }
            }
        }

        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,
            }
            console.log(data);
            $.ajax({
                url: UrlHost_ + "/administrator/entradas/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) {

                    console.log(response);
                    if (response.code == 200) {
                        // document.getElementById('respuesta').innerHTML=" <div class='alert alert-success'>Encontrado!! </div>";
                        console.log(response);
                        var nFilas = $("#tbActualizar tr").length;
                        console.log(nFilas);
                        for (let index = 0; index < nFilas; index++) {
                            $('#rowEditar'+index+ '').remove(); //borra la filac
                        }

                        var array=response.data;
                        console.log(array.length)
                        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 class="btn btn-info float-right"'+
                                                ' onclick="añadirByID('+idEd+')">Añadir</button></div>'+
                                                '</div>'+
                                                '</div>'+
                                                ' </td>'+
                                                '</tr>';
                                                $('#tbActualizar tr:first').after(agregar)

                        }
                    }else{

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

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

                        var array=response.data;
                        console.log(array.length)
                        for (let index2 = 0; index2 < array.length; index2++) {
                            const element = array[index2];
                            console.log(element);
                            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 class="btn btn-info float-right"'+
                                                ' onclick=añadirByID('+idEd+')>Añadir</button></div>'+
                                                '</div>'+
                                                '</div>'+
                                                ' </td>'+
                                                '</tr>';
                                                $('#tbActualizar tr:first').after(agregar)

                        }



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

        function añadirByID(id) {
            var item;

            var data = {
                ids: id  ,

            }
            console.log(data);
            var host = "{{ $_SERVER['HTTP_HOST'] }}";
            $.ajax({
                url: UrlHost_ + "/administrator/entradas/filtro",
                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) {

                    console.log(response);
                    item=response;

                    console.log("item")
                    console.log(item)
                    ids.push(item.idInventario);
                    idBodega.push(item.idBodega);
                    var nFilas = $("#tbProduct tr").length;
                    i = nFilas-1;
                    var fila = '<tr id="row' + i + '">' +
                    '<td class="text-center">' + item.codigo + '</td>' +
                    '<td class="text-center">' + item.presentacion + '</td>' +
                    '<td class="text-center"> <input type="number" name="detalle_precio" id="precio_' + i +
                    '" min="1"  placeholder=" {{  trans("entradas.ingreseElprecioDe") }}' + item.presentacion +
                    '" class="form-control" required> </td>' +

                    '<td class="text-center"> <input type="number" name="detalle_cantidad" id="cantidad_' +
                    i + '" min="1" required placeholder=" {{  trans("entradas.ingreseLaCantidadDe") }}' + item.presentacion +
                    '" class="form-control" onchange="valorTotal(' + i + ')"></td>' +

                    '<td class="text-center"> <span id="total_' + i + '"></span> </td>' +
                    '<td class="text-center"> <button class="btn btn-danger   " onclick="eliminar(' + i +
                    ')" ><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
                    swal.close();
                }

            });
        }

    </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) {
                                console.log(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