@extends('new_header')
@section('main')
<link href="{{asset('/css/fancy.min.css')}}" rel="stylesheet">
<style>
    select {
        font-family: 'FontAwesome';
    }
</style>

<!-- -->
<div class="container-fluid row mt-5 pt-5 body-dashboard">
    <div class="pt-0 col-xl-9 col-lg-10">
        <!-- -->
        @if( isset($error) && $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>
        @else
            <!-- CAJAS DE DATOS -->
            <div class="row justify-content-center">
                @foreach( $graficos_todos as $key => $value )
                    @if ( $key == 'COUNT_ADMINISTRADOS' || $key == 'COUNT_DOCUMENTOS_IMPE' )
                    <div class="col-10 col-sm-6 col-md-4 col-lg-3 ps-0 pe-2">
                        <div role="button" tabindex="0" class="card h-75 mb-3 mt-3 rounded @if (Session::get("modo") == 1) text-white bg-dark @endif" style="box-shadow: 1px 1px 5px 2px gray">
                            <div class="card-body ps-0 pe-0 pt-3 @if (Session::get("modo") == 1) text-white @endif">
                                <div class="col-12 text-center fw-light btn-nav" style="font-size: 15px;">
                                    @if($key == 'COUNT_ADMINISTRADOS') 
                                        @traducir('Cantidad de recursos administrados', 'Cantidad de recursos administrados')
                                    @elseif($key == 'COUNT_DOCUMENTOS_IMPE') 
                                        @traducir('Cantidad de documentos que analizan', 'Cantidad de documentos que analizan')
                                    @endif 
                                </div>
                                <div class="d-flex justify-content-between ms-4 me-4 mt-4">
                                    <div id="loading_{{$key}}" style="display:none;">
                                        <div class="spinner-border text-fidelitas"></div>  
                                    </div>   
                                    <div class="fw-light btn-nav" id="valor_{{$key}}">
                                        {{$value[0]->Total}}
                                    </div>
                                    <div class="">
                                        @if($key == 'COUNT_ADMINISTRADOS') 
                                            <i class="fas fa-users icono-dashboard fa-3x" style="color:#35b3ca;"></i>
                                        @elseif($key == 'COUNT_DOCUMENTOS_IMPE') 
                                            <i class="fa fa-folder-open icono-dashboard fa-3x" style="color:#ffb81c;"></i>
                                        @endif 
                                        <i class="bi bi-building" style="color:#35b3ca; font-size: 35px;"></i>
                                    </div>
                                </div>
                            </div>
                        </div>  
                    </div>
                    @php
                        unset($graficos_todos[$key]);
                    @endphp
                    @elseif ( $key == 'COUNT_CONTRATISTAS' || $key == 'COUNT_SUBCONTRATISTAS' ||  $key == 'COUNT_EMPLEADOS' ||  $key == 'COUNT_VEHICULOS' )
                    <div class="col-10 col-sm-6 col-md-4 col-lg-3 ps-0 pe-2">
                        <div role="button" tabindex="0" class="card h-75 mb-3 mt-3 rounded @if (Session::get("modo") == 1) text-white bg-dark @endif" style="box-shadow: 1px 1px 5px 2px gray">
                            <div class="card-body ps-0 pe-0 pt-3 @if (Session::get("modo") == 1) text-white @endif">
                                <form name="enriesgo_{{$key}}" id="form_crp" method="post" action="/led/led-panel-control" data-clave-indicador='{{$key}}' data-valor-desde='' data-valor-hasta='' data-lista='{{$value[0]->lista}}'>
                                    {{ csrf_field() }}
                                    <div class="col-12 text-center fw-light btn-nav" style="font-size: 15px;">
                                        @if($key == 'COUNT_CONTRATISTAS') 
                                            @traducir('Cantidad de contratistas', 'Cantidad de contratistas')
                                        @elseif($key == 'COUNT_SUBCONTRATISTAS') 
                                            @traducir('Cantidad de subcontratistas', 'Cantidad de subcontratistas')
                                        @elseif($key == 'COUNT_EMPLEADOS') 
                                            @traducir('Cantidad de empleados', 'Cantidad de empleados')
                                        @elseif($key == 'COUNT_VEHICULOS') 
                                            @traducir('Cantidad de vehículos', 'Cantidad de vehículos')
                                        @endif 
                                    </div>
                                    <div class="d-flex justify-content-between ms-4 me-4 mt-4">
                                        <div id="loading_{{$key}}" style="display:none;">
                                            <div class="spinner-border text-fidelitas"></div>  
                                        </div>   
                                        <div class="fw-light btn-nav" id="valor_{{$key}}">
                                            {{$value[0]->Total}}
                                        </div>
                                        <div class="">
                                            @if($key == 'COUNT_CONTRATISTAS') 
                                            <i class="fas fa-building icono-dashboard fa-3x" style="color:#35b3ca;"></i>
                                            @elseif($key == 'COUNT_SUBCONTRATISTAS') 
                                            <i class="fas fa-sitemap icono-dashboard fa-3x" style="color:#35b3ca;"></i>
                                            @elseif($key == 'COUNT_EMPLEADOS') 
                                            <i class="fa fa-user icono-dashboard fa-3x" style="color:#35b3ca;"></i>
                                            @elseif($key == 'COUNT_VEHICULOS') 
                                            <i class="fa fa-truck icono-dashboard fa-3x" style="color:#35b3ca;"></i>
                                            @endif
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    @php
                        unset($graficos_todos[$key]);
                    @endphp
                    @elseif ( $key == 'COUNT_CONTRAPARTES' || $key == 'COUNT_DOCUMENTOS' )
                    <div class="col-10 col-sm-6 col-md-4 col-lg-3 ps-0 pe-2">
                        <div role="button" tabindex="0" class="card h-75 mb-3 mt-3 rounded @if (Session::get("modo") == 1) text-white bg-dark @endif" style="box-shadow: 1px 1px 5px 2px gray">
                            <div class="card-body ps-0 pe-0 pt-3 @if (Session::get("modo") == 1) text-white @endif">
                                <div class="col-12 text-center fw-light btn-nav" style="font-size: 15px;">
                                    @if($key == 'COUNT_CONTRAPARTES') 
                                        @traducir('Contrapartes en el Sistema', 'Contrapartes en el Sistema')
                                    @elseif($key == 'COUNT_DOCUMENTOS') 
                                        @traducir('Documentos Administrados', 'Documentos Administrados')
                                    @endif
                                </div>
                                <div class="d-flex justify-content-between ms-4 me-4 mt-4">
                                    <div id="loading_{{$key}}" style="display:none;">
                                        <div class="spinner-border text-fidelitas"></div>  
                                    </div>   
                                    <div class="fw-light btn-nav" id="valor_{{$key}}">
                                        @if($key == 'COUNT_CONTRAPARTES') 
                                            {{$value[0]->TotalContrapartes}}
                                        @elseif($key == 'COUNT_DOCUMENTOS') 
                                            {{$value[0]->TotalDocumentos}}
                                        @endif 
                                    </div>
                                    <div>
                                        @if($key == 'COUNT_CONTRAPARTES') 
                                            <i class="fas @if( $servicio_actual == env('IV_PRODUCTO') ) fa-users @else fa-building @endif icono-dashboard fa-3x" style="color:#35b3ca;"></i>
                                        @elseif($key == 'COUNT_DOCUMENTOS') 
                                            <i class="fas fa-folder-open icono-dashboard fa-3x" style="color:#ffb81c;"></i>
                                        @endif 
                                    </div>
                                </div>
                            </div>
                        </div>  
                    </div>
                    @php
                        unset($graficos_todos[$key]);
                    @endphp
                    @elseif( $key == 'COUNT_ENRIESGO' || $key == 'ENRIESGO' || $key == 'OPORTUNIDADES' || $key == 'COUNT_RENEGOCIA_PRECIO' || $key == 'COUNT_BALANCES_ACTUALIZAR' || $key == 'COUNT_NOVEDADES' || $key == 'COUNT_RECHAZO_AUDITORIA' || $key == 'COUNT_ALTA_DEP_ECONOMICA' || $key == 'COUNT_BAJA_PERFORMANCE' )
                    <div class="ro col-10 col-sm-6 col-md-4 col-lg-3 ps-0 pe-2">
                        <div role="button" tabindex="0" class="card h-75 mb-3 mt-3 rounded @if (Session::get("modo") == 1) text-white bg-dark @endif" style="box-shadow: 1px 1px 5px 2px gray">
                            <div class="card-body ps-0 pe-0 pt-3 @if (Session::get("modo") == 1) text-white @endif">
                                @if ( $key == 'ENRIESGO' || $key == 'OPORTUNIDADES' )
                                <form name="enriesgo_{{$key}}" id="form_{{$key}}" method="post" action="/led/led-panel-control" data-clave-indicador='{{$key}}' data-valor-desde='' data-valor-hasta='' data-lista='{{$value[0]->lista}}'>
                                @elseif ( $key == 'COUNT_BALANCES_ACTUALIZAR' )
                                <form name="enriesgo_{{$key}}" id="form_{{$key}}" method="post" action="/led/led-panel-control">
                                @else
                                <form name="enriesgo_{{$key}}" id="form_{{$key}}" method="post" action="/led/led-panel-control" data-clave-indicador='{{$value[0]->clave_indicador}}' data-valor-desde='{{$value[0]->desde}}' data-valor-hasta='{{$value[0]->hasta}}' data-valor-lista=''>
                                @endif
                                    {{ csrf_field() }}
                                    <div class="col-12 text-center fw-light btn-nav" style="font-size: 15px;">
                                        @if( $key == 'COUNT_ENRIESGO' )
                                            @traducir('Contrapartes en Alto Riesgo', 'Contrapartes en Alto Riesgo')
                                        @elseif( $key == 'ENRIESGO' )
                                            @traducir('Contrapartes en Riesgo', 'Contrapartes en Riesgo')
                                        @elseif( $key == 'OPORTUNIDADES' )
                                            @traducir('Oportunidades', 'Oportunidades')
                                        @elseif( $key == 'COUNT_RENEGOCIA_PRECIO' )
                                            @traducir('Proveedores con posibilidad de renegociar precios', 'Proveedores con posibilidad de renegociar precios')
                                        @elseif( $key == 'COUNT_BALANCES_ACTUALIZAR' )
                                            @traducir('Balances a Actualizar', 'Balances a Actualizar')
                                        @elseif( $key == 'COUNT_NOVEDADES' )
                                            @traducir('Contrapartes con Novedades', 'Contrapartes con Novedades')
                                        @elseif( $key == 'COUNT_RECHAZO_AUDITORIA' )
                                            @traducir('Rechazo Auditoria', 'Rechazo Auditoria')
                                        @elseif( $key == 'COUNT_ALTA_DEP_ECONOMICA' )
                                            @traducir('Alta Dependencia Económica','Alta Dependencia Económica')
                                        @elseif( $key == 'COUNT_BAJA_PERFORMANCE' )
                                            @traducir('Baja Performance','Baja Performance')
                                        @endif
                                    </div>
                                    <div class="d-flex justify-content-between ms-4 me-4 mt-4">
                                        <div id="loading_{{$key}}" style="display:none;">
                                            <div class="spinner-border text-fidelitas"></div>  
                                        </div>   
                                        <div class="fw-light btn-nav cantidad-dashboard" id="valor_{{$key}}">
                                            @if( $key == 'COUNT_ENRIESGO' )
                                                {{$value[0]->enriesgo}}
                                            @elseif( $key == 'ENRIESGO' || $key == 'OPORTUNIDADES' )
                                                {{$value[0]->total}}
                                            @elseif( $key == 'COUNT_RENEGOCIA_PRECIO' )
                                                {{$value[0]->renegocia_precio}}
                                            @elseif( $key == 'COUNT_BALANCES_ACTUALIZAR' )
                                                {{$value[0]->count_balances}}
                                            @elseif( $key == 'COUNT_NOVEDADES' )
                                                {{$value[0]->count_novedades}}
                                            @elseif( $key == 'COUNT_RECHAZO_AUDITORIA' )
                                                {{$value[0]->rechazoAuditoria}}
                                            @elseif( $key == 'COUNT_ALTA_DEP_ECONOMICA' )
                                                {{$value[0]->CountAltaDepEcon}}
                                            @elseif( $key == 'COUNT_BAJA_PERFORMANCE' )
                                                {{$value[0]->count_baja_performance}}
                                            @endif
                                        </div>
                                        <div class="">
                                            @if( $key == 'COUNT_BALANCES_ACTUALIZAR')
                                                <i class="fa fa-comments-dollar icono-dashboard fa-3x" style="color:#309e99;"></i> 
                                            @elseif(  $key == 'COUNT_NOVEDADES' )
                                                <i class="fa fa-bell icono-dashboard fa-3x" style="color:#309e99;"></i>
                                            @elseif( $key == 'OPORTUNIDADES' )
                                                <i class="fas fa-check-circle icono-dashboard fa-3x" style="color:#63b68c;"></i>
                                            @else
                                                <i class="fas fa-exclamation-circle icono-dashboard fa-3x" style="color:#a72b2a;"></i>
                                            @endif
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    @php
                        unset($graficos_todos[$key]);
                    @endphp
                    @elseif ( $key == 'IV_ENPROCESO' || $key == 'IV_OBSERVADOS' )
                        @if( $key == 'IV_ENPROCESO' )
                        <div class="cajas-inquiro-en-proceso col-10 col-sm-6 col-md-4 col-lg-3 ps-0 pe-2">
                        @else
                        <div class="cajas-inquiro-observados col-10 col-sm-6 col-md-4 col-lg-3 ps-0 pe-2">
                        @endif
                            <div role="button" tabindex="0" class="card h-75 mb-3 mt-3 rounded @if (Session::get("modo") == 1) text-white bg-dark @endif" style="box-shadow: 1px 1px 5px 2px gray">
                                <div class="card-body ps-0 pe-0 pt-3 @if (Session::get("modo") == 1) text-white @endif">
                                    @if( $key == 'IV_ENPROCESO' )
                                        <form name="iv_{{$key}}" id="form_{{$key}}" method="post" action="/iv/iv-panel-control" data-clave-indicador='{{$key}}' data-valor-desde='' data-valor-hasta='' data-lista='{{$value[0]->IV_ENPROCESO}}'>
                                    @else
                                        <form name="iv_{{$key}}" id="form_{{$key}}" method="post" action="/iv/iv-panel-control" data-clave-indicador='{{$key}}' data-valor-desde='' data-valor-hasta='' data-lista='{{$value[0]->IV_OBSERVADOS}}'>
                                    @endif
                                        {{ csrf_field() }}
                                        <div class="col-12 text-center fw-light btn-nav" style="font-size: 15px;">
                                            @if( $key == 'IV_ENPROCESO' )
                                                @traducir('Contrapartes en proceso', 'Contrapartes en proceso')
                                            @else
                                                @traducir('Contrapartes observados','Contrapartes observados')
                                            @endif
                                        </div>
                                        <div class="d-flex justify-content-between ms-4 me-4 mt-4">
                                            <div id="loading_{{$key}}" style="display:none;">
                                                <div class="spinner-border text-fidelitas"></div>  
                                            </div>
                                            <!-- -->
                                            <div class="fw-light btn-nav cantidad-dashboard" id="valor_{{$key}}">
                                                @if( $key == 'IV_ENPROCESO' )
                                                    {{$value[0]->IV_ENPROCESO}}
                                                @else
                                                    {{$value[0]->IV_OBSERVADOS}}
                                                @endif
                                            </div>
                                            <!-- -->
                                            <div class="">
                                                @if( $key == 'IV_ENPROCESO' )
                                                    <i class="fa fa-user icono-dashboard fa-3x" style="color:#309e99;"></i>
                                                @else
                                                    <i class="fa fa-exclamation-circle icono-dashboard fa-3x" style="color:#ffb81c;"></i>
                                                @endif
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        @php
                            unset($graficos_todos[$key]);
                        @endphp
                    @elseif( $key == 'COUNT_SCORE_ARCOR_ROJO' )
                        @if( !empty($graficos_todos['COUNT_SCORE_ARCOR_ROJO']) )
                            <!--div class="col-md-3">
                                <div class="ro caja-dashboard" style='box-shadow: 4px 4px 4px rgba(0,0,0,0.3)'>
                                    <form name="ade" id="form_ade" method="post" action="/led/led-panel-control"
                                    data-clave-indicador='{{$value[0]->clave_indicador}}'
                                    data-valor-desde='{{$value[0]->desde}}'
                                    data-valor-hasta='{{$value[0]->hasta}}'
                                    data-valor-lista=''>
                                        {{csrf_field()}}
                                        
                                        <div class="row" style="padding:10px;">
                                            <div class="col-md-6 text-left">
                                                <div class="cantidad-dashboard">
                                                    {{$value[0]->count_rojos}}
                                                </div>
                                                <br>
                                            </div>
                                            <div class="col-md-6 text-center">
                                            <i class="fas fa-exclamation-circle icono-dashboard" style="color:#a72b2a;"></i>
                                            </div>
                                            <div class="col-md-12 text-left texto-caja-dashboard" >
                                                @traducir('Score Rojo','Score Rojo')
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div-->




                        <div class="col-10 col-sm-6 col-md-4 col-lg-3 ps-0 pe-2">
                        <div role="button" tabindex="0" class="card h-75 mb-3 mt-3 rounded @if (Session::get("modo") == 1) text-white bg-dark @endif" style="box-shadow: 1px 1px 5px 2px gray">
                            <div class="card-body ps-0 pe-0 pt-3 @if (Session::get("modo") == 1) text-white @endif">
                                <div class="col-12 text-center fw-light btn-nav" style="font-size: 15px;">
                                    @traducir('Arcor Final Rojo','Arcor Final Rojo')
                                </div>
                                <div class="d-flex justify-content-between ms-4 me-4 mt-4">
                                    <div id="loading_{{$key}}" style="display:none;">
                                        <div class="spinner-border text-fidelitas"></div>  
                                    </div>   
                                    <div class="fw-light btn-nav" id="valor_{{$key}}">
                                         {{$value[0]->count_rojos}} 
                                    </div>
                                    <div>
                                        <i class="fas fa-exclamation-circle icono-dashboard fa-3x" style="color:#A72B2A;"></i>
                                    </div>
                                </div>
                            </div>
                        </div>  
                    </div>
                        @endif
                        @php
                            unset($graficos_todos[$key]);
                        @endphp
                    @endif
                @endforeach
            </div>
            <!-- GRAFICOS -->
            <div class="row justify-content-center">
            @foreach( $graficos_todos as $key =>$value )
                <div class='col-12 col-md-12 col-lg-6 col-xl-4 p-2 d-grid' id="ver-grafico-{{$key}}">
                    @if( $key != 'GRAFICO_FIDECHECK' && $key != 'GRAPH_COMPLIANCE')
                    <div tabindex="0" class='card grafico-dashboard ' @if( isset($value[0]->lista) ) data-lista='{{$value[0]->lista}}' @endif style="box-shadow: 1px 1px 5px 2px gray" id="grafico-{{$key}}" data-indicador="{{$key}}" @if( isset($totales_datos_graficos[$key]) )  data-totales="{{$totales_datos_graficos[$key]}}" @elseif( $key == "GRAPH_CONTRAPARTES_CUMPLIMIENTO" ) data-totales="{{$value[0]->cumplimiento_porc}}" @endif>
                        <input type="hidden" id="datos-graficos-{{$key}}" value="{{json_encode($value)}}">
                        <!-- -->
                        <div class='card-body pt-0 @if (Session::get("modo") == 1) text-white bg-dark @else text-secondary @endif'>
                            <div class="d-flex align-items-center justify-content-center py-3" id="titulo-{{$key}}">
                                @if( isset($grafico_etiquetas[$key]) )
                                <h6 class="text-center lead fw-light" style="font-size:15px;">{{Traducciones::get($grafico_etiquetas[$key])}}</h6>
                                @elseif ( isset($value->titulo_indicador) )
                                <h6 class="text-center lead fw-light" style="font-size:15px;">{{ $value->titulo_indicador }}</h6>
                                @endif
                            </div>
                            <!-- -->
                            <div class="d-flex align-items-center justify-content-center py-3" id="loading-{{$key}}">
                                <div class="spinner-border text-fidelitas" style="width: 3rem; height: 3rem;"></div>
                            </div>
                            <!-- -->
                            <div class="d-flex align-items-center justify-content-center my-3 d-none" id="sin-datos-{{$key}}">
                                <h6 class="text-center lead fw-light" style="font-size:15px;">@traducir('Sin datos aún', 'Sin datos aún')</h6>
                            </div>
                            <!-- -->
                            <div id='contenedor_grafico_{{$key}}' class="d-flex h-75 align-items-end">
                                <canvas id='chart_{{$key}}'></canvas>
                            </div>
                        </div>
                    </div>
                    @elseif ( $key == 'GRAPH_COMPLIANCE' )
                    <div tabindex="0" class='card grafico-compliance' style="box-shadow: 1px 1px 5px 2px gray" id="grafico-compliance">
                        <!-- -->
                        <input type="hidden" id="datos-graficos-compliance" value="{{json_encode($value)}}">
                        <!-- -->
                        <div class='card-body pt-0 @if (Session::get("modo") == 1) text-white bg-dark @endif'>
                            <div class="d-flex align-items-center justify-content-center py-3" id="titulo-{{$key}}">
                                <h6 class="text-center lead fw-light" style="font-size:15px;">{{Traducciones::get($grafico_etiquetas[$key])}}</h6>
                            </div>
                            <!-- -->
                            @if(!empty($graficos_todos['GRAPH_COMPLIANCE']))
                            <div class="row justify-content-center py-4">
                                @foreach($graficos_todos['GRAPH_COMPLIANCE'] as $gf)
                                <div class="col-md-3">
                                    <i class="fas fa-10x fa-male personas-compliance FI{{$gf->valor_texto}}" data-claveIndicador="0" @if( empty($gf->total) ) data-sin-filtrar="1" @endif data-compliance="{{$gf->valor_texto}}" style="color:#{{$gf->color}};"></i>
                                    <div class="text-fidecheck" style="font-size: 70%;">{{$gf->etiqueta}} <br><span class="NFI{{$gf->valor_texto}}">0</span></div>
                                </div>
                                @endforeach						
                            </div>
                            @else
                                <span class="texto-caja">@traducir('Sin datos aún', 'Sin datos aún')</span>
                            @endif
                        </div>
                    </div>
                    @elseif ( $key == 'GRAFICO_FIDECHECK' )
                    <div tabindex="0" class='card grafico-fidecheck' style="box-shadow: 1px 1px 5px 2px gray" id="grafico-fidecheck">
                        <!-- -->
                        <input type="hidden" id="datos-graficos-fidecheck" value="{{json_encode($value)}}">
                        <!-- -->
                        <div class='card-body pt-0 @if (Session::get("modo") == 1) text-white bg-dark @endif'>
                            <div class="d-flex align-items-center justify-content-center py-3" id="titulo-{{$key}}">
                                <h6 class="text-center lead fw-light" style="font-size:15px;">{{Traducciones::get($grafico_etiquetas[$key])}}</h6>
                            </div>
                            <!-- -->
                            @if(!empty($graficos_todos['GRAFICO_FIDECHECK']))
                            <div class="row justify-content-center py-4">
                                @foreach($graficos_todos['GRAFICO_FIDECHECK'] as $gf)
                                <div class="col-md-3">
                                    <i class="fas fa-10x fa-male personas-fidecheck F{{$gf->valor_texto}}" data-claveIndicador="0" style="color:#{{$gf->color}};"></i>
                                    <div class="text-fidecheck" style="font-size: 70%;">{{$gf->etiqueta}} <br><span class="NF{{$gf->valor_texto}}" >0</span></div>
                                </div>
                                @endforeach						
                            </div>
                            @else
                                <span class="texto-caja">@traducir('Sin datos aún', 'Sin datos aún')</span>
                            @endif
                        </div>
                    </div>
                    @endif
                </div>
            @endforeach
            </div>
        @endif
    </div>
    <!-- -->
    <div class="pt-3 col-xl-3 col-lg-3 mb-2">
        <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;">
                @if( isset($trazabilidad) and count($trazabilidad) > 0 )
                    <!-- options filters -->
                    <div class="row col-md-12 d-flex align-items-center justify-content-end my-1">
                        <div class="options-filter col-xl-5 ps-4 fw-light text-start @if(Session::get('modo') == 1) text-white bg-dark @else text-fidelitas bg-white @endif" style="font-size: 15px;">@traducir('Novedades', 'Novedades')</div>
                        <div class="btn-group col-md-7 pe-0" role="group" aria-label="filtro por estado de vencimiento">
                            <input type="radio" name="filtro_trazabilidad" class="btn-check" id="nombreTrazabilidad" autocomplete="off" value="NT" checked="true">
                            <label class="btn btn-outline-fidelitas btn-sm" for="nombreTrazabilidad"><i class="bi bi-person"></i> @traducir('Nombre', 'Nombre')</label>
                            <!-- -->
                            <input type="radio" name="filtro_trazabilidad" class="btn-check" id="fechaTrazabilidad" autocomplete="off" value="FT">
                            <label class="btn btn-outline-fidelitas btn-sm" for="fechaTrazabilidad"><i class="bi bi-calendar-date"></i> @traducir('Fecha', 'Fecha')</label>
                            @if( count($familias) > 0 )
                                <input type="radio" name="filtro_trazabilidad" class="btn-check" id="familiaTrazabilidad" autocomplete="off" value="FM">
                                <label class="btn btn-outline-fidelitas btn-sm" for="familiaTrazabilidad"><i class="bi bi-house"></i> @traducir('Familia', 'Familia')</label>
                            @endif
                        </div>
                    </div>
                    <!-- -->
                    <div class="row justify-content-center my-1">
                        <div class="col-12">
                            <div class="input-group input-group-sm">
                                <input type="text" id="filtro-trazabilidad-nombre" class="form-control shadow @if(Session::get('modo') == 1) bg-dark text-white @else bg-white text-dark @endif" placeholder="@traducir('Ingresar nombre', 'Ingresar nombre')" title="@traducir('Filtrar por nombre de item', 'Filtrar por nombre de item')">
                                <input type="text" id="filtro-trazabilidad-fecha" class="form-control shadow d-none @if(Session::get('modo') == 1) bg-dark text-white @else bg-white text-dark @endif " placeholder="@traducir('Ingresar fecha', 'Ingresar fecha')" title="@traducir('Fecha esperada', 'Fecha esperada'): dd/mm/yyyy">
                                @if( count($familias) > 0 )
                                    <select name="filtro-trazabilidad-familia" id="filtro-trazabilidad-familia" class="form-select d-none" placeholder="@traducir('Elegir Familia', 'Elegir Familia')" title="@traducir('Filtrar por familia de item', 'Filtrar por familia de item')" style="cursor:pointer;">
                                        <option value=""></option>
                                        @foreach( $familias as $key_familia => $familia )
                                            @if( !empty($familia->nombre_familia) )
                                                <option value="{{ $familia->idFamilia }}">{{ $familia->nombre_familia }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                @endif
                                <button type="button" id="cancelar-filtro-trazabilidad" title="@traducir('Cancelar la busqueda', 'Cancelar la busqueda')" class="btn btn-danger d-none"><i class="bi bi-x-lg"></i></button>
                            </div>
                        </div>
                    </div>
                    <!-- -->
                    {{--<div class="row justify-content-center my-1">
                        <div class="col-12">
                            <div class="btn-group" role="group" aria-label="Basic checkbox toggle button group">
                                @foreach( $iconos_trazabilidad as $key => $icon )
                                    <input type="checkbox" class="btn-check" id="btncheck_{{$key}}" value="{{$icon}}" autocomplete="off">
                                    <label class="btn btn-outline-dark" for="btncheck_{{$key}}"><i class="{{$icon}}"></i></label>
                                @endforeach
                            </div>
                        </div>
                    </div>--}}
                    <!-- -->
                    <div class="row">
                        <div class="col-12">
                            <ul class="list-group shadow" style="">
                                @if( Session::get('servicio_actual') == env('IV_PRODUCTO') )
                                    @foreach($trazabilidad as $novedad)
                                        <a href="#" class="list-group-item list-group-item-action items-trazabilidad @if(Session::get('modo') == 1) bg-dark text-white @else bg-white text-dark @endif" data-fecha="{{$novedad->fecha}}" data-contraparte="{{$novedad->contraparte}}" data-nombre="{{$novedad->nombre_persona}}" data-visible="{{$novedad->publicado}}" aria-current="true">
                                            <div class="d-flex w-100 justify-content-between">
                                                <h6 class="mb-1 fw-light" style="font-size:13px;"><i class="{{$novedad->icono}} icono-novedades-dashboard"></i> {{$novedad->nombre_persona}}</h6>
                                                <small class="text-muted" style="font-size:13px;">{{$novedad->fecha}}</small>
                                            </div>
                                            <p class="mb-1 fw-light" style="font-size:12px;">{{$novedad->texto}}</p>
                                        </a>
                                    @endforeach
                                @else
                                    @foreach($trazabilidad as $novedad)
                                        <a href="#" class="list-group-item list-group-item-action items-trazabilidad-led @if(Session::get('modo') == 1) bg-dark text-white @else bg-white text-dark @endif" data-fecha="{{$novedad->fecha}}" data-contraparte="{{$novedad->contraparte}}" data-familia="{{ $novedad->idFamilia }}" data-nombre="{{$novedad->nombre_persona}}" aria-current="true">
                                            <div class="d-flex w-100 justify-content-between">
                                                <h6 class="mb-1 fw-light" style="font-size:13px;"><i class="{{$novedad->icono}} icono-novedades-dashboard"></i> {{$novedad->nombre_persona}} ({{$novedad->nombre_familia}}) </h6>
                                                <small class="text-muted" style="font-size:13px;">{{$novedad->fecha}}</small>
                                            </div>
                                            <p class="mb-1 fw-light" style="font-size:12px;">{{$novedad->texto}}</p>
                                        </a>
                                    @endforeach
                                @endif
                            </ul>
                        </div>
                    </div>
                @else
                    <div class="row justify-content-center my-3">
                        <div class="col-xl-8">
                            <h6 class="text-center text-fidelitas lead fw-light" style="font-size:15px;">@traducir('Sin novedades', 'Sin novedades')</h6>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
<!-- -->
<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>
<!-- -->
<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>
<!-- -->
<form action="/iv/iv-panel-control" id="panel_control_inquiro" method="GET">
    <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="/js/chart.js"></script>
<script src="{{ asset('/js/fancy/fancy.min.js')}}"></script>
<script src="{{ asset('/js/graficos_dashboard.js') }}?v=1"></script>
<script src="{{ asset('/Libreria_CA/Js/iv/funciones_iv.js')}}?v=1"></script>
<script>
    $(document).ready(function(){
        llamadaGraficosDashboard();
    });
</script>
@endsection