<div class="container" style="margin-top:5%;">
<div class="container">
    <div class="row">
        <h2 class="text-center">FACTURAS APÓCRIFAS</h2>
        <ul id="pasos_carga_facturas_apocrifas">
            <li>Paso 1: Si el archivo se descarga como un .ZIP por favor descomprimalo.</li>
            <li>Paso 2: Cargue el txt y espere a que se realice su carga.</li>
        </ul>
        <div class="card bg-success">
            <div class="card-body">
                <h2 class="text-center" style="color:white;">Facturas APÓCRIFAS</h2>
            </div>
        </div>
    </div>
</div>
<section id="cont_de_resultado" style="padding-top:20px;">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card" style="padding-bottom:20px;">
                        <div class="card-body row" style="padding-bottom:0;">
                            <div class="card-text">
                                <form  enctype="multipart/form-data" id="formulario_archivo">
                                    <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                                    <div class="col-sm-3" style="padding-bottom:20px;">
                                        <label>Elegir Archivo</label>
                                        <input type="file" accept=".txt" id="archivo" name="archivo" class="custom-file-input"><br>
                                        <p class="" id="textRef"><i>El archivo cargado debe ser en formato TXT</i></p>
                                    </div>
                                    <div class="col-sm-3 col-sm-offset-1" style="padding-top:12px;">
                                        <button type="button" class="btn btn-success" id="mandar">Cargar</button>
                                        <!-- <button type="button" class="btn btn-danger d-none" id="pendientes_fuentes">limpiar pendientes</button>                          -->
                                        <div class="spinner-border text-dark d-none" id="cargando" role="status">
                                            <span class="visually-hidden">Loading...</span>
                                        </div> 
                                    </div>     
                                    <div class="alert mt-2 d-none" id="alerta_apocrifas" role="alert">                                           
                                    </div>                                
                                </form>                                
                            </div>                            
                        </div> 
                        <!-- Este mensaje aparece cuando el archivo no es TXT -->
                        <p class="text-danger d-none col-sm-5" id="archInv">Archivo inválido. El archivo ingresado debe tener formato TXT</p>
                    </div>
                </div>
            </div>
        </div>
</section>

<section id="cont_de_espera">
</section>
</div>
<script type="text/javascript" src="{{ URL::asset('js/deudas_apocrifas/funciones.js')}}"></script>
<script>
    $(document).ready( function (){
        mandar();
       // posible funcionalidad para limpiar la ruta de la fuente de apocrifas
        //obtenemos fuentes pendientes
        // $.ajax({
        //     type: "POST",
        //     url: '/tareas/actividad-tarea/fuentes-pendientes',
        //     data: {
        //         _token: $("#token").val(),
        //         accion: "buscar",
        //         fuente: 'FA'
        //     },
        //     success: function(response){
        //         let respuesta = JSON.parse(response)
        //         if(parseInt(respuesta.cantidad) > 0){
        //             $("#mandar").prop("disabled",true)
        //             $("#pendientes_fuentes").removeClass('d-none')
        //         }
        //     }
        // });
        // //descargamos archivo y limpiamos el directorio
        // $("#pendientes_fuentes").on("click", function (e) {
        //     e.preventDefault();
        //      //obtenemos fuentes pendientes
        //     $.ajax({
        //         type: "POST",
        //         url: '/tareas/actividad-tarea/fuentes-pendientes',
        //         data: {
        //             _token: $("#token").val(),
        //             accion: "limpiar",
        //             fuente: 'FA'
        //         },
        //         success: function(response){
        //            console.log(response);
        //            let respuesta = JSON.parse(response)
        //            if(parseInt(respuesta.error) == 0){
        //                 let alerta = $("#alerta_apocrifas")
        //                 $("#pendientes_fuentes").addClass("d-none")
        //                 alerta.removeClass("d-none")
        //                 alerta.text("")
        //                 alerta.addClass("alert-danger")
        //                 alerta.text("Limpieza de archivos realizada")
        //                 setTimeout(() => {
        //                     alerta.removeClass("alert-danger")
        //                     alerta.text("")
        //                     alerta.addClass("d-none")
        //                     $("#mandar").prop("disabled",false)
        //                 }, 2500);
        //            }
        //         }
        //     });
        // })
    })
</script>

<script>
    var txt = ".txt";
    window.onload = function() {
        $("#archivo").change(function(){
            var txtName = $("#archivo").val()
            if (txtName.includes(txt) != true){
                if ($("#archInv").hasClass('d-none')){
                    $("#archInv").toggleClass('d-none');
                    $("#textRef").toggleClass('d-none');
                }
            }
            if (txtName.includes(txt)) {
                if ($("#archInv").hasClass('d-none') != true){
                    $("#archInv").toggleClass('d-none');
                    $("#textRef").toggleClass('d-none');
                }                
            }
        });
        
    };
</script>

