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

<div class="container">
    <div class="col-md-12 text-center jumbotron">
        <h2 class="text-center" style="font-size: 35px;">Marcas</h2>
        <div class="col-md-12 text-center" id="mensaje"></div>

        <div class="col-md-6">
            <h4>Obtiene HTML de marcas desde https://portaltramites.inpi.gob.ar</h4>
            <button id="todos_html" type="button" class="btn btn-info btn-fidelitas" data-toggle="" data-target="">
                Obtener
            </button>

        </div>
        <div class="col-md-6">
            <h4>Procesar HTML</h4>
            <div class="col-md-4"></div>
            <div class="col-md-4">
                <form id="form_html_marcas" name="form_html_marcas" action="/procesos/marcas/parseo-html" method="POST">
                    {{ csrf_field() }}
                    <label for="boletin">Ingresar num boletin</label>
                    <input id="num_boletin" name="num_boletin" type="text" class="form-control">
                    <button id="btn_procesa_html" type="button" class="btn btn-info btn-fidelitas" data-toggle=""
                        data-target="">
                        Procesar
                    </button>
                </form>

            </div>
            <div class="col-md-4"></div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        //crearDataTableTodos('#tabla_marcas');
        function obtenerHtmlMarcas() {
            $.ajax({
                //method: "POST",
                method: "GET",
                //dataType:'json',
                async: true,
                cache: true,
                url: "/procesos/marcas/obtener-html",
                data: {},
                beforeSend: function (data) {
                    $('#mensaje').html('<img style="float:none;" src="/images/loading.gif" class="loading "/>');
                },
                success: function (data) {
                    var obj = JSON.stringify(data);
                    obj = $.parseJSON(obj);
                    var html = obj.info.html;
                    var html_procesados = obj.info.html_procesados;
                    var html_procesados = obj.info.html_no_procesados;
                    if (html_procesados.length <= 1) {
                        $('#mensaje').html("<div class='alert alert-success' role='alert'><strong>HTMLs procesados!</strong> Todos los HTML fueron procesados </div>");
                        $('#mensaje').hide(5000);
                        $('#html_procesados').html(html_procesados);
                    } else {
                        $('#mensaje').html("<div class='alert alert-danger' role='alert'><strong>No se encontro HTML</strong> El documento no se pudo obtener de la fuente externa </div>");
                        $('#mensaje').hide(5000);
                    }
                },
                error: function (data) {
                    console.log(data);
                }
            });
        }
        //proceso obtener HTML marcas
        $(document).on('click', "#todos_html", function (e) {
            e.preventDefault();
            //alert('No working yet, sry!');
            obtenerHtmlMarcas()
        });


    })


</script>

@include('footer')