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


<link rel="stylesheet" href="{{ asset('/Libreria_CA/css/fancy_fidelitas_theme.css') }}">

<style>
    .btn-fidelitas:hover {
        color: white;
        background-color: #094280
    }
    .btn-fidelitas:checked{
        color:white
    }
</style>

<div class="container">
    <div class="col-sm-6">
        <h3 class="">CONCURSOS Y QUIEBRAS</h3>
    </div>
    <div class="col-sm-6 text-right">
        <button class="btn btn-fidelitas" id="fuentes" data-toggle="modal" data-target="#fuentesP" >Fuentes Procesadas</button>
    </div>    
</div>

<div class="container" style="margin-top: 30px">
    <div class="col-sm-12 text-center">
        <select name="opcion" id="opcion" class="text-center">
            <option value="0" checked> Seleccione una opción para cargar datos</option>
            <option value="juicios">Juicios</option>
            <option value="conYQuie">Concursos y Quiebras</option>
        </select>
    </div>
</div>


<!-- Recuadro de carga de archivos dinámico -->
<section id="cont_de_resultado" style="padding-top:5vh;">
    <div class="container text-center hidden" id="cuerpo">
        <div class="card" style="padding-bottom:20px; width: 500px">
            <div class="card-body" style="padding-bottom:0;">                
                <div class="card-text">
                    <form action="/concursos-y-quiebras" method="POST"  enctype="multipart/form-data" id="formulario_archivo">
                        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                        <div class="col-sm-12 text-center" style="padding-bottom:20px;">
                            <label>Eliga el archivo para carga de datos</label>
                            <input type="file" accept=".txt" id="archivo" name="archivo" class="custom-file-input" style="margin: 20px auto 10px auto;">
                            <p class="" id="textRef"><i>El archivo cargado debe ser en formato TXT</i></p>
                            <!-- Este mensaje aparece cuando el archivo no es TXT -->
                            <p class="text-danger hidden col-sm-12" id="archInv">Archivo inválido. El archivo ingresado debe tener formato TXT</p>
                            <input type="text" class="hidden" name="tipo_archivo" id="tipo_archivo">
                        </div>
                        <div class="col-sm-12" style="padding-top:12px;">
                            <button class="btn btn-fidelitas" id="mandar">Cargar</button>
                        </div>                        
                    </form>                                
                </div>                            
            </div>                        
            
        </div>
    </div>
</section>

                                    <!-- =============================== -->
                                    <!-- Modal Select Fuentes Procesadas -->
                                    <!-- =============================== -->

<section>
    <div id="fuentesP" class="modal fade">
        <div class="modal-dialog" style="width: 700px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button id="closeModal" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3 class="modal-title text-center" id="modal-title">Fuentas Procesadas</h3>
                </div>
                <div class="modal-body" id="modal-body">
                    <div class="col-sm-12 text-right" style="margin-bottom: 20px; padding-right:0">
                        @if ($log_errores_cant != 0)
                            <button class="btn btn-fidelitas" id="log" data-toggle="modal" data-target="#log-errores">Log de errores ({{$log_errores_cant}})</button>
                        @else
                            <button class="btn disabled" id="log" style="background-color: grey">Log de errores</button>
                        @endif
                    </div>
                    <br><br>
                    <div id="selectJyQ">
                        <h5 class="text-center">Seleccione un rango de fechas para ver Juicios y Quiebras:</h5><br> <br>
                        <div class="container" style="display: flex; justify-content: center; width: 100%">
                            <div style="width: 25%;" class="text-center col-sm-6">
                                <label for="" >Desde:</label>
                                <input name="fecha_desde" type="text" id="fecha_desde" data-date-format="yyyy-mm-dd" class="form-control readonly" data-date-end-date="0d" data-date-start-date="-15y">
                                <!-- <input type="date" class="form-control" id="desdeSelJyQ"> -->
                            </div>
                            <div style="width: 25%;" class="text-center col-sm-6">
                                <label for="">Hasta:</label>
                                <input name="fecha_hasta" type="text" id="fecha_hasta" data-date-format="yyyy-mm-dd" class="form-control readonly" data-date-end-date="0d" data-date-start-date="-15y">
                                <!-- <input type="date" class="form-control" id="hastaSelJyQ"><br> -->
                            </div>
                        </div>
                        <div style="display: flex; justify-content: center; width: 100%">
                            <button class="btn btn-success" id="btnSelectJyQ" data-toggle="modal" data-target="#datosSelJyQ">Seleccionar</button>
                        </div>
                    </div>
                    <br>
                </div>
            </div>
        </div>
    </div>
</section>

                                    <!-- ====================================== -->
                                    <!-- Modal Fuentes Procesadas seleccionadas -->
                                    <!-- ====================================== -->

