@include('led/led_header')

<div class="row justify-content-center profile-tabs mt-10">
    <div class="nav-align-center">
        <ul class="nav nav-pills" role="tablist" style="z-index: 9999;">
            <li class="col-sm-12 text-center" id="boton_consulta_y_busqueda">
                
            </li>
        </ul>
    </div>
</div>
<!-- -->
<div class="tab-content">
    <div class="tab-pane" id="seccion-busqueda"  role="tabpanel">    
        <div class="row"  style="margin-top:70px;">
            <form id="frmNuevaBusqueda" autocomplete="off">
                {{ csrf_field() }}
                <div class="col-md-7 col-md-offset-2">
                    <input type="text" name="input_search" class="form-control text-center" style="text-transform:uppercase" placeholder="Ingrese el nombre o el documento de la persona a consultar" onkeypress="return chequear_tecla_identificador_remodelacion(event)">
                </div>
                <div class="col-md-1">
                    <button class="btn btn-fidelitas btn-primary"><i class="fa fa-search" style="font-size:20px;"></i></button>
                </div>
            </form>
            <!-- -->
            <div id="modal_busqueda_seccion_error" style="display:none;margin-top:30px;">
                <div class="container">
                    <div class="row">
                        <div class="col-md-5 col-md-offset-3">
                            <h4 class="alert alert-danger text-center">@traducir('Búsqueda invalida','Búsqueda invalida')</h4>
                        </div>
                    </div>
                </div>
            </div>
            <!-- -->
            <div id="modal_busqueda_seccion_sin_resultado" style="display:none;margin-top:30px;">
                <div class="container">
                    <div class="row">
                        <div class="col-md-5 col-md-offset-3">
                            <h4  class="alert alert-danger text-center">@traducir('No se encontraron Resultados','No se encontraron Resultados')</h4>
                        </div>
                    </div>
                </div>
            </div>
            <!-- -->
            <div id="modal_busqueda_seccion_espera" style="display:none;">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <h4 class="text-center">@traducir('Cargando ... Espere un momento','Cargando ... Espere un momento')</h4>
                        </div>
                        <div class="col-md-12 text-center">
                            <img style="float:none;" src="/images/loading.gif" class="loading"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Modal de busqueda -->
        <input type="hidden" id="servicio_actual" value="{{ Session::get('servicio_actual') }}">
        <div id="fidecheck_modal_busqueda" class="modal fade" role="dialog">
            <div class="modal-dialog" style="width:80%;height:50%;">
                <div class="modal-content">
                    <div class="modal-header">
                        <button class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="modal_busqueda_fidecheck_titulo">@traducir('Nueva búsqueda','Nueva búsqueda')</h4>
                    </div>
                    <div class="modal-body" id="fidecheck_modal_busqueda_cuerpo"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-pane" id="seccion-historial" role="tabpanel">
        <!-- -->
        @if ( empty(json_decode($registros)) )
        <div class="row" style="margin-top:200px;" id="mensaje_sin_consultas">
            <h3 class="text-center">@traducir('Sin consultas hasta el dia de la fecha.','Sin consultas hasta el dia de la fecha.')</h3>
        </div>
        @endif
        <div class="row" style="margin-top:20px;">
            <div class="col-sm-6 col-sm-offset-2">
                <div id="fancy_historial_consumos"></div>
            </div>
        </div>
    </div>
</div>
<!-- -->
<form id="frmDescargarConsumos">
    {{ csrf_field() }}
</form>
<script type="text/javascript" src="{{ URL::asset('js/fancy/fancy.min.js') }}?v={{time()}}"> </script>
<script type="text/javascript" src="{{ URL::asset('/js/fidecheck_online.js') }}?v={{time()}}"> </script>
<script>
    $(document).ready( function (){
        @if (! empty(json_decode($registros)) )
        var data = <?php echo($registros); ?>;
        //var data1 = [{'fecha':'2021-12-12','numero':'20955578350','nombre':'Aleid Rami Rafael Nadal','archivo':'hola'}];
        fancyConsumosFideCheck(data);
        @endif
        efectosTabs();
        //$('#modal_fidecheck_online').modal('show');
        mandar_formulario_busqueda_remodelacion();
        $('#boton_consulta_y_busqueda').click();
        procesos_alta_de_contraparte();
    });
</script>
@include('led/led_footer')