@extends('app')

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

@section('content')

	<div class="container-fluid">
		@include('errors/partials/alert',['errors'=>$errors->client])
	    @include('partials/success')
	    @include('proclients/partials/bar_actions')
		
		@if($clients->count() > 0)

			<div class="clearfix"></div>
			<table class="table table-no-wrap" id="clients">
				<thead>
					<tr>
						<th>
							CLIENTE
						</th>
						<th>
							
						</th>
						@if(auth()->user()->role == 'admin')
							<th>
								GERENCIA
							</th>
							<th>
								EJECUTIVO
							</th>
						@elseif(auth()->user()->role == 'manager')
							<th>
								EJECUTIVO
							</th>
						@endif
							<th>
								ESTADO
							</th>
						
						@foreach($columns as $column)
							<th>
								@lang("proclient.$column")
							</th>
						
						@endforeach

					</tr>
				</thead>
				<tbody>
					@foreach($clients as $client)
						@if(($manager = $client->manager))
						@endif
						<tr class="{{$manager ? 'tr-assigned' : ''}}" data-client-id="{{$client->id}}">
							<td>
								<button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#client-contact-info-modal" data-client-phone="{{$client->default_phone}}" data-client-address="{{$client->default_location}}">
									<i class="fa fa-fw fa-phone"></i>
								</button>
								{!!$client->nombre!!} 
							</td>
							<td>
								@include('proclients/partials/actions/'.auth()->user()->role)
							</td>
							@if(auth()->user()->role == 'admin')
								<td class="management">
									{!!$client->management ? $client->management->name : 'SIN GERENCIA'!!} 
								</td>
								<td class="executive">
									{!!$client->executive ? $client->executive->full_name : 'SIN EJECUTIVO'!!} 
								</td>
							@elseif(auth()->user()->role == 'manager')
								<td class="executive">
									{!!$client->executive ?  $client->executive->full_name : 'SIN EJECUTIVO'!!} 
								</td>	
							@endif
								<td class="status">
								 	 {!!trans("proclient.status.$client->status")!!}
								</td>
							@foreach($columns as $column)
								<td >
									{{$client->getAttribute($column)}}
								</td>
							@endforeach

						</tr>
					@endforeach
				</tbody>
			</table>
		@else
			<div class="alert alert-info">
				No hay clientes que mostrar
			</div>
		@endif
	</div>
		
@stop

@section('modals')

	@if(auth()->user()->role == 'admin')

		@include('proclients.modals.admin.assign_management')
		@include('proclients.modals.admin.manager_modal_delete')
		@include('proclients.modals.admin.remove_clients')
		@include('proclients.modals.admin.retrive_clients')
		@include('proclients.modals.admin.select_type_modal')
		@include('proclients.modals.admin.assign_executive')
		@include('proclients.modals.admin.executive_modal_delete')

	@elseif(auth()->user()->role == 'manager')	

		@include('proclients.modals.manager.assign_executive')
		@include('proclients.modals.manager.executive_modal_delete')
		@include('appointments.partials.create') 
		@include('proclients.modals.manager.schedule_event')
		
		
	@elseif(auth()->user()->role == 'executive')	
		@include('common.proclients.partials.modal_order')
		@include('common.proclients.partials.modal_filter')
		@include('appointments.partials.create') 
		@include('proclients.modals.executive.schedule_event')
		@include('proclients.modals.executive.flux')
	@endif

	@include('common.proclients.partials.modal_columns')
	{{--@include('proclients.modals.columns')--}}
	@include('proclients.modals.assign_error_modal')
	@include('proclients.modals.filters')
	@include('proclients.modals.success_delete_assign')
	@include('proclients.modals.contact_info')


@endsection

@section('script')
	<script type="text/javascript">
	var clientFlux = {!! $flux !!};
	</script>
	@parent
	{!! Html::script('js/moment/moment.js') !!}
	{!! Html::script('js/select2.full.js')!!}
	
	{!! Html::script('js/vendor/jquery/ui/datepicker.min.js') !!}
	
	{!! Html::script('js/throttle.min.js') !!}
	{!! Html::script('js/jquery.stickyheader.js') !!}
	{!! Html::script('js/laroute.js') !!}
	{!! Html::script('js/proclients/index.js') !!}
	{!! Html::script('js/proclients/'.auth()->user()->role.'/index.js') !!}
	
@stop