<section>
    <div id="datosSelJyQ" class="modal fade">
        <div class="modal-dialog" style="width: 1300px;">
            <div class="modal-content" style="height: 520px">
                <div class="modal-header">
                    <button id="closeModal" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3>Rango seleccionado</h3>
                </div>
                <div class="modal-body" id="modal-body">
                    <div id="loading-fp">
                        <h4 class="text-center" style="margin-top: 50px;">Cargando datos, por favor espere ...</h4>
                        <img src="/images/loading.gif" alt="" style="margin: 30px auto 50px auto; display: flex;">
                    </div>
                    
                    <h4 class="text-center hidden" style="color: #000; margin: 100px auto 50px auto" id="fuentesSD">Sin datos para la selección realizada</h4>
                    <div id="table">
                            
                    </div>
                    <!-- <div class="container">
                        <div class="row">
                            <div id="table">
                            
                            </div>
                        </div>
                    </div>                     -->
                </div>
            </div>
        </div>
    </div>
</section>

                                        <!-- ============================= -->
                                        <!-- Modal Render de fancy Errores -->
                                        <!-- ============================= -->

<section>
    <div id="log-errores" class="modal fade">
        <div class="modal-dialog"  style="width: 1060px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button id="closeModal" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3 class="modal-title text-center" id="modal-title">Log de Errores</h3>
                </div>
                <h4 class="text-center" style="color: #000; margin: 50px auto 50px auto" id="erroresSD">Sin Datos</h4>
                <div class="modal-body" id="modal-body">
                    <div id="errores-tabla"></div>
                </div>
            </div>
        </div>
    </div>
</section>

                                    <!-- ================================= -->
                                    <!-- Modal Borrar entrada seleccionada -->
                                    <!-- ================================= -->

<section>
    <button class="btn btn-fidelitas hidden" id="btnBorrarLog" data-toggle="modal" data-target="#borrar_log">Borrar Log</button>
    <div id="borrar_log" class="modal fade">
        <div class="modal-dialog" >
            <div class="modal-content" style="height: 370px">
                <div class="modal-header">
                    <button id="closeModal" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3 class="modal-title text-center" id="modal-title">Borrar entrada de Log</h3>
                </div>
                <div class="modal-body" id="modal-body">
                    <form action="/concursos-y-quiebras/error" id="form_error" method="POST">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                        <div action="" id="editableErrores">
                        </div><br>

                        <div class="text-right col-sm-6">
                            <button class="btn btn-danger" id="borrarEntrada" data-toggle="modal" data-target="#borrar_log" style="width: 110px">Borrar Entrada</button>
                        </div>
                        
                    </form>
                    <div class="text-left col-sm-6">
                        <button class="btn btn-fidelitas" id="cancelarBorrarEntrada" data-toggle="modal" data-target="#borrar_log" style="width: 110px">Cancelar</button>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</section>

                                        <!-- ======================= -->
                                        <!-- Modal Seguro de borrar? -->
                                        <!-- ======================= -->

<section>
    <button class="btn btn-fidelitas hidden" id="btnChkBorrarLog" data-toggle="modal" data-target="#chkBorrarLog">Borrar Log</button>
    <div id="chkBorrarLog" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content" style="height: 170px">
                <div class="modal-header">
                    <button id="closeModal" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
                <div class="modal-body" id="modal-body">
                    <h5 class="text-center">¿Estas Seguro de borrar entrada?</h5><br>

                    <div class="text-right col-sm-6">
                        <button class="btn btn-danger" id="borrarEntradaOk" data-toggle="modal" data-target="#chkBorrarLog" style="width: 70px">Borrar</button>
                    </div>
                    <div class="text-left col-sm-6">
                        <button class="btn btn-fidelitas" id="cancelarBorrarEntradaOk" data-toggle="modal" data-target="#chkBorrarLog" style="width: 70px">Cancelar</button>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</section>

                                <!-- ======================================== -->
                                <!-- Modal Editar entrada de Fuente Procesada -->
                                <!-- ======================================== -->

<section>
    <button class="btn btn-fidelitas hidden" id="precarga" data-toggle="modal" data-target="#precarga_edit">precarga</button>
    <div id="precarga_edit" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button id="closeModal" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3 class="modal-title text-center" id="modal-title">Editar entrada</h3>
                </div>
                <div class="modal-body" id="modal-body">
                    <form action="/concursos-y-quiebras/update-form" id="form_edit" method="POST">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                        <div action="" id="editable" style="height: 60vh; overflow-y: scroll;">
                        </div>
                        <br>
                        <button class="btn btn-fidelitas" id="cambiaEntrada" data-toggle="modal" data-target="#precarga_edit">cambiar datos</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

                        <!-- ================================================================= -->
                        <!-- Modal Editar Esta seguro de modificar entrada de Fuente Procesada -->
                        <!-- ================================================================= -->

<section>
    <button class="btn btn-fidelitas hidden" id="btnChkCambiarE" data-toggle="modal" data-target="#chkCambiarE">Cambiar Datos</button>
    <div id="chkCambiarE" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content" style="height: 170px">
                <div class="modal-header">
                    <button id="closeModal" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
                <div class="modal-body" id="modal-body">
                    <h5 class="text-center">¿Estas Seguro de cambiar datos de entrada?</h5><br>

                    <div class="text-right col-sm-6">
                        <button class="btn btn-danger" id="cambiarEntradaOk" data-toggle="modal" data-target="#chkCambiarE" style="width: 70px">Cambiar</button>
                    </div>
                    <div class="text-left col-sm-6">
                        <button class="btn btn-fidelitas" id="cancelarCambiarEntradaOk" data-toggle="modal" data-target="#chkCambiarE" style="width: 70px">Cancelar</button>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</section>

