@extends('new_header')
@section('main')
<style>
    select {
        font-family: 'FontAwesome';
    }
</style>
<!-- -->
<div class="container-fluid row mt-5 pt-4 body-dashboard">
    <div class="pt-0 col-xxl-9 col-xl-8 col-md-8">
        <!-- -->
        @if( $error == 1 )
            <div class="row justify-content-center my-4">
                <div class="col-10 col-sm-6 col-md-4 col-lg-6 ps-0 pe-2">
                    <h6 class="text-center text-fidelitas lead display-6 fw-light" style="font-size:15px;">@traducir('El dashboard no tiene datos', 'El dashboard no tiene datos')</h6>
                </div>
            </div>
        @elseif( $error == 2 )
            <div class="row justify-content-center my-4">
                <div class="col-10 col-sm-6 col-md-4 col-lg-6 ps-0 pe-2">
                    <h6 class="text-center text-fidelitas lead display-6 fw-light" style="font-size:15px;">@traducir('Sin Dashboard','Sin Dashboard')</h6>
                </div>
            </div>
        @else
            <!-- CONTADORES -->
            @include('/dashboard/contadores')
            <!-- GRAFICOS -->
            @include('/dashboard/graficos')
        @endif
    </div>
    <!-- TRAZABILIDAD -->
    <div class="pt-3 col-xxl-3 col-xl-4 col-md-4 mb-2" id="seccion-trazabilidad">
        <div class="col-md-12 overflow-scroll h-100" style="box-shadow: 1px 1px 5px 2px gray">
            <div class="card h-100 @if(Session::get('modo') == 1) text-white bg-dark @else text-fidelitas bg-white @endif" style="overflow-x: hidden;">
                <!-- -->
                <div class="d-none" id="contenido-trazabilidad"></div>
                <!-- -->
                <div id="cargando-trazabilidad" class="text-center my-5">
                    <div class="spinner-border text-fidelitas"></div> Cargando...
                </div>
                <!-- -->
                <div class="d-none" id="error-trazabilidad"></div>
            </div>
        </div>
    </div>
</div>
<!-- MODAL DE INQUIRO -->
<div id="modalInquiro" class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="inquiro_title"></h3>
                <button type="button" class="btn-close close cerrarmodalInquiro" data-bs-dismiss="modal" aria-hidden="true"></button>
            </div>
            <div class="modal-body pb-5" id="inquiro_body"></div>
        </div>
    </div>
</div>
<!-- -->
<button class="d-none" data-bs-target="#modalDocumento" data-bs-toggle="modal" data-bs-dismiss="modal" id="test"></button>
<div id="modalDocumento" class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <!-- -->
            <div class="modal-header">
                <h3 class="modal-title" id="doc_title"></h3>
                <button type="button" class="btn-close cerrarmodaldoc" data-bs-target="#modalInquiro" data-bs-toggle="modal" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <!-- -->
            <div class="modal-body px-5" >
                <div id="loading_doc" class="text-center text-fidelitasOR pt-3">
                    <div class="col-md-12">
                        <label>@traducir('Cargando... Por favor aguarde un momento.', 'Cargando... Por favor aguarde un momento.')</label>
                    </div>
                    <div class="col-md-12 text-center mt-3">
                        <div class="spinner-border" role="status">
                            <span class="visually-hidden"></span>
                        </div>
                    </div>
                </div>
                <div id="doc_data"></div>
            </div>
            <!-- -->
        </div>
    </div>
