@include('header')
@include('navigator_no_cuit') 

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

<div class="container">
    <div class="col-md-12 h3 text-center">Informes Comerciales Masivos
        @if ($inicio_final == 'INICIO') (CARGA TXT) @endif
        @if ($inicio_final == 'FINAL') (DESCARGA FINAL) @endif
    </div>
    @if ($inicio_final == 'INICIO')
        <form action="/procesos/nuevo/subir-txt-cliente" method="POST" enctype="multipart/form-data" name="buscar"
            id="buscar">
    @endif
        @if ($inicio_final == 'FINAL')
            <form action="/procesos/nuevo/pendientes-txt-cliente" method="POST" enctype="multipart/form-data" name="buscar2"
                id="buscar2">
        @endif
            <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
            <input type="hidden" id="txt" value="txt">
            <input type="hidden" id="cliente" name="cliente">
            <div class="row">
                <div class="col-md-3">
                    <label for="cli_codigo">Código Cliente</label>
                    <input name="cli_codigo" type="text" id="cli_codigo" required class="form-control" placeholder="" />
                </div>
                <div class="col-md-6">
                    <label for="cli_nombre">Raz&oacute;n Social / Apellido y Nombres</label>
                    <input name="cli_nombre" type="text" id="cli_nombre" required class="form-control" placeholder="" />
                </div>
                <div class="col-md-3">
                    <label for="cli_cuit">C.U.I.T.</label>
                    <input name="cli_cuit" type="text" id="cli_cuit" required class="form-control" placeholder="" />
                </div>
            </div>
            @if ($inicio_final == 'INICIO')
                <div class="row">
                    <div class="col-md-6 col-md-offset-3">
                        <br>
                        <h4 class='text-danger text-center' style="border-style: solid">El archivo debe contener 4 campos
                            separados por coma<br>
                            CUIT, DNI, Nombre, Fecha (en formato yyyy-mm-dd)<br></h4>
                        <label for="archivo">Cargar archivo (txt)</label> <br>
                        <input id="fileupload" type="file" name="archivo" class="form-control" required>
                        <h4 id="archivo_info"></h4>
                    </div>
                </div>

                <!-- SUBMIT -->
                <div class="form-group text-center">
                    <button class="btn btn-info btn-fidelitas" id="btn_submit" type="submit">Procesar</button>
                </div>
            @endif

            @if ($inicio_final == 'FINAL')
                <div class="form-group text-center">
                    <button class="btn btn-info btn-fidelitas" id="btn_final" type="submit">Ver proceso</button>
                </div>
            @endif

            <!-- NOTIFICACION -->
            <div class='form-group text-center' id='noti'></div>

            <div class="form-group text-center">
                <div id="progress">
                    <div class="bar" style="width: 0%;"></div>
                </div>
            </div>
        </form>

</div>

@include('footer')
<script type="text/javascript" src="{{ URL::asset('js/buscador_clientes.js') }}?v={{ time()}} "> </script>
<script type="text/javascript">

    $(function () {
        $('#noti').empty();
        $('#buscar').submit(function (e) {
            e.preventDefault();
            $('#noti').html("<h4 class='text-danger'>Aguarde un instante, procesando información...</h4>");
            this.submit();
        });

        $('#buscar2').submit(function (e) {
            e.preventDefault();
            $('#noti').empty();
            $('#noti').html("<h4 class='text-danger'>Viendo estado del proceso...</h4>");
            this.submit();
        });

    });
</script>