{{-- Cliente = 2, es cuando viene del Backend para ver solo la seccion habilitada (Balance) --}}
@if($cliente!='2')
	@include('/led/led_header')
	{{-- @include('navegador')	 --}}
@else 
	@include('/led/led_header_2')
@endif

<form id="dataContraparte">
	<input type="hidden" name="_token" value="{{csrf_token()}}" id="__token">
	<input type="hidden" name="contraparte" value="{{$qcontrap->contraparte}}" id="__contraparte">
</form>

	<div class="col-md-12 title-report" style="background-color: #6AA0CA;">
		<div class="col-md-10 col-sm-10 col-xs-10 roboto" id="" style="padding-top:7px;background-color: #6AA0CA; color: #FFFFFF">
			@if (null == $qcontrap->id_padre)
				{{ strtoupper($qcontrap->country_name) }} - {{$qcontrap->nombre_persona}} - {{$qcontrap->abreviatura}} {{$qcontrap->identificacion}}
			@else
				{{ strtoupper($qcontrap->country_name_padre) }} - <a href="##" class="goparent" style="color: #FFFFFF;">{{$qcontrap->nombre_persona_padre}} - {{$qcontrap->abreviatura_padre}} {{$qcontrap->identificacion_padre}}</a> &gt;&gt; {{$qcontrap->nombre_persona}} ({{$qcontrap->abreviatura}} {{$qcontrap->identificacion}})
			@endif
		</div>
		@if($cliente!=2)
		<div class="col-md-2 col-sm-2 col-xs-2 text-right roboto" style="padding: 3px;margin-bottom:0px;background-color: #6AA0CA">
			<form action="/led/led-panel-control" name="form_panel" method="POST" style="display: inline;">
				{{csrf_field()}}
    		<input type="hidden" name="state_save" value="1">
    		<input type="hidden" name="state" value="1">
				
				<button type="submit" class="btn background-fidelitas-celeste">
					<i class="fa fa-search hidden-md hidden-lg"></i><span class="hidden-xs hidden-sm btn-sm btn-fidelitas"> @traducir('Volver','Volver')</span>
				</button>
			</form>
		</div>
		@endif
	</div>
	
	<!-- <div style="margin: 65px 0px 0px 0px"> </div> -->



	<div id="navbar_secciones" class="profile-tabs mt-10" >
		<div class="nav-align-center">
			
			<ul class="nav nav-pills" role="tablist" id="navegador_tabs" style="z-index: 9999;">
			@if($cliente!='2')
				<li class="@if($tab == 'home') active @endif">
					<a href="#seccion-home" id="tab-home" role="tab" data-toggle="tab" aria-expanded="true">
						<i class="fa fa-home"></i><span class="col-xs-hidden col-sm-hidden col-md-hidden">@traducir('Inicio','Inicio')</span>
					</a>
				</li>
			@endif 


				@foreach($productos as $cc => $prod)
					@if($prod->visible_brief > 0) 
						<li class="@if($tab == $prod->producto_id) active @endif">
							<a href="#seccion-{{$prod->producto_id}}" id="tab-{{$prod->producto_id}}" role="tab" data-toggle="tab" aria-expanded="true" @if($prod->balance == 1) class="tab-balance" @endif>
								<i class="{{$prod->class_icon}}"></i><span class="col-xs-hidden col-sm-hidden col-md-hidden">{{$prod->etiqueta}}</span>
							</a>
						</li>


						@if ($prod->producto_id == 'informeComercial' AND $prod->country_code == 'AR')
							<!-- solapa novedades luego de la del informe comercial -->
							<li class="@if($tab == 'novedades') active @endif">
								<a href="#seccion-novedades" id="tab-novedades" role="tab" data-toggle="tab" aria-expanded="true">
									<i class="far fa-newspaper"></i><span class="col-xs-hidden col-sm-hidden col-md-hidden">@traducir('Novedades','Novedades')</span>
								</a>
							</li>
						@endif
					@endif
				@endforeach

			</ul>
		</div>

	</div>




	<div id="" class="tab-content gallery">
@if ($cliente != '2')

		<div class="container tab-pane text-center @if($tab == 'home') active @endif" id="seccion-home"><img style="float:none;" src="/images/loading.gif" class="loading"/></div>
@endif
		@foreach($productos as $cc => $prod)
			@if($prod->visible_brief > 0)
				<div class="container tab-pane text-center @if($tab == $prod->producto_id) active @endif"  id="seccion-{{$prod->producto_id}}"><img style="float:none;" src="/images/loading.gif" class="loading"/></div>
			@endif
		@endforeach

		<div class="container tab-pane text-center @if($tab == 'novedades') active @endif"  id="seccion-novedades"><img style="float:none;" src="/images/loading.gif" class="loading"/></div>

  </div>


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

@if ($qcontrap->id_padre > 0)
<form name="goParent" id="goParent" method="post" action="/led/led-contraparte">
	{{csrf_field()}}
	<input type="hidden" name="contraparte" value="{{$qcontrap->id_padre}}">
	<input type="hidden" name="tab" value="subcontratistas">
</form>
@endif

@if($cliente==2)
	<script type="text/javascript">
		$('#tab-balances').trigger('click'); 
	</script>
@endif


<style>
	.form-group, .form-control {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	input {
		height: 24px !important; 
	}

	.goparent:hover {
		text-decoration: underline;
	}
</style>

<script type="text/javascript" src="{{ URL::asset('js/led/led_contraparte.js') }}?v={{time()}}"> </script>

<script type="text/javascript" src="{{ URL::asset('js/chart2.8.min.js') }}?v={{time()}}"> </script>
<script type="text/javascript" src="{{ URL::asset('js/jquery.canvasjs.min.js') }}?v={{time()}}"> </script>
<script src="{{ URL::asset('/js/led_compacto.js') }}" type="text/javascript"></script>  
<script src="{{ URL::asset('/js/compacto_funciones.js') }}" type="text/javascript"></script>  
<script src="{{ URL::asset('/js/compacto_eventos.js') }}" type="text/javascript"></script>  
<script src="{{ URL::asset('/js/compacto_llamadas.js') }}" type="text/javascript"></script>  
@include('/led/led_footer')