</div>
<!-- -->
{{--@if( $servicio == env('LED_PRODUCTO') )
<form action="/led/led-panel-control" id="form_panel_control" method="post">
    {{csrf_field()}}
    <input type="hidden" name="clave_indicador" id="clave_indicador" >
    <input type="hidden" name="nombre_etiqueta" id="nombre_etiqueta" >
    <input type="hidden" name="contraparte" id="contraparte" >
    <input type="hidden" name="lista_contrapartes" id="lista_contrapartes" >
    <input type="hidden" name="valor_texto" id="valor_texto" >
    <input type="hidden" name="valor_min" id="valor_min" >
    <input type="hidden" name="valor_max" id="valor_max" >
    <input type="hidden" name="country_code" id="country_code" >
    <input type="hidden" name="familia" id="familia" >
    <input type="hidden" name="filtro_pais_servicio" id="filtro_pais_servicio" >
    <input type="hidden" name="fidecheck" id="fidecheck" >
</form>
@elseif( $servicio == env('IV_PRODUCTO') )
<form action="/iv/iv-panel-control" id="panel_control_inquiro" method="POST">
    {{csrf_field()}}
    <input type="hidden" name="clave_indicador">
    <input type="hidden" name="nombre_etiqueta">
    <input type="hidden" name="contraparte">
    <input type="hidden" name="lista_contrapartes">
    <input type="hidden" name="valor_texto">
    <input type="hidden" name="valor_min">
    <input type="hidden" name="valor_max">
    <input type="hidden" name="country_code">
    <input type="hidden" name="familia">
    <input type="hidden" name="filtro_pais_servicio">
    <input type="hidden" name="fidecheck">
    <input type="hidden" name="sin_filtro_visibilidad" value="0">
</form>
<!-- -->
<form action="/iv/iv-panel-control-en-proceso" id="en_proceso_inquiro" method="GET">
    <input type="hidden" name="clave_indicador">
    <input type="hidden" name="valor_texto">
    <input type="hidden" name="rango">
    <input type="hidden" name="sin_filtro_visibilidad" value="0">
</form>
@endif--}}
<form @if( $servicio == env('LED_PRODUCTO') ) action="/led/led-panel-control" @elseif( $servicio == env('IV_PRODUCTO') ) action="/iv/iv-panel-control" @endif id="form_panel_control" method="POST">
    {{csrf_field()}}
    <input type="hidden" name="clave_indicador">
    <input type="hidden" name="nombre_etiqueta">
    <input type="hidden" name="contraparte">
    <input type="hidden" name="lista_contrapartes">
    <input type="hidden" name="valor_texto">
    <input type="hidden" name="valor_min">
    <input type="hidden" name="valor_max">
    <input type="hidden" name="country_code">
    <input type="hidden" name="familia">
    <input type="hidden" name="filtro_pais_servicio">
    <input type="hidden" name="fidecheck">
    <input type="hidden" name="sin_filtro_visibilidad" value="0">
</form>
<!-- -->
<form action="/iv/iv-panel-control-en-proceso" id="en_proceso_inquiro" method="GET">
    <input type="hidden" name="clave_indicador">
    <input type="hidden" name="valor_texto">
    <input type="hidden" name="rango">
    <input type="hidden" name="sin_filtro_visibilidad" value="0">
</form>
<!-- -->
<form id="frmInquiro">
    {{ csrf_field() }}
    <input type="hidden" name="contraparte">
    <input type="hidden" name="es_en_proceso">
</form>
@endsection

@section('funcionesJS')
<script src="{{ asset('/HighCharts/code/highcharts.js')}}"></script>
<script src="{{ asset('/HighCharts/code/modules/accessibility.js')}}"></script>
<script src="{{ asset('/HighCharts/code/modules/exporting.js')}}"></script>
<!-- -->
@if( isset($tipos_graficos) && !is_null($tipos_graficos) )
    @if( isset($tipos_graficos->sankey) )
        <script src="{{ asset('/HighCharts/code/modules/sankey.js') }}"></script>
    @endif
    @if( isset($tipos_graficos->pictorial) )
        <script src="{{ asset('/HighCharts/code/modules/pictorial.js') }}"></script>
    @endif
    @if( isset($tipos_graficos->sunburst) )
        <script src="{{ asset('/HighCharts/code/modules/sunburst.js') }}"></script>
    @endif
@endif
<!-- -->
<script src="{{ asset('/js/dashboard.js') }}"></script>
<script src="{{ asset('/Libreria_CA/Js/iv/funciones_iv.js')}}?v=1"></script>
<script>
    $(document).ready(function(){
        dashboard();
    });
</script>
@endsection