@include('/led/led_header')

{{-- @include('/led/linea_divisoria') --}}
{{-- @include('navegador') --}}
{{--<script src="/js/Chart.min.js" type="text/javascript" language="javascript"></script>--}}
<script type="text/javascript" src="{{ URL::asset('js/chart2.8.min.js') }}"></script>

<div class="container">
	<!-- <h2>LED</h2>

	<div class="row">
		<div class="col-md-2 text-center col-md-offset-1">
			<a href="/led/led-productos"><i class="fa fa-toolbox fa-briefcase fa-4x"></i><br><h3>Productos</h3></a>
		</div>

		<div class="col-md-2 text-center">
			<a href="/led/led-familias"><i class="fa fa-user-friends fa-users fa-4x"></i><br><h3>Familias</h3></a>
		</div>

		<div class="col-md-2 text-center">
			<a href="/led/led-contrapartes"><i class="fa fa-industry fa-4x"></i><br><h3>Proveedores</h3></a>
		</div>

		<div class="col-md-2 text-center">
			<a href="/led/led-subcontratistas"><i class="fa fa-sitemap fa-4x"></i><br><h3>Subcontratistas</h3></a>
		</div>

		<div class="col-md-2 text-center">
			<a href="/led/led-dashboard" class="link-dash"><i class="fa fa-tachometer-alt fa-tachometer fa-4x"></i><br><h3>Dashboard</h3></a>
		</div>
	</div> -->

	{{-- <br />
	<br />
	<h3>@traducir('Dashboard','Dashboard')</h3> --}}

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

		<div class="caja-dashboard">
			<div class="titulo-caja">@traducir('RESUMEN', 'RESUMEN')</div>

			<br />
			<br />
			<div class="row">
				<div class="col-md-3 col-md-offset-1">
					<a  href="/led/led-dashboard" class="link-dash">
						<div class="circulo-celeste">
							<span class="valor-circulo">{{sizeof($qcontrap)}}</span>
						</div>
					</a>
				</div>
				<div class="col-md-6 col-md-offset-1 text-center texto-resumen">
					@traducir('CONTRAPARTES EN EL SISTEMA', 'CONTRAPARTES EN EL SISTEMA')
					<br>
					<a href="/led/led-dashboard" class="link-dash">
						<span class="etiqueta-celeste">@traducir('VER TODAS', 'VER TODAS')</span>
					</a>
				</div>
			</div>

  <!-- FORM GRAFICO INFORME COMERCIAL     -->
  <form action="/led/led-panel-control" id="form_grafico_ic" method="post">
    {{csrf_field()}}
    <input type="hidden" name="clave_indicador" id="indicador_grafico_ic" >
    <input type="hidden" name="valor_min" id="valor_min_grafico_ic" >
    <input type="hidden" name="valor_max" id="valor_max_grafico_ic" >
  </form>
  <!-- FORM GRAFICO SCORE BALANCE     -->
  <form action="/led/led-panel-control" id="form_score_balance" method="post">
    {{csrf_field()}}
    <input type="hidden" name="clave_indicador" id="indicador_score_balance" >
    <input type="hidden" name="valor_min" id="valor_min_score_balance" >
    <input type="hidden" name="valor_max" id="valor_max_score_balance" >
  </form>			
  <!-- FORM GRAFICO SCORE DOCUMENTOS     -->
  <form action="/led/led-panel-control" id="form_score_documentos" method="post">
    {{csrf_field()}}
    <input type="hidden" name="clave_indicador" id="indicador_score_documentos" >
    <input type="hidden" name="valor_min" id="valor_min_score_documentos" >
    <input type="hidden" name="valor_max" id="valor_max_score_documentos" >
  </form> 
  <!-- FORM GRAFICO SCORE FINAL     -->
  <form action="/led/led-panel-control" id="form_score_final" method="post">
    {{csrf_field()}}
    <input type="hidden" name="clave_indicador" id="indicador_score_final" >
    <input type="hidden" name="valor_min" id="valor_min_score_final" >
    <input type="hidden" name="valor_max" id="valor_max_score_final" >
  </form>
  <!-- FORM GRAFICO FIDECHECK     -->
  <form action="/led/led-panel-control" id="form_pep" method="post">
    {{csrf_field()}}
    <input type="hidden" name="clave_indicador" id="indicador_pep" >
    <input type="hidden" name="nombre_etiqueta" id="nombre_etiqueta_pep" >
    <input type="hidden" name="valor_texto" id="valor_texto_pep" >
  </form> 
  <!-- FORM GRAFICO SCORE DOSSIER -->
  <form action="/led/led-panel-control" id="form_score_dossier" method="post">
    {{csrf_field()}}
    <input type="hidden" name="clave_indicador" id="indicador_score_dossier" >
    <input type="hidden" name="valor_min" id="valor_min_score_dossier" >
    <input type="hidden" name="valor_max" id="valor_max_score_dossier" >
  </form>

  <!-- FORM GRAFICO DEPENDENCIA ECONOMICA -->
  <form action="/led/led-panel-control" id="form_dep_econ" method="post">
    {{csrf_field()}}
    <input type="hidden" name="clave_indicador" id="indicador_dep_econ" >
    <input type="hidden" name="valor_min" id="valor_min_dep_econ" >
    <input type="hidden" name="valor_max" id="valor_max_dep_econ" >
  </form>

			<!--

			{{-- <div class="row">
				<div class="col-md-3 col-md-offset-1">
					<a href="#" class="">
						<div class="circulo-rojo">
							<span class="valor-circulo">14</span>
						</div>
					</a>
				</div>
				<div class="col-md-6 col-md-offset-1 text-center texto-resumen">
					@traducir('CONTRAPARTES CON RIESGO ALTO', 'CONTRAPARTES CON RIESGO ALTO')
					<br>
					<a href="#" class="">
						<span class="etiqueta-roja">@traducir('VER DETALLE', 'VER DETALLE')</span>
					</a>
				</div>
			</div>
			<br />

			<div class="row">
				<div class="col-md-3 col-md-offset-1">
					<a href="#" class="">
						<div class="circulo-amarillo">
							<span class="valor-circulo">36</span>
						</div>
					</a>
				</div>
				<div class="col-md-6 col-md-offset-1 text-center texto-resumen">
					@traducir('DOCUMENTOS PENDIENTES DE VERIFICACION', 'DOCUMENTOS PENDIENTES DE VERIFICACION')
					<br>
					<a href="#" class="">
						<span class="etiqueta-amarilla">@traducir('VERIFICAR', 'VERIFICAR')</span>
					</a>
				</div>
			</div>

			<br/> --}}

			-->


		</div>
	</div>


	@if ($tiene_informe_comercial > 0)
	<div class="col-md-4" style="display:inline-block">
		<div class="caja-dashboard" style="text-align:center;">
			<div class="titulo-caja">@traducir('INFORME COMERCIAL', 'INFORME COMERCIAL')</div>
			<div class="interior-caja">
				@if (sizeof($graf_inf_com) > 0)
					<div id="canvas-ic">
						<canvas style="height:50%;" id="grafico-informe-comercial"></canvas>
					</div>
				@else
					<span class="texto-caja">@traducir('Aún no hay datos para mostrar', 'Aún no hay datos para mostrar')</span>
				@endif
			</div>
		</div>
	</div>
	@endif

	@if ($tiene_balances > 0)
	<div class="col-md-4">
		<div class="caja-dashboard">
			<div class="titulo-caja">@traducir('SCORE DE BALANCES', 'SCORE DE BALANCES')</div>
			<div class="interior-caja">
				@if (sizeof($graf_score_bal) > 0)
					<div id="canvas-sb">
						<canvas style="height:50%;" id="grafico-score-balance"></canvas>
					</div>
				@else
					<span class="texto-caja">@traducir('Aún no hay datos para mostrar', 'Aún no hay datos para mostrar')</span>
				@endif
			</div>
		</div>
	</div>
	@endif

	@if ($tiene_docs > 0)
	<div class="col-md-4">
		<div class="caja-dashboard">
			<div class="titulo-caja">@traducir('SCORE DE DOCUMENTOS', 'SCORE DE DOCUMENTOS')</div>
			<div class="interior-caja">
				@if (sizeof($graf_score_doc) > 0)
					<div id="canvas-sd">
						<canvas style="height:50%;" id="grafico-score-documentos"></canvas>
					</div>			
				@else
					<span class="texto-caja">@traducir('Aún no hay datos para mostrar', 'Aún no hay datos para mostrar')</span>
				@endif
			</div>
		</div>
	</div>
	@endif

	@if ($tiene_fidecheck > 0)
	<div class="col-md-4">
		<div class="caja-dashboard">
			<div class="titulo-caja">FIDECHECK</div>
			<div class="interior-caja">
				@if (sizeof($graf_fidecheck) > 0)
					<div id="canvas-pep">
						<canvas style="height:50%;" id="grafico-fidecheck"></canvas>
					</div>			
				@else
					<span class="texto-caja">@traducir('Aún no hay datos para mostrar', 'Aún no hay datos para mostrar')</span>
				@endif
			</div>
		</div>
	</div>
	@endif

	@if ($tiene_score_final > 0)
	<div class="col-md-4">
		<div class="caja-dashboard">
			<div class="titulo-caja">@traducir('SCORE FINAL', 'SCORE FINAL')</div>
			<div class="interior-caja">
				@if (sizeof($graf_score_final) > 0)
					<div id="canvas-sf">
						<canvas style="height:50%;" id="grafico-score-final" ></canvas>
					</div>					
				@else
					<span class="texto-caja">@traducir('Aún no hay datos para mostrar', 'Aún no hay datos para mostrar')</span>
				@endif
			</div>
		</div>
	</div>
	@endif

  <!-- SCORE DOSSIER -->
  @if ($tiene_score_dossier > 0)
  <div class="col-md-4">
    <div class="caja-dashboard">
      <div class="titulo-caja">SCORE DOSSIER</div>
      <div class="interior-caja">
        @if (sizeof($graf_score_dossier) > 0)
          <div id="canvas-sdossier">
            <canvas style="height:50%;" id="grafico-score-dossier" ></canvas>
          </div>          
        @else
          <span class="texto-caja">@traducir('Aún no hay datos para mostrar', 'Aún no hay datos para mostrar')</span>
        @endif
      </div>
    </div>
  </div>
  @endif

  <!-- DEPENDENCIA ECONOMICA -->
  @if ($tiene_dep_econ > 0)
  <div class="col-md-4">
    <div class="caja-dashboard">
      <div class="titulo-caja">DEPENDENCIA ECONOMICA</div>
      <div class="interior-caja">
        @if (sizeof($graf_dep_econ) > 0)
          <div id="canvas-dep-econ">
            <canvas style="height:50%;" id="grafico-dep-econ" ></canvas>
          </div>          
        @else
          <span class="texto-caja">@traducir('Aún no hay datos para mostrar', 'Aún no hay datos para mostrar')</span>
        @endif
      </div>
    </div>
  </div>
  @endif

  <!-- CONTROL INGRESO -->
  @if ($tiene_control_ingreso > 0)
  <div class="col-md-4">
    <div class="caja-dashboard">
      <div class="titulo-caja">AUDITORIA</div>
      <div class="interior-caja">
        @if (sizeof($graf_control_ingreso) > 0)
          <div id="canvas-control-ingreso">
            <canvas style="height:50%;" id="grafico-control-ingreso" ></canvas>
          </div>          
        @else
          <span class="texto-caja">@traducir('Aún no hay datos para mostrar', 'Aún no hay datos para mostrar')</span>
        @endif
      </div>
    </div>
  </div>
  @endif




	<div class="col-md-4">
		<div class="caja-dashboard">
			<div class="titulo-caja">@traducir('NOVEDADES DE MONITOREO', 'NOVEDADES DE MONITOREO')</div>
			<br />
			@if(!empty($novedades))

			<div class="row">
				<div class="col-md-12 text-left">
					<div style="min-height: 220px; max-height:220px; overflow-y: auto;">
						<ul>
							@foreach($novedades as $k => $data)
							<li><a href="#" data-id="{{$data->contraparte}}" class="novedad">{{$data->nombre_persona}}</a></li>
							@endforeach
						</ul>
					</div>
				</div>					
			</div>

			@else
			<div class="text-center"> @traducir('No se encuentran novedades', 'No se encuentran novedades') </div>
			<br /> 
			@endif
		</div>
	</div>

		
	

