@extends('layouts.principal')
@section('content')
		
 <div class="row">
  <div class="col-lg-12">
  
		<div class="panel panel-default">
			<div class="panel-heading">
				Listar Horarios <a href="{!!URL::to('/horario/create/')!!}" class="pull-right" ><i class='fa fa-plus fa-fw'></i></a> 
				<a href="{!!URL::to('/horario/')!!}" class="pull-right"><i class='fa fa-list-ol fa-fw'></i></a> 
				<a href="#" class="pull-right" data-toggle="collapse" data-target="#filtro" aria-expanded="false"><i class='fa fa-filter fa-fw'></i></a>
				<a href="#" class="pull-right" data-toggle="collapse" data-target="#export" aria-expanded="false"><i class='fa fa-download fa-fw'></i></a>				
			</div>
			<!-- /.panel-heading -->
			
			<div id="filtro" class="panel-body collapse">
				{!!Form::open(['url'=>'filtrarHorario', 'method'=>'POST'])!!}
				<div class="form-group">
					<label>Usuario</label>
					{!!Form::select('id_usuario',$usuarios,null, ['class'=>'form-control','placeholder'=>'Seleccione un usuario'])!!}
				</div>
				<div class="form-group">
					<label>Fecha</label>
					{!!Form::date('fecha',null,['class'=>'form-control','placeholder'=>'Ingrese una fecha'])!!}					
				</div>
				<div class="form-group">
					<label>Fecha desde</label>
					{!!Form::date('fecha_desde',null,['class'=>'form-control','placeholder'=>'Ingrese una fecha desde'])!!}					
				</div>
				<div class="form-group">
					<label>Fecha hasta</label>
					{!!Form::date('fecha_hasta',null,['class'=>'form-control','placeholder'=>'Ingrese una fecha hasta'])!!}					
				</div>
				<div class="form-group">
					<button type="submit" class="btn btn-primary pull-right">Filtrar</button>
				</div>
				{!!Form::close()!!}	
			</div>
			
			<div id="export" class="panel-body collapse">
				<div class="text-center">				 
					<div class="text-center">
						<a href="exports/listado_horarios.csv" class="btn btn-primary" >Descargar </a> 
					</div>					
				</div>
			</div>			
			
			<div class="panel-body">
				
					<table class="table table-striped" id="tabla">
						<thead>
							<tr>
								<th>#</th>
								<th>Usuario</th>
								<th>Tipo de horario</th>
								<th>Fecha</th>
								<th>Hora</th>
								<th>Firma</th>
								<th>IP</th>
								<th>Operaciones</th>
							</tr>
						</thead>
						<tbody>
						@foreach($horarios as $horario)
							@if ($horario->id_tipo_horario == 1  )
								<tr class="success">
							@elseif( $horario->id_tipo_horario ==2 )
								<tr class="info">
							@elseif( $horario->id_tipo_horario ==3 )
								<tr class="warning">								
							@elseif( $horario->id_tipo_horario ==4 )
								<tr class="danger">
							@endif
								<td>{{$horario->id}}</td>
								<td>{{$horario->id_usuario}} - {{$horario->name}}</td>
								<td>{{$horario->id_tipo_horario}} -{{$horario->nombre}}</td>
								<td>{{$horario->solofecha}}</td>
								<td>{{$horario->solohora}}</td>
								<td><img src="/imagenes/firmas/horarios/{{$horario->firma}}" style="width:100px;"></td>
								<td>{{$horario->ip}}</td>
								<td>
									{!!link_to_route('horario.edit', $title = 'Editar', $parameters = $horario->id, $attributes = ['class'=>'btn btn-primary'])!!} 
									{!!Form::open(['route'=>['horario.destroy', $horario->id], 'method'=>'DELETE',  'style'=>'display:inline;']) !!}	
										{!!Form::submit('Eliminar', ['class'=>'btn btn-danger' ] ) !!}
									{!!Form::close()!!}
								</td>								
							</tr>
						@endforeach	
													
						</tbody>
					</table>
				
				
				@if( Request::path() =='horario' )
					{!! $horarios->render()!!} 
				@else				
					@if( $horarios->lastPage() > 1 )
						<ul class="pagination">
							@if( empty($horarios->previousPageUrl()) ) 
								<li class="disabled"><span>«</span></li>
							@else
								<li><a href="{!! $horarios->previousPageUrl() !!}&id_usuario={!! $id_usuario !!}&fecha={!! $fecha !!}&fecha_desde={!! $fecha_desde !!}&fecha_hasta={!! $fecha_hasta !!}" rel="prev">«</a></li> 
								<li><a href="{!! $horarios->previousPageUrl() !!}&id_usuario={!! $id_usuario !!}&fecha={!! $fecha !!}&fecha_desde={!! $fecha_desde !!}&fecha_hasta={!! $fecha_hasta !!}" rel="prev">{!! $horarios->currentPage()-1 !!}</a></li> 
							@endif
							
							<li class="active"><span>{!! $horarios->currentPage() !!}</span></li>
							
							@if( empty($horarios->nextPageUrl()) ) 
								<li class="disabled"><span>»</span></li>
							@else
								<li><a href="{!! $horarios->nextPageUrl() !!}&id_usuario={!! $id_usuario !!}&fecha={!! $fecha !!}&fecha_desde={!! $fecha_desde !!}&fecha_hasta={!! $fecha_hasta !!}" rel="next">{!! ($horarios->currentPage()+1) !!}</a></li>
								<li><a href="{!! $horarios->nextPageUrl() !!}&id_usuario={!! $id_usuario !!}&fecha={!! $fecha !!}&fecha_desde={!! $fecha_desde !!}&fecha_hasta={!! $fecha_hasta !!}" rel="next">»</a></li>
							@endif
							</ul>
							
					@endif
				@endif
			</div>
			<!-- /.panel-body -->
		</div>
		<!-- /.panel -->	
		
  </div>
  <!-- /.col-lg-12 -->
 </div>
 <!-- /.row -->			
		
@endsection

@section('css')
   <!-- DataTables CSS -->    
	{!!Html::style('vendor/datatables-plugins/dataTables.bootstrap.css')!!}

    <!-- DataTables Responsive CSS -->
	{!!Html::style('vendor/datatables-responsive/dataTables.responsive.css')!!}
@endsection

@section('scripts')
    <!-- DataTables JavaScript -->
	{!!Html::script('vendor/datatables/js/jquery.dataTables.min.js')!!}
	{!!Html::script('vendor/datatables-plugins/dataTables.bootstrap.min.js')!!}
	{!!Html::script('vendor/datatables-responsive/dataTables.responsive.js')!!}

	<!-- Page-Level Demo Scripts - Tables - Use for reference -->

	<script>
	$(document).ready(function() {
		
		$('#tabla').DataTable({
			paging:   false,
			responsive: true,
			lengthMenu: [ 50],
			language: {
				"url": "/js/Spanish.json"
			},
			order: [[ 0, "desc" ]]
		});
		
	});
	</script>
	
@endsection