@extends('app')

@section('style')
{!! Html::style('css/stickyTableHeaders.css') !!}
{!! Html::style('css/stickyTableHeaders.normalize.css') !!}
{!! Html::style('css/cartera.css') !!}
@endsection

@section('content')
	<ol class="breadcrumb">
    <a href="#" class="back-btn">
      <span class="glyphicon glyphicon-arrow-left"></span> Regresar
    </a>        
		<li><a href="{{route('home')}}">Inicio</a></li>
		<li class="active">Cartera</li>
	</ol>

	@include('errors.partials.alert',['errors'=>$errors->client])
	<div class="row">
		<div class="col-md-9 col-md-offset-3 col-sn-offset-3 col-sm-9">
			<div class="pull-right">
				<div class="btn-group">
					<button type="button" class="btn btn-default" data-toggle="modal" data-target="#filter-modal" data-placement="left" title="Filtro"> <span class = "glyphicon glyphicon-filter" aria-hidden = "true"></span> </button>
					<button type="button" class="btn btn-default" data-toggle="modal" data-target="#order-modal" data-placement="left" title="Orden"> <span class = "glyphicon glyphicon-sort-by-alphabet" aria-hidden = "true"></span></button>
					<button type="button" class="btn btn-default" data-toggle="modal" data-target="#columns-modal" data-placement="left" title="Columnas a mostrar"> <span class="fa fa-columns" aria-hidden = "true"></span></button>
				</div>
				<!-- Paginación -->
				{!! $clients->render()!!}
			</div>
			<div class="clearfix"></div>
		</div>
	</div>

	@if($clients->count() > 0)
		<div class="table-sticky-info pull-right">
		  <table>
		    <tr>
		      <th class="th-prospecto">
		        Datos Prospecto
		      </th>
		      <th class="th-contacto-prospecto">
		        Datos Contacto Prospecto
		      </th>
		      <th class="th-beneficiario">
		        Datos beneficiario
		      </th>
		    </tr>
		  </table>
		</div>
		<div class="clearfix"></div>
		<table id="clients">
			<thead>
				<tr>
					<th>
						NOMBRE COMPLETO
					</th>
					<th>
						ID
					</th>
					<th>
						CITAS
					</th>
					
				</tr>
			</thead>
			<tbody>
				@foreach($clients as $client)
				<tr>
					<th>
						{{$client->a_paterno}} {{$client->a_materno}} {{$client->nombre}}
					</th>
					<td>
						{{$client->id}}
					</td>
					<td>
						@include('executive/proclients/partials/appointment_buttons')					
					</td>
					
					@foreach($columns as $column => $enabled)
						@if($enabled)
							<td >
								{{$client->$column}}
							</td>
						@endif
					@endforeach
				</tr>
				@endforeach
			</tbody>
		</table>
	@else
		<div class="alert alert-info">
			No hay clientes que mostrar
		</div>
	@endif

	
	
		{!! Form::open(['method' => 'POST']) !!}
			{!! Form::hidden('current_page', Input::get('page', 1)) !!}
			{!! Form::hidden('page') !!}	
		{!! Form::close() !!}

@stop

@section('modals')
	@include('common.proclients.partials.modal_columns')
	@include('common.proclients.partials.modal_order')
	@include('common.proclients.partials.modal_filter')
	@include('appointments.partials.create') 
@endsection

@section('script')
{!! Html::script('js/throttle.min.js') !!}
{!! Html::script('js/clients/index.scroll.js') !!}
{!! Html::script('js/jquery.stickyheader.js') !!}
{!! Html::script('js/advancedStepper.js')!!}
<script type="text/javascript" src="/js/laroute.js"></script>
@stop