</div>

<form name="goPanelControl" id="goPanelControl" method="post" action="/led/led-panel-control">
	{{csrf_field()}}
</form>

<form name="frmContraparte" id="frmContraparte" method="post" action="/led/led-panel-control">
	{{csrf_field()}}
	<input type="hidden" name="contraparte" value="" id="contraparte">
	<input type="hidden" name="tab" value="novedades">
</form>


<script language="javascript">
	$(document).ready(function() {
		/* informe comercial */

  @if (sizeof($graf_inf_com) > 0)
		@foreach($graf_inf_com AS $data)
      @if ($data->clave_indicador !=null)
        var indicador_informe_comercial = '{{ $graf_inf_com[0]->clave_indicador}}';
        @break
      @endif
		@endforeach
		var configIC = {
				type: 'doughnut',
				data: {
					datasets: [{
						data: [
							@foreach($graf_inf_com AS $data)
								{{$data->total or ""}},
							@endforeach
						],
            v_indicador: [ indicador_informe_comercial],
						backgroundColor: [
							@foreach($graf_inf_com AS $data)
								'#{{$data->color or ""}}',
							@endforeach
						],
						label: 'Informe Comercial'
					}],
					labels: [
						@foreach($graf_inf_com AS $data)
							'{{$data->etiqueta or ""}}',
						@endforeach
					]
				},
				options: {
					responsive: true,
					legend: {
						position: 'right',
						display:true,
					},
					title: {
						display: false,
						text: '',
					},
					animation: {
						animateScale: true,
						animateRotate: true,
					},
				
					tooltips: {
						callbacks: {
							label: 
									function(tooltipItem, data) {
										var dataset = data.datasets[tooltipItem.datasetIndex];
                   // console.log(dataset)
										var total = dataset.data.reduce(function(previousValue, currentValue, currentIndex, array) {
																				return previousValue + currentValue;
																	  		});
										var currentValue = dataset.data[tooltipItem.index];
										//console.log(currentValue);
                    var percentage = ((currentValue/total) * 100).toFixed(2);         
										return ' ' + percentage + "%";
									}

						}
					},
           'onClick' : function (evt, item) {
             var element        = this.getElementAtEvent(event);
             var nombre_grafico = 'grafico_ic'; 
             dataGraficosFiltrada(element,nombre_grafico,indicador_informe_comercial,'grafico_ic','');

            }//fin 'onClick'

				},
			};
    @endif  		

		/* FIDECHECK */
    @if (sizeof($graf_fidecheck) > 0)
    @foreach($graf_fidecheck as $data)
      
      @if ($data->clave_indicador != null)
        var indicador_fidecheck = '{{$data->clave_indicador}}';
        @break
      @endif
    @endforeach

			var configPEP = {
				type: 'doughnut',
				data: {
					datasets: [{
						data: [
							@foreach($graf_fidecheck AS $data)
								{{$data->total or ""}},
							@endforeach
						],
						backgroundColor: [
							@foreach($graf_fidecheck AS $data)
								'#{{$data->color or ""}}',
							@endforeach
						],
            v_indicador:[indicador_fidecheck],
            test: [
              @foreach($graf_fidecheck AS $n=>$data)
                '{{$graf_fidecheck[$n]->valor_texto or ""}}',
              @endforeach
            ],
						label: 'Fidecheck'
					}],
					labels: [
						@foreach($graf_fidecheck AS $data)
							'{{$data->etiqueta or ""}}',
						@endforeach
					]
				},
				options: {
					responsive: true,
					legend: {
						position: 'right',
						display:true,
					},
					title: {
						display: false,
						text: '',
					},
					animation: {
						animateScale: true,
						animateRotate: true,
					},
				
					tooltips: {
						callbacks: {
							label: 
								function(tooltipItem, data) {
									var dataset = data.datasets[tooltipItem.datasetIndex];
									var total = dataset.data.reduce(function(previousValue, currentValue, currentIndex, array) {
																						return previousValue + currentValue;
																			  		});
									var currentValue = dataset.data[tooltipItem.index];
									var percentage = ((currentValue/total) * 100).toFixed(2);         
									return ' ' + percentage + "%";
								}
						}
					},
           'onClick' : function (evt, item) {
              var element        = this.getElementAtEvent(event);
              var nombre_grafico = 'grafico_pep'; 
              if (element[0]) {
                var chartData       = element[0]['_chart'].config.data;
                var idx             = element[0]['_index'];
                var valor_etiqueta  = chartData.labels[idx];
                var valor_texto     = (chartData['datasets'][0]['test'][idx]);
                if (indicador_fidecheck !='') {
                  dataGraficosFiltrada(element, nombre_grafico,indicador_fidecheck,'pep',valor_etiqueta,valor_texto)
                }
              }
            }

				},
			};		
		@endif

	/* score final */
  @if (sizeof($graf_score_final) > 0)  

    @foreach($graf_score_final AS $data)
      @if ($data->clave_indicador != null)
        var indicador_score_final = '{{$data->clave_indicador}}';
        @break
      @endif
    @endforeach

		var configSF = {
			type: 'pie',
			data: {
				datasets: [{
					data: [
							@foreach($graf_score_final AS $data)
								{{$data->total or ""}},
							@endforeach
					],
          			v_indicador: [indicador_score_final],

          			v_range: [
          					@foreach($graf_score_final as $data)
          						'{{ $data->etiqueta  }}',
          					@endforeach
          			],

					backgroundColor: [
							@foreach($graf_score_final AS $data)
								'#{{$data->color or ""}}',
							@endforeach
					],
					label: 'Score final' 
				}],
				labels: [
						@foreach($graf_score_final AS $data)
							@if ($data->etiqueta_texto != null) '{{$data->etiqueta_texto }}' @else '{{$data->etiqueta }}' @endif,
						@endforeach
				]
			},
			options: {

				responsive: true,
				legend: {
					position: 'right',
						display:true,
				},
				title: {
					display: false,
					text: '',
				},
				/*scale: {
					gridLines: { display:false, drawBorder: false },
					ticks: {
						beginAtZero: true,
						display: false
					},
					reverse: false,
				},
				animation: {
					animateRotate: false,
					animateScale: true
				},*/

				tooltips: {
					callbacks: {
						label: 
								function(tooltipItem, data) {
									var dataset = data.datasets[tooltipItem.datasetIndex];
									var total = dataset.data.reduce(function(previousValue, currentValue, currentIndex, array) {
																		                return previousValue + currentValue;
																			  		       });
									var currentValue = dataset.data[tooltipItem.index];
									var percentage = ((currentValue/total) * 100).toFixed(2);         
									return ' ' + percentage + "%";
								}

					}
				},
         'onClick' : function (evt, item) {
           var element        = this.getElementAtEvent(event);
           var nombre_grafico = 'grafico_sf'; 
           dataGraficosFiltrada(element, nombre_grafico,indicador_score_final,'score_final');
          }//fin 'onClick'

			}
		};

  @endif  

/* score de balance */
@if (sizeof($graf_score_bal) > 0)

  @foreach($graf_score_bal AS $data)
    @if ($data->clave_indicador != null)
      var indicador_score_balance = '{{$data->clave_indicador}}';
      @break
    @endif
  @endforeach


		var configSB = {
			type: 'pie',
			data: {
				datasets: [{
					data: [
							@foreach($graf_score_bal AS $data)
								{{$data->total or ""}},
							@endforeach
					],
          v_indicador:[indicador_score_balance],
					backgroundColor: [
							@foreach($graf_score_bal AS $data)
								'#{{$data->color or ""}}',
							@endforeach
					],
					label: 'Score de balance'
				}],
				labels: [
						@foreach($graf_score_bal AS $data)
							'{{$data->etiqueta or ""}}',
						@endforeach
				]
			},
			options: {
				responsive: true,
				legend: {
					position: 'right',
					display:true,
				},
				title: {
					display: false,
					text: '',
				},

				tooltips: {
					callbacks: {
						label: 
								function(tooltipItem, data) {
									var dataset = data.datasets[tooltipItem.datasetIndex];
									var total = dataset.data.reduce(function(previousValue, currentValue, currentIndex, array) {
																						return previousValue + currentValue;
																			  		});
									var currentValue = dataset.data[tooltipItem.index];
									var percentage = ((currentValue/total) * 100).toFixed(2);         
									return ' ' + percentage + "%";
								}

					}
				},
         'onClick' : function (evt, item) {
           var element        = this.getElementAtEvent(event);
           var nombre_grafico = 'grafico_sb'; 
           dataGraficosFiltrada(element,nombre_grafico,indicador_score_balance,'score_balance');
          }
			}
		};
  @endif  

  @if (sizeof($graf_score_dossier) > 0)  
    /* Score dossier */
    @foreach($graf_score_dossier AS $data)
      @if ($data->clave_indicador != null)
        var indicador_score_dossier = '{{$data->clave_indicador}}';
        @break
      @endif
    @endforeach
    var configSDossier = {
        type: 'doughnut',
        data: {
          datasets: [{
            data: [
              @foreach($graf_score_dossier AS $data)
                {{$data->total or ""}},
              @endforeach
            ],
            backgroundColor: [
              @foreach($graf_score_dossier AS $data)
                '#{{$data->color or ""}}',
              @endforeach
            ],
            label: 'Score Dossier'
          }],
          labels: [
            @foreach($graf_score_dossier AS $data)
              '{{$data->etiqueta or ""}}',
            @endforeach
          ]
        },
        options: {
          responsive: true,
          legend: {
            position: 'right',
            display:true,
          },
          title: {
            display: false,
            text: '',
          },
          animation: {
            animateScale: true,
            animateRotate: true,
          },
        
          tooltips: {
            callbacks: {
              label: 
                  function(tooltipItem, data) {
                    var dataset = data.datasets[tooltipItem.datasetIndex];
                    //console.log(dataset)
                    var total = dataset.data.reduce(function(previousValue, currentValue, currentIndex, array) {
                                        return previousValue + currentValue;
                                        });
                    var currentValue = dataset.data[tooltipItem.index];
                    var percentage = ((currentValue/total) * 100).toFixed(2);         
                    return ' ' + percentage + "%";
                  }

            }
          },
           'onClick' : function (evt, item) {
             var element        = this.getElementAtEvent(event);
             var nombre_grafico = 'grafico_score_dossier'; 

              if (element[0]) {
                var chartData = element[0]['_chart'].config.data;
                var idx       = element[0]['_index'];
                var label     = chartData.labels[idx];
                var value     = chartData.datasets[0].data[idx];
                dataGraficosFiltrada(element, nombre_grafico,indicador_score_dossier,'score_dossier')
              }
            }//fin 'onClick'

        },
      };
  @endif    


  @if (sizeof($graf_dep_econ) > 0)
    /* dependencia economica*/
    @foreach($graf_dep_econ AS $data)
      @if ($data->clave_indicador != null)
        var indicador_dependencia_economica = '{{$data->clave_indicador}}';
        @break
      @endif
    @endforeach

    var configDepEcon = {
        type: 'doughnut',
        data: {
          datasets: [{
            data: [
              @foreach($graf_dep_econ AS $data)
                {{$data->total or ""}},
              @endforeach
            ],
            v_indicador:[indicador_dependencia_economica],
            backgroundColor: [
              @foreach($graf_dep_econ AS $data)
                '#{{$data->color or ""}}',
              @endforeach
            ],
            label: 'Dependencia Economica'
          }],
          labels: [
            @foreach($graf_dep_econ AS $data)
              '{{$data->etiqueta or ""}}',
            @endforeach
          ]
        },
        options: {
          responsive: true,
          legend: {
            position: 'right',
            display:true,
          },
          title: {
            display: false,
            text: '',
          },
          animation: {
            animateScale: true,
            animateRotate: true,
          },
        
          tooltips: {
            callbacks: {
              label: 
                  function(tooltipItem, data) {
                    var dataset = data.datasets[tooltipItem.datasetIndex];
                    //console.log(dataset)
                    var total = dataset.data.reduce(function(previousValue, currentValue, currentIndex, array) {
                                        return previousValue + currentValue;
                                        });
                    var currentValue = dataset.data[tooltipItem.index];
                    //console.log(currentValue);
                    var percentage = ((currentValue/total) * 100).toFixed(2);
                    return ' ' + percentage + "%";
                  }

            }
          },
           'onClick' : function (evt, item) {
             var element        = this.getElementAtEvent(event);
             var nombre_grafico = 'grafico_dep_econ'; 
             dataGraficosFiltrada(element,nombre_grafico,indicador_dependencia_economica,'dep_econ','');
            }//fin 'onClick'
        },
      }; 
  @endif    

  /* control ingreso*/
  @if (sizeof($graf_control_ingreso) > 0)
    
    {{-- 
    @foreach($graf_control_ingreso AS $data)
      @if ($data->indicador > 0)
        var indicador_control_ingreso = {{$data->indicador}};
        @break
      @endif
    @endforeach
    --}}
    var configCI = {
        type: 'doughnut',
        data: {
          datasets: [{
            data: [
              @foreach($graf_control_ingreso AS $data)
                {{$data->total or ""}},
              @endforeach
            ],
            backgroundColor: [
              @foreach($graf_control_ingreso AS $data)
                '#{{$data->color or ""}}',
              @endforeach
            ],
            label: 'AUDITORIA'
          }],
          labels: [
            @foreach($graf_control_ingreso AS $data)
              '{{$data->etiqueta or ""}}',
            @endforeach
          ]
        },
        options: {
          responsive: true,
          legend: {
            position: 'right',
            display:true,
          },
          title: {
            display: false,
            text: '',
          },
          animation: {
            animateScale: true,
            animateRotate: true,
          },
        
          tooltips: {
            callbacks: {
              label: 
                  function(tooltipItem, data) {
                    var dataset = data.datasets[tooltipItem.datasetIndex];
                    //console.log(dataset)
                    var total = dataset.data.reduce(function(previousValue, currentValue, currentIndex, array) {
                                        return previousValue + currentValue;
                                        });
                    var currentValue = dataset.data[tooltipItem.index];
                    //console.log(currentValue);
                    var percentage = ((currentValue/total) * 100).toFixed(2);         
                    return ' ' + percentage + "%";
                  }

            }
          },
           'onClick' : function (evt, item) {
             var element        = this.getElementAtEvent(event);
             //var nombre_grafico = 'grafico_ic'; 
             //dataGraficosFiltrada(element,nombre_grafico,indicador_informe_comercial,'grafico_ic','');
            }//fin 'onClick'

        },
      };
  @endif    


      

		window.onload = function() {

      //informe comercial
			@if (!empty($graf_inf_com))
  			var ctx  = document.getElementById('grafico-informe-comercial').getContext('2d');
	   		window.grafInformeComercial = new Chart(ctx, configIC);
      @endif
      //fidecheck
			@if (!empty($graf_fidecheck))
		  	var ctx = document.getElementById('grafico-fidecheck');
			  window.grafFidecheck = new Chart(ctx, configPEP);
			@endif
      //score final
			@if (!empty($graf_score_final))
			  var ctx = document.getElementById('grafico-score-final');
			  window.grafScoreFinal = new Chart(ctx, configSF);
			@endif
      //score balance
			@if(!empty($graf_score_bal))
			  var ctx = document.getElementById('grafico-score-balance').getContext('2d');
			  window.grafScoreBal = new Chart(ctx, configSB);
			@endif
      //score dossier
      @if (!empty($graf_score_dossier))
        var ctx  = document.getElementById('grafico-score-dossier').getContext('2d');
        window.grafScoreDossier = new Chart(ctx, configSDossier);
      @endif    
      //dependencia economica
      @if (!empty($graf_dep_econ))
        var ctx  = document.getElementById('grafico-dep-econ').getContext('2d');
        window.grafDepEcon = new Chart(ctx, configDepEcon);
      @endif  
      //control ingreso (auditoria)
      @if (!empty($graf_control_ingreso))
        var ctx  = document.getElementById('grafico-control-ingreso').getContext('2d');
        window.grafControlIngreso = new Chart(ctx, configCI);
      @endif
      /* score documento*/
			@if (!empty($graf_score_doc))
  			var ctx = document.getElementById('grafico-score-documentos').getContext('2d');
        //indicador indicador_score_documento
        @foreach($graf_score_doc AS $n=> $data)
    
          @if ($data->clave_indicador != null)
            var indicador_score_documento = '{{$data->clave_indicador}}';
            @break
          @endif
        @endforeach

  			window.grafScoreDoc = new Chart(ctx, {
  				type: 'bar',
  				//data: configSD,
  				data: {
             datasets: [
              @foreach($graf_score_doc as $n => $data)
              {
                label: '{{$graf_score_doc[$n]->etiqueta}}',
                backgroundColor: '#{{$data->color}}',
                data: [
                  {{$data->total}},
                ]
              },
              @endforeach
            ], 
          },
          options: {
  					legend: {
  						position: 'right',
  						display:true,
  					},
  					title: {
  						display: false,
  						text: ''
  					},/*
  					tooltips: {
  						mode: 'index',
  						intersect: false
  					},*/
  					responsive: true,
  					scales: {
  						xAxes: [{
  							stacked: true,
  							barThickness : 48,
  							gridLines: { display:false, drawBorder: false },
  						}],
  						yAxes: [{
  							stacked: true,
  							gridLines: { display:false, drawBorder: false },

  						ticks: { display: false },

  						}]
  					},

  					tooltips: {
  						callbacks: {
  							label: 
  								function(tooltipItem, data) {
  									var dataset = data.datasets[tooltipItem.datasetIndex];
                    var total = 0;
  									
                    for (var i = 0; i < data.datasets.length; i++) {
  										total += data.datasets[i].data[0]; 
  									}
  									var currentValue = dataset.data[tooltipItem.index];
  									if(total <= 0){return 0;}
  									var percentage = ((currentValue/total) * 100).toFixed(2);
  									//return percentage.toString() + "%";
                    return ' '+ percentage + "%";
  								}

  						}
  					},
           'onClick' : function (evt, item) {
              var element        = this.getElementAtEvent(evt);
              var nombre_grafico = 'grafico_scoreDoc'; 
              dataGraficosFiltrada(element, nombre_grafico,indicador_score_documento,'score_documentos') 
            }//fin 'onClick'
  					
  				}
  			});
			@endif
		};	




		$('.link-dash').on('click', function(e) {
			e.preventDefault();
			$('#goPanelControl').submit();
		});

	});

  function dataGraficosFiltrada(element, nombre_grafico,indicador,id_form,valor_etiqueta,valor_texto){
    console.log(element)
    if (element[0]) {
      if (nombre_grafico=='grafico_scoreDoc') {
        var valores     = element[0]['_model'].datasetLabel; 
        var valores_exp = valores.split('-')
        var valor_min   = valores_exp[0];
        var valor_max   = valores_exp[1];
        $('#indicador_'+id_form).val(indicador);
        $('#valor_min_'+id_form).val(valor_min);
        $('#valor_max_'+id_form).val(valor_max);
        $('#form_'+id_form).submit();
      }else if(nombre_grafico=='grafico_pep'){
        $('#indicador_'+id_form).val(indicador);
        $('#nombre_etiqueta_'+id_form).val(valor_etiqueta);
        $('#valor_texto_'+id_form).val(valor_texto);
        $('#form_'+id_form).submit();
    }

    else if(nombre_grafico == 'grafico_sf') {

        var chartData       = element[0]['_chart'].config.data;
        var idx             = element[0]['_index'];
        var label           = chartData.datasets[0].v_range[idx];
        var label_exp       = label.split('-');
        var valor_indicador = chartData.datasets[0].v_indicador[0];
        var valor_min       = label_exp[0]; 
        var valor_max       = label_exp[1];
        console.log(valor_indicador)
        $('#indicador_'+id_form).val(valor_indicador);
        $('#valor_min_'+id_form).val(valor_min);
        $('#valor_max_'+id_form).val(valor_max);
        //console.log(valor_indicador)
        //return;
        $('#form_'+id_form).submit();

    }


      else{
        var chartData       = element[0]['_chart'].config.data;
        console.log(chartData)
        var idx             = element[0]['_index'];
        var label           = chartData.labels[idx];
        var label_exp       = label.split('-');
        //var valor_indicador = chartData.datasets[0].data[idx];
        var valor_indicador = chartData.datasets[0].v_indicador[0];
        var valor_min       = label_exp[0]; 
        var valor_max       = label_exp[1];
        console.log(valor_indicador)
        $('#indicador_'+id_form).val(valor_indicador);
        $('#valor_min_'+id_form).val(valor_min);
        $('#valor_max_'+id_form).val(valor_max);
        //console.log(valor_indicador)
        //return;
        $('#form_'+id_form).submit();


      }

      

    }//fin if
  }//fin dataGraficosFiltrada

  $('.novedad').on('click', function() {
    var id = $(this).data('id');
    $('#contraparte').val(id);
    $('#frmContraparte').submit();
  });

</script>

{{-- <script type="text/javascript" src="{{ URL::asset('js/led/led_dashboard.js') }}"></script>--}}

@include('footer')