<!-- ================================================================= -->
                            <!-- JS -->
<!-- ================================================================= -->

<script type="text/javascript" src="{{ URL::asset('js/quiebras/funciones.js')}}"></script>

<script>    
    var txt = ".txt";
    let regExpFecha = /[0-9]{4}\-[0-9]{2}\-[0-9]{2}/
    function validarFecha(fecha){
        return regExpFecha.test(fecha)
    }

    window.onload = function() {
        $('#log').on('click', function(){
            $('#fuentes').click();
        })
        
        $('#btnSelectJyQ').on('click', function(){
            let desde = $('#fecha_desde').val()
            let hasta = $('#fecha_hasta').val()
            $('#loading-fp').removeClass('hidden')
            $('#table').html('')
            if (validarFecha(desde) && validarFecha(hasta)){
                
                $.post('/concursos-y-quiebras/selected', {_desde: desde, _hasta: hasta, _token: $('#token').val()}, function(data){
                    data = JSON.parse(data);
                    $('#fuentes').click()
                    if (data != "S/D"){
                        $('#loading-fp').addClass('hidden')
                        $('#table').html('')
                        $('#fuentesSD').addClass('hidden')                    
                        renderFancyGrid(data);
                    }
                    else {
                        $('#loading-fp').addClass('hidden')
                        $('#table').html('')
                        $('#fuentesSD').removeClass('hidden')
                    }
                })
            }
        })

        $('#borrarEntrada').on('click', function(e) {
            e.preventDefault();
            let id_log = $('#id_edicto_borrar').text();
            let rowindex = $('#rowindexError').val();
            $('#btnChkBorrarLog').click();
            $('#borrarEntradaOk').on('click', function(){
                if (id_log != NaN){
                    $.post('/concursos-y-quiebras/error', {_idBorrar: id_log, _token: $('#token').val()}, function(data){
                        let fancy = Fancy.getWidget('erroresJQ');
                        fancy.removeRow(rowindex);
                    })
                }
            })
        })

        $('#cambiaEntrada').on('click', function(e) {
            e.preventDefault();
            let rowindex =  $('#form_edit [name="rowindex"]').val();
            id_entrada = $('#id_juicio').val();
            $('#btnChkCambiarE').click();
            let arrayInputs = []
            $('#cambiarEntradaOk').on('click', function(){
                if (id_entrada != NaN){ 
                    entradas = document.getElementsByName('edit[]')
                    for (let i = 0; i < entradas.length; i++) {
                        var aux = entradas[i];
                        arrayInputs.push(aux.value);
                    }
                    $.post('/concursos-y-quiebras/update-form', {edit: arrayInputs, _token: $('#token').val()}, function(data){
                        let fancy = Fancy.getWidget('fuentesProcesadas');
                        fancy.removeRow(rowindex);
                        fancy.insert(rowindex, {
                            id_juicio : data[0],
                            demandado: data[1],
                            actor: data[2],
                            radicacion: data[3],
                            localidad_del_juzgado: data[4],
                            fecha_causa: data[5],                            
                            tipo_de_novedad: data[6],
                            cuit: data[7],
                            fecha_fuente: data[8],
                            cau_codigo: data[9],
                            autos_caratula: data[10],
                            created: data[11]
                        }
                        );
                    })
                }
            })
        })

        $('#mandar').on('click', function(){
            var txtName = $("#archivo").val()
            if (txtName.includes(txt) != true){
                if ($("#archInv").hasClass('hidden')){
                    $("#archInv").toggleClass('hidden');
                    $("#textRef").toggleClass('hidden');
                }
            }
        })

        $('#opcion').on('change', function(){
            if ($('#opcion').val() == '0'){
                $('#cuerpo').addClass('hidden');
            }
            else {
                if ($('#cuerpo').hasClass('hidden')){
                    $('#cuerpo').toggleClass('hidden');
                }
            }

            seleccion = $('#opcion').val()
            $('#tipo_archivo').val(seleccion)
        })

        $('.btn-fidelitas').on('click', function(){
            $('.btn-fidelitas').css('color','white')
        })

        $("#archivo").change(function(){
            var txtName = $("#archivo").val()
            if (txtName.includes(txt) != true){
                if ($("#archInv").hasClass('hidden')){
                    $("#archInv").toggleClass('hidden');
                    $("#textRef").toggleClass('hidden');
                }
            }
            if (txtName.includes(txt)) {
                if ($("#archInv").hasClass('hidden') != true){
                    $("#archInv").toggleClass('hidden');
                    $("#textRef").toggleClass('hidden');
                }                
            }
        });
        
    };

    $(document).ready( function (){
        mandar();
        var errores = <?php echo ($errores); ?>;
        if (errores != "S/D"){
            $('#erroresSD').remove()
            erroresFancy(errores);
        }
    })
    
</script>

@include('footer')