@extends('layouts.master')

@section('content')

	<ol id="breadcrumb">
		<li class="intermediate"><a href="#" class="back-btn"> <span class="glyphicon glyphicon-arrow-left"></span> REGRESAR</a></li>
	  	<li class="intermediate"><a href="/">INICIO</a></li>
	  	<li class="active" ><a href="#" disabled>EJECUTIVOS </a></li>	
	</ol>

	<div class="pages-image">
		@include('errors.partials.alert',['errors' => $errors])

		@if(isset($success))
		<div class="alert alert-success">
		  {!!$success!!}
		</div>
		@endif

		@if ($executives->count())
		<div class="col-md-offset-2 col-md-8">
			<div class="table-responsive" id="div-executives-table">
			  <table class="table" id="executives-table">
			    <thead>
			      <tr>
			      	<th class="excutive-table-headers">
			        	No. de Empleado
			        </th>
			        <th class="excutive-table-headers">
			        	Nombre(s)
			        </th>
			        <th class="excutive-table-headers">
			        	Apellido(s)
			        </th>
			        <th class="excutive-table-headers">
			        	Tipo de célula
			        </th>
			        <th class="excutive-table-headers">
			        	<a href="{!!action('ExecutivesController@create')!!}" class="btn btn-sm btn-default" id="new-executive">
			        	  	Dar de alta ejecutivo
			        	</a>
			        </th>
			      </tr>
			    </thead>

			    <tbody>
			      @foreach($executives as $executive)
			      <tr>
			      	<td>
						{{$executive->employee_number}}
			        </td>
			        <td>
						{{$executive->first_name}}
			        </td>
			        <td>
						{{$executive->last_name}}
			        </td>
			        <td>
			        	{{ $executive->bound == 'in' ? 'In bound' : 'Out bound' }}
			        </td>
			        <td>
						<a href="{{action('ExecutivesController@edit', $executive->id)}}" class="btn btn-default btn-xs">
							<span class="glyphicon glyphicon-pencil"></span> Editar
						</a>
			            <button type="button" class="btn btn-danger btn-xs btn-delete" data-executive="{{$executive->id}}" data-name="{{$executive->full_name}}">
			              <span class="glyphicon glyphicon-trash"></span> Eliminar
			            </button>
			        </td>
			      </tr>
			      @endforeach
			    </tbody>
			  </table>
			</div>	
		</div>
		<div class="text-center">
			{!! $executives->appends(Input::all())->render() !!}
		</div>
		@else
		  	<div class="pull-right">
		  		<a href="{!!action('ExecutivesController@create')!!}" class="btn btn-sm btn-primary" id="new-executive">
        	  		Dar de alta ejecutivo
        		</a>
		  	</div>
		  	<br>
		  	<br>
		  	<div class="alert alert-info">
		      	<strong>Lo sentimos...</strong> No hay ejecutivos que mostrar.
		  	</div>
		@endif

		@include('executives.partials.modal_delete')
	</div>
@endsection

@section('script')
	@parent
	<script type="text/javascript" src="/js/executives/index.js"></script>
	<style type="text/css">
		#sb-site{
			background-position: 60% 20%;
			background-size: 65% auto;
			background-repeat: no-repeat;
		}
		.pages-image{
			margin-top: 17%;
		}
	</style>
@endsection