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

<h2 class="text-center">DEUDAS APÓCRIFAS</h2>

<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 action="/archivo_deudas_apocrifas" method="POST" 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 class="btn btn-secondary" id="mandar">Cargar</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- Este mensaje aparece cuando el archivo no es TXT -->
                    <p class="text-danger hidden 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>


<script type="text/javascript" src="{{ URL::asset('js/deudas_apocrifas/funciones.js')}}"></script>
<script>
    $(document).ready(function () {
        mandar();
    })
</script>

<script>
    var txt = ".txt";
    window.onload = function () {
        $("#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');
                }
            }
        });

    };
</script>

@include('footer')