@include('header')
@include('navigator_clientes')

<!--FANCY GRID & FANCY FORM-->
<div class='container-fluid' style='margin-top: 5%;'>
    <div id="result"></div>
    <div id="resultado" class="row" style="margin: auto; text-align: center;"></div>
</div>

<body>
    <!--MODAL API-->
    <div class="modal fade" id="modalAPI" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true" style="overflow-y: scroll;">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <!--MODAL HEADER-->
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Buscar en la API</h5>
                    <button id="close-modal" type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <!--MODAL CUERPO-->
                <div class="modal-body">
                    <form id="modal-form">
                        <input type="hidden" name="_token"  id="token" value="{{ csrf_token() }}">
                        <div class="row">
                            <div class="col-md-6">
                                <label for="">Razón Social:</label><br>
                                <input type="text" name="verificados" value="" id="sr">
                                <button id="verif_sr" class="btn btn-warning" name="btn-verif" type="button">VERIFICAR</button>
                            </div>
                            <div class="col-md-6">
                                <label for="">CUIT S.R.:</label><br>
                                <input type="text" name="verificados" value="" id="cuit-sr" title="Número sin caracteres especiales ni espacios">
                                <button id="verif_cuitsr" class="btn btn-warning" name="btn-verif" type="button">VERIFICAR</button>
                            </div>
                        </div><br>
                        <div class="row">
                            <div class="col-md-6">
                                <label for="">Integrante:</label><br>
                                <input type="text" name="verificados" value="" id="integ">
                                <button id="verif_integ" class="btn btn-warning" name="btn-verif" type="button">VERIFICAR</button>
                            </div>
                            <div class="col-md-6">
                                <label for="">CUIT Integrante:</label><br>
                                <input type="text" name="verificados" value="" id="cuit-integ" title="Número sin caracteres especiales ni espacios">
                                <button id="verif_cuitinteg" class="btn btn-warning" name="btn-verif" type="button">VERIFICAR</button>
                            </div>
                        </div><br>
                        <div class="row">
                            <div class="col-md-12">
                                <label for="">Texto del Edicto:</label><br>
                                <textarea class="form-control" name="textoedt" id="verif_edicto" cols="30" rows="10">
                                </textarea>
                            </div>
                        </div><br>
                        <div class="form-group col-12">
                            <div id="mensaje-modal">
                                <h5 id="alerta" class="alert alert-success"><i id="texto-msj"></i></h5>
                            </div>
                            <table id='tabla-resultados' hidden class="table table-responsive table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th scope="col text-center">Nombre</th>
                                        <th scope="col text-center">C.U.I.T.</th>
                                        <th scope="col text-center">Domicilios</th>
                                        <th scope="col text-center">C.P.</th>
                                        <th scope="col text-center">Provincia</th>
                                    </tr>
                                </thead>
                                <tbody id="body-tabla">
                                    <!--CONTENIDO TABLA DINAMICA DEL MODAL-->
                                </tbody>
                                <tbody id="body-tabla-2" hidden>
                                    <!--CONTENIDO TABLA DINAMICA DEL MODAL-->
                                </tbody>
                                <tbody id="body-tabla-3" hidden>
                                    <!--CONTENIDO TABLA DINAMICA DEL MODAL-->
                                </tbody>
                                <tbody id="body-tabla-4" hidden>
                                    <!--CONTENIDO TABLA DINAMICA DEL MODAL-->
                                </tbody>
                            </table>
                        </div>
                    </form>
                </div>
                <!--MODAL FOOTER: BOTONES-->
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="conf">Confirmar</button>
                </div>
            </div>
        </div>
    </div>

    <!--MODAL ACTUALIZAR-->
    <div class="modal fade" id="modalActualizar" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="label-modal" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <!--MODAL HEADER-->
                <div class="modal-header">
                    <button id="cerrar-modal-actual" type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h5 class="modal-title" id="titulo-actualizar"></h5><hr>
                </div>
                <!--MODAL BODY-->
                <div class="modal-body">
                    <form id="formu-upd">
                        <input type="hidden" name="_token"  id="token" value="{{ csrf_token() }}">
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label class="form-label" for="razonsocial"><b>Razón Social</b></label>
                                <input class="form-control" name="campo" type="text" id="razonsocial" required>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="form-label" for="cuitraz"><b>C.U.I.T.</b></label>
                                <input class="form-control" name="campo" type="text" id="cuitraz" title="Debe contener números sin caracteres especiales(sin comas, espacios en blanco, guiones, etc.)" required>
                            </div>
                            <div class="form-group col-md-4">
                                <button class="btn btn-danger" type="button" id="btn-ver-1">VERIFICAR</button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label class="form-label" for="integrante"><b>Integrante</b></label>
                                <input class="form-control" name="campo" type="text" id="integrante" required>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="form-label" for="cuitint"><b>C.U.I.T.</b></label>
                                <input class="form-control" name="campo" type="text" id="cuitint" title="Debe contener números sin caracteres especiales(sin comas, espacios en blanco, guiones, etc.)" required>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="form-label" for="codigocargo"><b>Código del Cargo</b></label>
                                <input class="form-control" name="campo" type="text" id="codigocargo" title="Código del cargo. Puedes escribirlo o buscarlo en el selector Todos los cargos" required>
                            </div>
                            <div class="form-group col-md-6">
                                <label class="form-label"><b>Todos los cargos</b></label>
                                <select class="form-control" id="todoscargos">
                                    <option value="" selected>Seleccione un cargo...</option>
                                    @foreach($cargos as $todos)
                                    <option value="{{$todos->car_nombre}}">{{$todos->car_nombre}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-4">
                                <button class="btn btn-danger" type="button" id="btn-ver-2">VERIFICAR</button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-3">
                                <label class="form-label" for="fechaedicto"><b>Fecha del Edicto</b></label>
                                <input name="campo" type="date" id="fechaedicto" required>
                            </div>
                            <div class="form-group col-md-3">
                                <label class="form-label" for="ultimodir"><b>Último Directorio</b></label>
                                <select class="form-control" id="ultimodir" name="campo">
                                    <option value="" selected>Seleccione una opción...</option>
                                    <option value="S">SI</option>
                                    <option value="N">NO</option>
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-12">
                                <label class="form-label"><b>Texto del Edicto</b></label>
                                <textarea class="form-control p-2" name="textoedicto" id="textoedicto" cols="30" rows="10">
                                </textarea>
                                <input class="form-control" type="hidden" id="idenfide">
                            </div>
                        </div>
                        <button class='btn btn-primary' type="button" id="btn-updhomo">Actualizar</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>

<script>
    //  CUANDO EL DOCUMENTO ESTÉ LISTO...
    $(document).ready(function() {
        //var f = [{"kevin":"Nombre", "ldndf":"kjdsfjkds"}, {}]
        nuevaF(<?php echo(json_encode($lista))?>);
        var cargos = <?php echo(json_encode($cargos))?>;

        //  DISPLAY MODAL ACTUALIZAR
        $("#modalActualizar").on("show.bs.modal", function() {
            modalActualizar();
        });

        //  BOTON CERRAR (modalActualizar)
        $("#cerrar-modal-actual").click(function() {
            cerrarActualizar();
        })

        //  BOTON CERRAR (modalAPI)
        $("#close-modal").click(function() {
            $("#modalActualizar").modal("show");
            if($("#btn-ver-1").hasClass("hidden")) {
                $("#btn-ver-1").removeClass("hidden");
            }
            if($("#btn-ver-2").hasClass("hidden")) {
                $("#btn-ver-2").removeClass("hidden");
            }
            /* if(!$("#tabla-resultados").hasClass("hidden")) {
                $("#tabla-resultados").toggleClass("hidden");
            }
            if($("#mensaje-modal").hasClass("hidden")) {
                $("#mensaje-modal").removeClass("hidden");
            } */
        });

        //  BOTON VERIFICAR DE DATOS DE LA RAZON SOCIAL
        $("#btn-ver-1").click(function() {
            todasMayus("sr");
            todasMayus("integ");
            $("#modalActualizar").modal("hide");
            $("#modalAPI").modal("show");
            razon_social = $("#razonsocial").val();
            cuit_razon_social = $("#cuitraz").val();
            integrante = $("#integrante").val();
            cuit_integrante = $("#cuitint").val();
            texto_edicto = $("#textoedicto").val();
            verificar(razon_social, cuit_razon_social, integrante, cuit_integrante, texto_edicto);
        });

        //  BOTON VERIFICAR DE DATOS DEL INTEGRANTE
        $("#btn-ver-2").click(function() {
            todasMayus("sr");
            todasMayus("integ");
            $("#modalActualizar").modal("hide");
            $("#modalAPI").modal("show");
            razon_social = $("#razonsocial").val();
            cuit_razon_social = $("#cuitraz").val();
            integrante = $("#integrante").val();
            cuit_integrante = $("#cuitint").val();
            texto_edicto = $("#textoedicto").val();
            verificar(razon_social, cuit_razon_social, integrante, cuit_integrante, texto_edicto);
        });

        //  SELECCIONAR UN CARGO DEL SELECTOR TODOS LOS CARGOS
        $("#todoscargos").change(function() {
            for (let index = 0; index < cargos.length; index++) {
                const element = cargos[index];
                if($(this).val() == element.car_nombre) {
                    $("#codigocargo").val(element.car_codigo);
                    $("#codigocargo").removeAttr("style");
                }
            }
        });

        //  SELECCIONAR EL ULTIMO DIRECTORIO
        $("#ultimodir").change(function() {
            if($(this).val() != '') {
                $(this).removeAttr("style");
            }
        });

        //  CUANDO SE HACE CLICK EN 'CONFIRMAR'.
        $('#conf').click(function() {
            if(camposVerif().length == 0) {
                if(confirm('¿Esta seguro de actualizar los datos ingresados?')) {
                    var empresa = $('#sr').val();
                    var cuit1 = $('#cuit-sr').val();
                    var int = $('#integ').val();
                    var cuit2 = $('#cuit-integ').val();

                    $("#razonsocial").val(empresa);
                    $("#cuitraz").val(cuit1);
                    $("#integrante").val(int);
                    $("#cuitint").val(cuit2);

                    $("#modalActualizar").modal("show");
                    $("#modalAPI").modal("hide");

                    $("#razonsocial").removeAttr("style");
                    $("#cuitraz").removeAttr("style");
                    $("#integrante").removeAttr("style");
                    $("#cuitint").removeAttr("style");
                }
                else {
                    return false;
                }
            }
            else {
                alert("Faltan campos por completar.");
            }
        });

        //  CUANDO SE HACE CLICK EN 'ACTUALIZAR'.
        $("#btn-updhomo").click(function() {
            //  SI FALTAN CAMPOS POR COMPLETAR
            if(condicionInputs().length > 0) {
                alert("Faltan campos del formulario por completar.");
            }
            // YA ESTÁN TODOS LOS CAMPOS LLENOS
            else {
                if(confirm("¿Desea actualizar el registro?")) {
                    var tabla = Fancy.getWidget("tabla-homonimia");
                    var seleccion = tabla.getSelection()[0];
                    var iden = seleccion.id;
                    var lista_upds = todosValores();
                    for (let index = 0; index < lista_upds.length; index++) {
                        const element = lista_upds[index];
                        if(element.id == 'razonsocial') {
                            tabla.setById(iden, 'razon_social', element.value);
                            tabla.update();
                        }
                        if(element.id == 'cuitraz') {
                            tabla.setById(iden, 'documento_soc', element.value);
                            tabla.update();
                        }
                        if(element.id == 'integrante') {
                            tabla.setById(iden, 'nombre_integrante', element.value);
                            tabla.update();
                        }
                        if(element.id == 'cuitint') {
                            tabla.setById(iden, 'documento_integrante', element.value);
                            tabla.update();
                        }
                        if(element.id == 'codigocargo') {
                            tabla.setById(iden, 'cargo', element.value);
                            tabla.update();
                        }
                        if(element.id == 'fechaedicto') {
                            tabla.setById(iden, 'fecha_publicacion', element.value);
                            tabla.update();
                        }
                        element.removeAttribute("style");
                    }
                    if($("#btn-ver-1").hasClass("hidden")) {
                        $("#btn-ver-1").removeClass("hidden");
                    }
                    if($("#btn-ver-2").hasClass("hidden")) {
                        $("#btn-ver-2").removeClass("hidden");
                    }
                    tabla.remove(iden);
                    tabla.update();
                    $("#modalActualizar").modal("hide");

                    //---------------------------------------------------
                    //  ACTUALIZAR EN DB
                    //---------------------------------------------------
                    /* var iden_fide = seleccion.id_fide;
                    var razon_soc = seleccion.razon_social;
                    var cuit_rs = seleccion.documento_soc;
                    var integ = seleccion.nombre_integrante;
                    var cuit_integ = seleccion.documento_integrante;
                    var fecha = seleccion.fecha_publicacion;
                    var cargo = seleccion.cargo;
                    var ult_dir = $("#ultimodir").val();
                    var todo = [iden_fide, razon_soc, cuit_rs, integ, cuit_integ, fecha, cargo, ult_dir];
                    console.log(todo);
                    $.post('/asignacion/homonimoupd', {_token:$('#token').val(), accion:"updID", cuit1:cuit_rs, empresa:razon_soc, fpub:fecha, codcar:cargo, int:integ, cuit2:cuit_integ, idfide:iden_fide, ult_direc:ult_dir}, function(data){
                        $('#resultado').html('<p class="alert alert-success col-md-4 col-md-offset-4">' + '¡REGISTRO ACTUALIZADO!' + '</p>');
                        setTimeout(function(){
                            $('#resultado').empty();
                        }, 5000);
                        //console.log(data);
                    }); */
                    //---------------------------------------------------
                }
            }
        });
    });

</script>

@include('footer')