@extends('app')

@section('head')
{!! 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">
					{!!Form::open(['action' => ['Executive\ProclientsController@index'],
					        'class' => 'form-horizontal',
					        'method'=>'GET'])!!}

						<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>
					   	{!! Form::hidden('export') !!}
    					<a class="btn btn-md btn-default"  href="#" id="export">Exportar</a>
					{!!Form::close()!!}
				</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>
					@foreach($aditional_columns as $column => $enabled)
					@if($enabled)
					<th class="{{App\Classes\ClientHelper::getCssThClass($column)}}">
						@lang("proclient.$column")
					</th>
					@endif
					@endforeach
{{-- 					@foreach($prospect_columns as $column => $enabled)
					@if($enabled)
					<th class="{{App\Classes\ClientHelper::getCssThClass($column)}}">
						@lang("proclient.$column")
					</th>
					@endif
					@endforeach
					@foreach($columns_contact as $column => $enabled)
					@if($enabled)
					<th class="{{App\Classes\ClientHelper::getCssThClass($column)}}">
						@lang("proclient.$column")
					</th>
					@endif
					@endforeach --}}
					@foreach($columns as $column => $enabled)
					@if($enabled)
					<th class="{{App\Classes\ClientHelper::getCssThClass($column)}}">
						@lang("proclient.$column")
					</th>
					@endif
					@endforeach
				</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($aditional_columns as $column => $enabled)
						@if($enabled)
							<td class="{{App\Classes\ClientHelper::getCssTdClass($column)}}">
								{{$client->$column}}
							</td>
						@endif
					@endforeach
{{-- 					@foreach($prospect_columns as $column => $enabled)
						@if($enabled)
							<td class="{{App\Classes\ClientHelper::getCssTdClass($column)}}">
								{{$client->$column}}
							</td>
						@endif
					@endforeach
					@foreach($columns_contact as $column => $enabled)
						@if($enabled)
							<td class="{{App\Classes\ClientHelper::getCssTdClass($column)}}">
								{{$client->$column}}
							</td>
						@endif
					@endforeach --}}
					@foreach($columns as $column => $enabled)
						@if($enabled)
							<td class="{{App\Classes\ClientHelper::getCssTdClass($column)}}">
								{{$client->$column}}
							</td>
						@endif
					@endforeach
				</tr>
				@endforeach
			</tbody>
		</table>
	@else
		<div class="alert alert-info">
			No hay clientes que mostrar
		</div>
	@endif

	{{-- @include('appointments.partials.create_aux2') --}}
	@include('executive.proclients.modals.flux')

	@if (isset($columns))
		{!! Form::open(['method' => 'POST']) !!}
		{!! Form::hidden('current_page', Input::get('page', 1)) !!}
		{!! Form::hidden('page') !!}
		@include('common.proclients.partials.modal_columns')
		@include('common.proclients.partials.modal_order')
		@include('common.proclients.partials.modal_filter')
		{!! Form::close() !!}
	@endif
@stop

@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>
<script type="text/javascript">
	var clientFlux = {!! $flux !!};
</script>
<script>
	/*Exportar cartera a excel */
    $('#export').click(function(evt){
        evt.preventDefault();
        var form = $(this).parents('form');
        var input = form.find('input[name="export"]');
        input.val('xls');
        form.submit();
        input.val('');
    });
</script>
@stop