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

@section('title')
{{  trans('entradas.crearProducto') }}				

@endsection

@section('cabecera')
    <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.entradasDe') }}	{{ auth()->user()->userName }}</small>
            </h1>
        </div>
    </div>
@endsection

@section('contenido')
    @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



    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 ">
                            <h3 class="box-title"> {{  trans('entradas.informacionEntrada') }}</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col">
            <div class="container">
                <div class="card conta">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6  mr-20">
                                <h4 class="box-tittle"> {{  trans('entradas.informacionIngreso') }}</h4>
                            </div>
                        </div>
                        <h5> {{  trans('entradas.noReferencia') }}{{$entrada->referencia}}</h5>
                        <br>
                        <div class="form-group">
                            <label for="Description">{{  trans('entradas.descripcion') }}</label>
                            <textarea name="" id="" class="form-control"  rows="5" disabled>{{$entrada->descripcion}}
                            </textarea>
                        </div>


                    </div>
                </div>

            </div>

        </div>

        <div class="col">
            <div class="container">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6  mr-20">
                                <h4 class="box-tittle"> {{  trans('entradas.informacionProveedor') }}</h4>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col">
                                <h5> {{  trans('entradas.nitProveedor') }}</h5>
                                {{$provedor->nit}}

                            </div>
                            <div class="col">
                                <h5>
                                    {{  trans('entradas.nombreProveedor') }}	
                                </h5>
                               {{$provedor->nombre}}
                            </div>
                        </div>
                        <br><br>
                        <div class="row">
                            <div class="col">
                                <h5>
                                    {{  trans('entradas.celular') }}				
                                </h5>
                               {{$provedor->celular}}

                            </div>

                            <div class="col">
                                <h5>
                                    {{  trans('entradas.correo') }}				
                                </h5>
                               {{$provedor->correo}}

                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col text text-center">
                                <h5> {{  trans('entradas.direccion') }}	</h5>
                               {{$provedor->direccion}}

                            </div>
                        </div>


                    </div>
                </div>
            </div>
            </div>

    </div>
    <br>

    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-body">

    <div class="row">
        <div class="col-md-6 ">
            <h3 class="box-title"> {{  trans('entradas.entradasfd') }}
            </h3>
        </div>
        <div class="col-md-6 text-right">
            <button class="btn btn-info btn-sm" data-toggle="modal" data-target="#verInventario">+</button>
        </div>
    </div>
                    <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>

                            @foreach ($entradasDetalle as $item)
                                <tr id="row{{ $i }}">

                                    @foreach ($inventario as $item2)
                                        @if ($item->idInventario == $item2->idInventario)
                                            <td>{{ $item2->codigo }}</td>
                                            <td>{{ $item2->presentacion }}</td>
                                            <td>
                                                <input type="number" name="detalle_precio" id="precio_{{ $i }}" min="1"
                                                    placeholder=" {{  trans('entradas.ingresePrecioDe') }} {{ $item2->presentacion }}"
                                                    class="form-control" value="{{ $item->precio_unidad }}" onkeypress="valid({{ $i }})" onchange="valorTotal({{ $i }})" required> </td>
                                            <td><input type="number" name="detalle_cantidad" id="cantidad_{{ $i }}"
                                                    required placeholder=" {{  trans('entradas.cantDe') }}	{{ $item2->presentacion }}"
                                                    class="form-control" onchange="valorTotal({{ $i }})"
                                            value="{{$item2->existenciaUnidad }}"  min="{{$item2->existenciaUnidad}}"  required></td>
                                            <td>
                                                <span id="total_{{$i}}">{{App\Helpers\monedaH::getCurrentSimbol()}} {{($item->cantidad)*($item->precio_unidad)}}</span>
                                            </td>
                                            <td>
                                                <button class="btn btn-danger" onclick="eliminarTraido({{ $i }},{{ $item }})"><i class="fa fa-trash" aria-hidden="true"></i></button>
                                            </td>
                                        @endif

                                    @endforeach

                                </tr>
                                <div class="invisible">{{ $i = $i + 1 }}</div>

                            @endforeach
                        </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="mensajeDeconfirmacion()">
                {{  trans('entradas.guardarCambios') }}     
            </button>
        </div>
    </div>
    {{--Modal confirmar--}}
    <div class="modal fade" id="MensajeConfirmacion" tabindex="-1" role="dialog" aria-labelledby="editarInventarioLabel"   data-backdrop="static" data-keyboard="false"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="tituloMensaje">Inventario Actual</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                          <strong> {{  trans('entradas.seguroDeseaAgregarProductos') }}</strong><br>


                          {{  trans('entradas.alAceptar') }}				

            </div>
            <div class="modal-footer text-center">
                <button type="button" class="btn btn-danger" data-dismiss="modal"> {{  trans('entradas.denegar') }}	</button>
                <button type="button" class="btn btn-info" data-dismiss="modal" onclick="mandar({{ $identrada }})"> {{  trans('entradas.aceptar') }}</button>
            </div>
        </div>

    </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="form-group">
                        <span id="respuesta"></span>
                        <input type="text" name="filtro" id="filtro" class="form-control" placeholder="{{ trans('entradas.nombreProductoPlace') }}" onchange="filtrar()">
                    </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">
                                                {{ $item->presentacion }}
                                                <button class="btn btn-info float-right"
                                                    onclick="añadir({{ $item->idInventario }})"> {{  trans('entradas.añadir') }}				
                                                </button>

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


