@extends('layouts.principal')
@section('content')

	<div class="row">
		<div class="col-lg-12">
			<h1 class="page-header">Bienvenido, {{ $cliente->nombre}}!</h1>
		</div>
		<!-- /.col-lg-12 -->
    </div>
    <!-- /.row -->
	
	

	<div class="row">
	
		<div class="col-lg-3">
			<div class="panel panel-info">
				<div class="panel-heading">
					EN DIAGNÓSTICO
				</div>
				<div class="panel-body">
					<center>
					<a href="{!! URL::to('selectReparacionesCliente/1/cliente/'.$cliente->id) !!}">
					<i class="fa fa-search fa-5x" aria-hidden="true"></i>
					</a>
					<BR><BR>
					{{ $reparacionesCantidadesEstadosClientes[1] }} REPARACIONES
					</center>					
				</div>
				<!-- /.panel-body -->
			</div>
			<!-- /.panel -->
		</div>
		<!-- /.col-lg-3 -->
		
		<div class="col-lg-3">
			<div class="panel panel-info">
				<div class="panel-heading">
					EN REPARACIÓN
				</div>
				<div class="panel-body">
					<center>
					<a href="{!! URL::to('selectReparacionesCliente/10/cliente/'.$cliente->id) !!}">
					<i class="fa fa-wrench fa-5x" aria-hidden="true"></i>
					</a>
					<BR><BR>
					{{ $reparacionesCantidadesEstadosClientes[10] }} REPARACIONES
					</center>					
				</div>
				<!-- /.panel-body -->
			</div>
			<!-- /.panel -->
		</div>
		<!-- /.col-lg-3 -->

		<div class="col-lg-3">
			<div class="panel panel-info">
				<div class="panel-heading">
					ESPERANDO REPUESTOS
				</div>
				<div class="panel-body ">				
					<center>
					<a href="{!! URL::to('selectReparacionesCliente/21/cliente/'.$cliente->id) !!}">
					<i class="fa fa-truck fa-5x" aria-hidden="true"></i>
					</a>
					<BR><BR>
					{{ $reparacionesCantidadesEstadosClientes[21] }} REPARACIONES
					</center>
				</div>
				<!-- /.panel-body -->
			</div>
			<!-- /.panel -->
		</div>
		<!-- /.col-lg-3 -->

		<div class="col-lg-3">
			<div class="panel panel-info">
				<div class="panel-heading">
					ESPERANDO APROBACIÓN DE PRESUPUESTO
				</div>
				<div class="panel-body">
					<center>
					<a href="{!! URL::to('selectReparacionesCliente/31/cliente/'.$cliente->id) !!}">
					<i class="fa fa-thumbs-up fa-5x" aria-hidden="true"></i>
					</a>
					<BR><BR>
					{{ $reparacionesCantidadesEstadosClientes[31] }} REPARACIONES
					</center>					
				</div>
				<!-- /.panel-body -->
			</div>
			<!-- /.panel -->
		</div>
		<!-- /.col-lg-3 -->	
		
		<div class="col-lg-3">
			<div class="panel panel-info">
				<div class="panel-heading">
					CANJE COMERCIAL
				</div>
				<div class="panel-body">
					<center>
					<a href="{!! URL::to('selectReparacionesCliente/22/cliente/'.$cliente->id) !!}">
					<i class="fa fa-retweet fa-5x" aria-hidden="true"></i>
					</a>
					<BR><BR>
					{{ $reparacionesCantidadesEstadosClientes[22] }} REPARACIONES
					</center>					
				</div>
				<!-- /.panel-body -->
			</div>
			<!-- /.panel -->
		</div>
		<!-- /.col-lg-3 -->

		<div class="col-lg-3">
			<div class="panel panel-info">
				<div class="panel-heading">
					LISTO PARA RETIRO
				</div>
				<div class="panel-body ">				
					<center>
					<a href="{!! URL::to('selectReparacionesCliente/50/cliente/'.$cliente->id) !!}">
					<i class="fa fa-check-square-o fa-5x" aria-hidden="true"></i>
					</a>
					<BR><BR>
					{{ $reparacionesCantidadesEstadosClientes[50] }} REPARACIONES
					</center>
				</div>
				<!-- /.panel-body -->
			</div>
			<!-- /.panel -->
		</div>
		<!-- /.col-lg-3 -->

		<div class="col-lg-3">
			<div class="panel panel-info">
				<div class="panel-heading">
					ENTREGADOS
				</div>
				<div class="panel-body">
					<center>
					<a href="{!! URL::to('selectReparacionesCliente/52/cliente/'.$cliente->id) !!}">
					<i class="fa fa-folder-open fa-5x" aria-hidden="true"></i>
					</a>
					<BR><BR>
					{{ $reparacionesCantidadesEstadosClientes[52] }} REPARACIONES
					</center>					
				</div>
				<!-- /.panel-body -->
			</div>
			<!-- /.panel -->
		</div>
		<!-- /.col-lg-3 -->	

		<div class="col-lg-3">
			<div class="panel panel-warning">
				<div class="panel-heading">				
					HABLAR CON UN ASESOR
				</div>
				<div class="panel-body">
					<center>
					<a href="https://dattachat.com/chat/externalchat/?wid=516ece7a02b92901015385" target="_BLANK">
					<i class="fa fa-commenting-o fa-5x" aria-hidden="true"></i>
					</a>
					</center>					
				</div>
				<!-- /.panel-body -->
			</div>
			<!-- /.panel -->
		</div>
		<!-- /.col-lg-3 -->		
		
	</div>
	<!-- /.row -->	
	
@endsection