@extends(Session::get('usuario')->menu_lateral ? 'new_header_lateral_25' : 'new_header')
@section('main')

<link href="{{asset('css/last.css')}}?v={{ time() }}" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('/css/fidecheck.css') }}">
<!-- -->
<div class="row justify-content-center profile-tabs mt-5">
    <div class="nav-align-center mt-5">
        <ul class="nav nav-pills" role="tablist" style="z-index: 9000;">
        <li class="col-sm-12 text-center" id="boton_consulta_y_busqueda">
            <div class="d-flex flex-column align-items-center">                
            </div>
        </li>       
        </ul>
    </div>
</div>

<div id="pills-tabContent">
  <div id="seccion-busqueda" role="tabpanel" aria-labelledby="seccion-busqueda" style="margin: 50px;" class="d-none">
            @if( $control->permitir )
                <form id="frmNuevaBusqueda" autocomplete="off" class="d-flex flex-column align-items-center">
                    {{ csrf_field() }}
                    <div class="d-flex justify-content-center align-items-center" style="width: 100%;">
                        <div class="col-md-7">
                            <input type="text" name="input_search" class="form-control text-center" style="text-transform:uppercase; width: 100%;" 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 mx-2">
                            <button class="btn btn-fidelitas btn-primary"><i class="fa fa-search" style="font-size:20px;"></i></button>
                        </div>
                    </div>
                </form>
            @else
                <div class="row justify-content-center">
                    <div class="col-md-5">
                        <h4 class="alert alert-danger text-center">{{ $control->mensaje }}</h4>
                    </div>
                </div>
            @endif
            <!-- -->
            <div id="modal_busqueda_seccion_error" style="display:none;margin-top:30px;">
                <div class="container d-flex justify-content-center">
                    <div class="row">
                        <div class="col-md-5 col-md-offset-3 w-100">
                            <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_sin_consumo" style="display:none;margin-top:30px;">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-md-5">
                            <h4 class="alert alert-danger text-center" id="mensaje-de-consumo"></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>
        <input type="hidden" id="servicio_actual" value="{{ Session::get('servicio_actual') }}">
        <!-- Modal  de prueba-->
        <div class="modal fade" id="fidecheck_modal_busqueda" tabindex="-1" aria-labelledby="modal_busqueda_label" aria-hidden="true" style="heigth:70%;">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="modal_busqueda_fidecheck_titulo">@traducir('Nueva búsqueda','Nueva búsqueda')</h4>
                        <button class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body" id="fidecheck_modal_busqueda_cuerpo">
                    </div>
                </div>
            </div>
        </div>
  </div>
  <div id="seccion-historial" role="tabpanel" class="d-none">
    @if ( empty(json_decode($registros)) )
    <div class="row" style="margin-top:200px;" id="mensaje_sin_consultas">
        <div class="col text-center">
            <h3>@traducir('Sin consultas hasta el dia de la fecha.','Sin consultas hasta el dia de la fecha.')</h3>
        </div>
    </div>
    @endif
    <div class="row" style="margin-top:20px;">
        <div class="col-sm-6 offset-sm-2">
            <div id="fancy_historial_consumos"></div>
        </div>
    </div>
</div>

</div>

<!-- -->
<form id="frmDescargarConsumos">
    {{ csrf_field() }}
</form>

@endsection

@section('funcionesJS')

<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>

@endsection