@endsection

@section('js')
    <script>
        var i = 0;
        var ids = [];
        var idsUpdate=[];
        var idsAgregar=[];
        var idBodega = [];
        var tipoDocumento = "";
        //funciones que se ejectutann normalmente
        $(document).ready(function() {
            let user ={!! json_encode($entradasDetalle) !!};


            for (let index = 0; index < user.length; index++) {
                const element = user[index].idInventario;
                const bode = user[index].idBodega;
                ids.push(element);
                idsUpdate.push({idEntrada:user[index].idDetalleEntrada,idInventario:element ,posicion:index});
                idBodega.push(bode);

            }
            console.log(idsUpdate);
            console.log(idsUpdate[9]==null)
        });

        function añadir(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('entradas.estamosAgregando') }}",
                                text: " {{  trans('entradas.espere') }}	",
                                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>' + item.codigo + '</td>' +
                '<td>' + item.presentacion + '</td>' +
                '<td> <input type="number" name="detalle_precio" id="precio_' + i +
                '" min="1"  placeholder="{{  trans("entradas.ingreseElprecioDe") }} ' + item.presentacion +
                '" class="form-control" required> </td>' +

                '<td> <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> <span id="total_' + i + '"></span> </td>' +
                '<td> <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();
                    }

            });



        }

        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 mensajeDeconfirmacion(){
            $("#MensajeConfirmacion").modal('show'); //ocultamos el modal
        }

        function mandar(idEntrada) {
            var detalles = [];
            var detalleInputs = document.getElementsByName("detalle_precio");
            var detalleInputsCantidad = document.getElementsByName("detalle_cantidad");

            console.log("lol");
            console.log(document.getElementById('cantidad_' + 0).value);
            if (detalleInputs.length == 0) {
                swal({
                    title: " {{  trans('entradas.noHaSeleccionadoPro') }}",
                    text: " {{  trans('entradas.porFavorAñadeProducto') }}",
                    showConfirmButton: true
                });


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

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

                        if (valueDetallePre.length == 0 || valueCANTIDAD.length == 0) {
                            console.log("entra")
                            swal({
                                title: "Campos vacios",
                                text: "Por favor  llene los campos vacios",
                                showConfirmButton: true
                            });
                            errorVacio = errorVacio + 1;
                            break;


                        } else {
                            if(idsUpdate[index]==null){
                                idsAgregar.push({idInventario:id ,posicion:index});
                                console.log("agrega we")
                            }
                            detalles.push({
                                precioU: valueDetallePre,
                                cantidad: valueCANTIDAD,
                                idInventario: id,
                                bodegaId: bodegaid
                            });
                        }
                    }

                }
                console.log(errorVacio);
                if (errorVacio != 0) {
                    swal({
                        title: "Campos vacios",
                        text: "Por favor  llene los campos vacios",
                        showConfirmButton: true
                    })
                } else {
                    var data = {
                        idEntrada: idEntrada,
                        producto: detalles,
                        idActualizar:idsUpdate,
                        idCrear:idsAgregar
                    }
                    console.log(data);
                    var host = "{{ $_SERVER['HTTP_HOST'] }}";
                    $.ajax({
                        url: UrlHost_ + "/administrator/entradas/update",
                        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({
                                    title: "Entrada Actualizada",
                                    text: "La entrada ingresada fue Actualizada",
                                    showConfirmButton: true
                                });
                                //location.href = "https://" + host + "/administrator/entradas";

                            } else {
                                swal("Error!", " {{  trans('aforo.errorIntenteloMasTarde') }}", "error");


                            }

                        }


                    });

                }



            }





        }
        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, "")
            });
        }
            });
        }
        function eliminarTraido(i, item) {
            var idDetalleEntradaEl = item.idDetalleEntrada;
            var data = {
                idDetalleEntrada: idDetalleEntradaEl,

            }
            console.log(data);
            var host = "{{ $_SERVER['HTTP_HOST'] }}";
            $.ajax({
                url: UrlHost_ + "/administrator/entradas/delete",
                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 == 1) {
                        swal({
                            title: " {{  trans('entradas.entradAeELI') }}",
                            text: " {{  trans('entradas.entradaIngresadaEliminada') }}",
                            showConfirmButton: false
                        });
                        $('#row' + i + '').remove(); //borra la fila
                        var nFilas = $("#mytable tr").length;
                        location.reload();

                    } else {
                        swal("Error!", " {{  trans('aforo.errorIntenteloMasTarde') }}", "error");


                    }
                }
            });



        }

        function redireccionar() {
            var host = "{{ $_SERVER['HTTP_HOST'] }}";
            window.locationf = host + "/administrator/entradas";
        }

        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);
            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() {
                    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">'+
                                                element.presentacion+
                                                ' <button class="btn btn-info float-right"'+
                                                ' onclick="añadir('+idEd+')"> {{  trans('entradas.añadir') }}</button>'+
                                                '</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">'+
                                                element.presentacion+

                                                ' <button class="btn btn-info float-right"'+
                                                ' onclick=añadir('+idEd+')>{{  trans('entradas.añadir') }}</button>'+
                                                '</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="";
            }







    }
    </script>

@endsection