@if (empty($businessreport) || $businessreport->visible == 0)
	<div class="col-md-12 font15 text-center">-- No se encuentra información --</div>

<!-- http://bernii.github.io/gauge.js/#?currval=825&animationSpeed=50&angle=0&lineWidth=14&radiusScale=100&pointer.length=54&pointer.color=000000&pointer.strokeWidth=35&fontSize=32&colorStart=6FADCF&colorStop=8FC0DA&strokeColor=E0E0E0&divisions=0&divLength=59&divColor=333333&divWidth=11&subDivisions=3&subLength=50&subColor=666666&subWidth=6 -->

@else

<style>
	.text-fidelitas { color: #0F335A; } /* azul oscuro */
	.text-fidelitas2 { color: #7c9fc7; } /* celeste */
	
	.caja-dossier {
		border: 1px #c0c0c0 solid; 
		padding: 0px 0px 0px 0px; 
		text-align: center;
	}

	.titulo-caja {
		text-align:center; 
		background-color: #0f335a; 
		color: #FFFFFF; 
		font-size: 16px; 
		height: 24px;
	}

	.interior-caja {
		padding: 10px 10px 10px 10px; 
		text-align: center;
	}

	.texto-caja {
		text-align: center;
		vertical-align: middle;
		font-size: 12px;
		padding-top: 20px;
		color: #6DA1C6;
	}

	#nrLow {
		text-align: center; font-size: 14px; width:25%; border: #e0e0e0 1px solid; 
		background-color: #63b68c; color: #FFFFFF; float: left; height: 50px; margin-top: 55px;
		padding-top: 14px;
	}

	#nrStd {
		text-align: center; font-size: 14px; width:25%; border: #e0e0e0 1px solid; 
		background-color: #c0c0c0; color: #000000; float: left; height: 50px; margin-top: 55px;
		padding-top: 14px;
	}

	#nrMed {
		text-align: center; font-size: 14px; width:25%; border: #e0e0e0 1px solid; 
		background-color: #FFB81C; color: #FFFFFF; float: left; height: 50px; margin-top: 55px;
		padding-top: 14px;
	}

	#nrHigh {
		text-align: center; font-size: 14px; width:25%; border: #e0e0e0 1px solid; 
		background-color: #A72B2A; color: #FFFFFF; float: left; height: 50px; margin-top: 55px;
		padding-top: 14px;
	}

	.marker {
		position: relative;
		top: -18px; 
		left: 47%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.sfbox {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);		
	}

	.caja-analisis {
		background-color: #d0d1d3;
		color: #000000;
		border-right: #c0c1c7 3px solid;
		border-bottom: #c0c1c7 3px solid;
		border-top: #d9dadd 3px solid;
		border-left: #d9dadd 3px solid;
		padding: 12px;
		font-size: 14px;
	}

	.pdfbtn {
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		background-color: #7b9ec4;
		border-right: #6084a8 4px solid;
		border-bottom: #6084a8 4px solid;
		border-top: #b4cbdd 4px solid;
		border-left: #b4cbdd 4px solid;
		width: 120px;
		height: 120px;
		position: relative;
		text-align: center;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		cursor: pointer;
	}

	.pdfbtn a { color: #FFFFFF; }
	.pdfbtn a:hover { color: #0F335A; }

</style>

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

<H3>Business Report</H3>

<div class="row">
	<div class="col-md-8">


		<div class="caja-dossier">
			<div class="titulo-caja">{{$qcontrap->nombre_persona}} - {{$qcontrap->abreviatura}} {{$qcontrap->numero}}</div>

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

					@if (!empty($logo_name))
					<div style="padding: 10px 5px 10px 5px; width: 100%">
						<div style="width:100%" align="center">
							<img src="{{env('RUTA_DOCUMENTOS')}}/logos/{{$logo_name}}" border="0" class="img img-responsive">
							
						</div>
					</div>
					@endif

					@if (!empty($businessreport->mes_inicio))
					<div class="caja-dossier">
						<div class="titulo-caja">INICIO DE ACTIVIDAD</div>
						<div style="padding: 15px 15px 15px 15px">
							<i class="fa fa-calendar fa-3x text-fidelitas2"></i><span class="h2 text-fidelitas"> {{$businessreport->mes_inicio}}</span>
						</div>
					</div>
					@endif

					@if (!empty($businessreport->empleados))
					<div class="caja-dossier">						
						<div class="titulo-caja">CANTIDAD DE EMPLEADOS</div>
						<div style="padding: 15px 15px 15px 15px">
							<i class="fa fa-users fa-3x text-fidelitas2"></i><span class="h2 text-fidelitas"> {{$businessreport->empleados}}</span>
						</div>
					</div>
					@endif

				</div>
				<div class="col-md-8 text-left">					
					<div style="padding: 15px 15px 15px 0px">{!! $businessreport->resenia !!}</div>
				</div>
			</div>

		</div>
	</div>


	<div class="col-md-4">
		<div class="caja-dossier">
			<div class="titulo-caja">STATUS</div>
			<table class="table table-striped table-condensed table-hover">
				<thead></thead>
				<tbody>
					<tr>
						<td><i class="far fa-folder-open no-data fa-2x text-fidelitas"></i></td>
						<td width="100%" class="text-left">
							<span class="font17 h5 text-fidelitas">Formales</span>
						</td>
						<td>
							@if(null != $businessreport->status_formales)<svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="@if ($businessreport->status_formales == 'V') #63b68c @elseif ($businessreport->status_formales == 'A') #FFB81C @else #A72B2A @endif" /></svg>@else <svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="#c0c0c0" /></svg> @endif
						</td>
					</tr>

					<tr>
						<td><i class="fa fa-users no-data fa-2x text-fidelitas"></i></td>
						<td width="100%" class="text-left">
							<span class="font17 h5 text-fidelitas">Relaciones</span>
						</td>
						<td>
							@if(null != $businessreport->status_relaciones)<svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="@if ($businessreport->status_relaciones == 'V') #63b68c @elseif ($businessreport->status_relaciones == 'A') #FFB81C @else #A72B2A @endif" /></svg>@else <svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="#c0c0c0" /></svg> @endif
						</td>
					</tr>

					<tr>
						<td><i class="fa fa-industry no-data fa-2x text-fidelitas"></i></td>
						<td width="100%" class="text-left">
							<span class="font17 h5 text-fidelitas">Comerciales</span>
						</td>
						<td>
							@if(null != $businessreport->status_comerciales)<svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="@if ($businessreport->status_comerciales == 'V') #63b68c @elseif ($businessreport->status_comerciales == 'A') #FFB81C @else #A72B2A @endif" /></svg>@else <svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="#c0c0c0" /></svg> @endif
						</td>
					</tr>

					<tr>
						<td><i class="fa fa-briefcase no-data fa-2x text-fidelitas"></i></td>
						<td width="100%" class="text-left">
							<span class="font17 h5 text-fidelitas">Fiscales</span>
						</td>
						<td>
							@if(null != $businessreport->status_fiscales)<svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="@if ($businessreport->status_fiscales == 'V') #63b68c @elseif ($businessreport->status_fiscales == 'A') #FFB81C @else #A72B2A @endif" /></svg>@else <svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="#c0c0c0" /></svg> @endif
						</td>
					</tr>

					<tr>
						<td><i class="fa fa-gavel no-data fa-2x text-fidelitas"></i></td>
						<td width="100%" class="text-left">
							<span class="font17 h5 text-fidelitas">Legales</span>
						</td>
						<td>
							@if(null != $businessreport->status_legales)<svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="@if ($businessreport->status_legales == 'V') #63b68c @elseif ($businessreport->status_legales == 'A') #FFB81C @else #A72B2A @endif" /></svg>@else <svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="#c0c0c0" /></svg> @endif
						</td>
					</tr>

					<tr>
						<td><i class="fa fa-university no-data fa-2x text-fidelitas"></i></td>
						<td width="100%" class="text-left">
							<span class="font17 h5 text-fidelitas">Bancos</span>
						</td>
						<td>
							@if(null != $businessreport->status_bancos)<svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="@if ($businessreport->status_bancos == 'V') #63b68c @elseif ($businessreport->status_bancos == 'A') #FFB81C @else #A72B2A @endif" /></svg>@else <svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="#c0c0c0" /></svg> @endif
						</td>
					</tr>

					<tr>
						<td><i class="fa fa-globe no-data fa-2x text-fidelitas"></i></td>
						<td width="100%" class="text-left">
							<span class="font17 h5 text-fidelitas">Comex</span>
						</td>
						<td>
							@if(null != $businessreport->status_comex)<svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="@if ($businessreport->status_comex == 'V') #63b68c @elseif ($businessreport->status_comex == 'A') #FFB81C @else #A72B2A @endif" /></svg>@else <svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="#c0c0c0" /></svg> @endif
						</td>
					</tr>

					<tr>
						<td><i class="fa fa-chart-bar no-data fa-2x text-fidelitas"></i></td>
						<td width="100%" class="text-left">
							<span class="font17 h5 text-fidelitas">Contables</span>
						</td>
						<td>
							@if(null != $businessreport->status_contables)<svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="@if ($businessreport->status_contables == 'V') #63b68c @elseif ($businessreport->status_contables == 'A') #FFB81C @else #A72B2A @endif" /></svg>@else <svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="#c0c0c0" /></svg> @endif
						</td>
					</tr>

					<tr>
						<td><i class="far fa-newspaper no-data fa-2x text-fidelitas"></i></td>
						<td width="100%" class="text-left">
							<span class="font17 h5 text-fidelitas">Prensa y otras fuentes</span>
						</td>
						<td>
							@if(null != $businessreport->status_prensa)<svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="@if ($businessreport->status_prensa == 'V') #63b68c @elseif ($businessreport->status_prensa == 'A') #FFB81C @else #A72B2A @endif" /></svg>@else <svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="#c0c0c0" /></svg> @endif
						</td>
					</tr>

					<tr>
						<td><i class="fa fa-certificate no-data fa-2x text-fidelitas"></i></td>
						<td width="100%" class="text-left">
							<span class="font17 h5 text-fidelitas">Fidecheck</span>
						</td>
						<td>
							@if(null != $businessreport->status_peps)<svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="@if ($businessreport->status_peps == 'V') #63b68c @elseif ($businessreport->status_peps == 'A') #FFB81C @else #A72B2A @endif" /></svg>@else <svg height="20" width="20" style="padding-bottom:1px"><circle cx="10" cy="10" r="9" stroke="black" stroke-width="0" fill="#c0c0c0" /></svg> @endif
						</td>
					</tr>


				</tbody>
				<tfoot></tfoot>
			</table>

		</div>
	</div>
</div>


@if (!empty($score))
<br />

<div class="row">
	<div class="col-md-12">
		<div class="caja-dossier">
			<div class="titulo-caja">DIAGNOSTICO</div>
			<br />

			<div class="row">
				<div class="col-md-1"></div>
				@if (!empty($score))
				<div class="col-md-2">
					<span class="font17 h5 text-center">Score</span>
					<div class="caja-dossier" style="min-height: 160px;">

						@if (isset($score))
						<div class="sfbox">
							<div style="padding: 5px 5px 5px 5px; float:left; width: 50%" align="right">
								<svg x="0px" y="0px" viewBox="0 0 301.605 301.605" style="enable-background:new 0 0 301.605 301.605;" xml:space="preserve" width="80px" height="80px">
									<g>
										<path d="M236.896,38.375v12.854h-49.808V38.375H236.896z M216.009,66.389h-28.921v12.854h28.921V66.389z M187.088,107.257h49.808   V94.404h-49.808V107.257z M216.009,122.425h-28.921v12.854h28.921V122.425z M187.088,163.293h49.808v-12.854h-49.808V163.293z    M194.852,236.533c0,35.881-29.191,65.072-65.072,65.072s-65.072-29.191-65.072-65.072c0-23.252,12.211-44.384,32.134-56.074   V32.938C96.843,14.775,111.618,0,129.78,0s32.938,14.775,32.938,32.938v147.522C182.641,192.137,194.852,213.275,194.852,236.533z    M181.998,236.533c0-19.73-10.964-37.565-28.619-46.53l-3.515-1.787V32.944c0-11.08-9.01-20.084-20.084-20.084   c-11.073,0-20.084,9.004-20.084,20.084v155.272l-3.515,1.787c-17.655,8.972-28.619,26.806-28.619,46.53   c0,28.792,23.426,52.218,52.218,52.218S181.998,265.325,181.998,236.533z M171.291,236.533c0,22.886-18.619,41.505-41.511,41.505   c-22.886,0-41.505-18.619-41.505-41.505c0-18.76,12.674-35.232,30.823-40.058l2.384-0.636v-79.275h16.601v79.269l2.384,0.643   C158.624,201.301,171.291,217.78,171.291,236.533z M131.837,208.866c-0.99-4.396-5.411-7.288-9.917-6.26   c-15.733,3.56-26.723,17.32-26.723,33.465c0,4.569,3.721,8.291,8.291,8.291s8.291-3.721,8.291-8.291   c0-8.207,5.797-15.482,13.798-17.288C130.024,217.76,132.839,213.313,131.837,208.866z" fill="#{{$score->color}}"/>
									</g>
								</svg>
							</div>
							<div style="padding: 5px 5px 5px 5px; float:left;" align="left">
								<div class="text-right">
									<span class="@if($score->valor < 100) h1 @else h2 @endif" style="color: #{{$score->color}}">{{$score->valor}}</span>
									<br />
									<span class="h3" style="color: #{{$score->color}}">/100</span>
								</div>
							</div>
						</div>
						@endif

					</div>
			
				</div>
				@endif


			</div>
			<br />

		</div>
	</div>
</div>
@endif


@if (!empty($businessreport->analisis))
<br />
<div class="row">
	<div class="col-md-12">
		<div class="caja-analisis">{!! $businessreport->analisis !!}</div>
	</div>
</div>
@endif
@if (!empty($pdfbusinessrpt))
<br />
<div class="text-center" width="100%">
	<div class="pdfbtn"><br /><img src="/img/pdfnew.jpg" width="60px" border="0"><br />Ver Report</div>
</div>
<div  class="hidden text-center" id="object_pdf_businessrpt" width="100%">
<object  class="text-center" style="width:50%;min-height: 700px;"; data="{env('RUTA_DOCUMENTOS')}}/businessreport/{{$pdfbusinessrpt}}" type="application/pdf">
    <embed src="{{env('RUTA_DOCUMENTOS')}}/businessreport/{{$pdfbusinessrpt}}" type="application/pdf" />
</object>
</div>
@endif

<br />
<br />

<script language="javascript">

	$(document).on('click','.pdfbtn',function(){
		$('#object_pdf_businessrpt').removeClass('hidden');
	});
</script>

@endif