@extends('layouts.principal')
@section('content')

<div class="row">
	<div class="col-lg-12">

		<div class="panel panel-default">
			<div class="panel-heading">
				Listar Consultas Plan Canje
				<a href="{!!URL::to('/consultaPlanCanje/')!!}" 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="#opcion" 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'=>'filtrarConsultaPlanCanje', 'method'=>'POST'])!!}
				<div class="form-group">
					<label>Ingrese texto </label>
					{!!Form::text('texto',null, ['class'=>'form-control','placeholder'=>'Ingrese el texto de su búsqueda '])!!}
				</div>

				<div class='form-group'>
					<label>GrupoEquipo</label>
					{!!Form::select('id_grupo_equipos',$gruposEquipos,null, ['class'=>'form-control','placeholder'=>'Seleccione grupoequipo'])!!}
				</div>

				<div class='form-group'>
					<label>Marca</label>
					{!!Form::select('id_marca_equipo_usado',$marcas,null, ['class'=>'form-control','placeholder'=>'Seleccione marca'])!!}
				</div>

				<div class='form-group'>
					<label>EstadoPlanCanje</label>
					{!!Form::select('id_estado_equipo_usado',$estadosPlanCanje,null, ['class'=>'form-control','placeholder'=>'Seleccione estadoplancanje'])!!}
				</div>

				<div class='form-group'>
					<label>Marca</label>
					{!!Form::select('id_marca_equipo_nuevo',$marcas,null, ['class'=>'form-control','placeholder'=>'Seleccione marca'])!!}
				</div>

				<div class="form-group">
					<button type="submit" class="btn btn-primary pull-right">Filtrar</button>
				</div>
				{!!Form::close()!!}
			</div>

			<div id="opcion" class="panel-body collapse">
				<div class="text-center">
					<div class="text-center">
						<a href="exports/listado_consultaplancanje.csv" class="btn btn-primary">Descargar </a>
					</div>
				</div>
			</div>

			<div class="panel-body">
				<div>
					<table class="table table-striped" id="tabla">
						<thead>
							<tr>
								<th>#</th>
								<th>Nombre</th>
								<th>Email</th>
								<th>Teléfono</th>

								<th>Grupo de Equipo</th>

								<th>Marca Equipo Usado</th>
								<th>Modelo Equipo Usado</th>

								<th>Fecha Registración</th>

								<th>Operaciones</th>
							</tr>
						</thead>
						<tbody>
							@foreach($consultasPlanCanje as $consultaPlanCanje)
							<tr>
								<td>{{$consultaPlanCanje->id}}</td>
								<td>{{$consultaPlanCanje->nombre}}</td>
								<td>{{$consultaPlanCanje->email}}</td>
								<td>{{$consultaPlanCanje->telefono}}</td>

								<td>{{$consultaPlanCanje->nombregrupoequipo}}</td>

								<td>{{$consultaPlanCanje->nombremarcaequipousado}}</td>
								<td>{{$consultaPlanCanje->nombremodeloequipousado}}</td>

								<td>{{$consultaPlanCanje->created_at}}</td>

								<td>
									{!!link_to_route('consultaPlanCanje.show', $title = 'Ver', $parameters = $consultaPlanCanje->id, $attributes = ['class'=>'btn btn-warning'])!!}
								</td>
							</tr>
							@endforeach
						</tbody>
					</table>
				</div>
				<!-- /.table-responsive -->

				@if( Request::path() =='consultaPlanCanje' )
				{!! $consultasPlanCanje->render()!!}
				@else
				@if( $consultasPlanCanje->lastPage() > 1 )
				<ul class="pagination">
					@if( empty($consultasPlanCanje->previousPageUrl()) )
					<li class="disabled"><span>«</span></li>
					@else
					<li><a href="{!! $consultasPlanCanje->previousPageUrl() !!}&texto={!! $texto !!}&id_grupo_equipos={!! $id_grupo_equipos !!}&id_marca_equipo_usado={!! $id_marca_equipo_usado !!}&id_modelo_equipo_usado={!! $id_modelo_equipo_usado !!}&id_falla_equipo_usado={!! $id_falla_equipo_usado !!}&id_estado_equipo_usado={!! $id_estado_equipo_usado !!}&id_marca_equipo_nuevo={!! $id_marca_equipo_nuevo !!}&id_modelo_equipo_nuevo={!! $id_modelo_equipo_nuevo !!}" rel="prev">«</a></li>
					<li><a href="{!! $consultasPlanCanje->previousPageUrl() !!}&texto={!! $texto !!}&id_grupo_equipos={!! $id_grupo_equipos !!}&id_marca_equipo_usado={!! $id_marca_equipo_usado !!}&id_modelo_equipo_usado={!! $id_modelo_equipo_usado !!}&id_falla_equipo_usado={!! $id_falla_equipo_usado !!}&id_estado_equipo_usado={!! $id_estado_equipo_usado !!}&id_marca_equipo_nuevo={!! $id_marca_equipo_nuevo !!}&id_modelo_equipo_nuevo={!! $id_modelo_equipo_nuevo !!}" rel="prev">{!! $consultasPlanCanje->currentPage()-1 !!}</a></li>
					@endif

					<li class="active"><span>{!! $consultasPlanCanje->currentPage() !!}</span></li>

					@if( empty($consultasPlanCanje->nextPageUrl()) )
					<li class="disabled"><span>»</span></li>
					@else
					<li><a href="{!! $consultasPlanCanje->nextPageUrl() !!}&texto={!! $texto !!}&id_grupo_equipos={!! $id_grupo_equipos !!}&id_marca_equipo_usado={!! $id_marca_equipo_usado !!}&id_modelo_equipo_usado={!! $id_modelo_equipo_usado !!}&id_falla_equipo_usado={!! $id_falla_equipo_usado !!}&id_estado_equipo_usado={!! $id_estado_equipo_usado !!}&id_marca_equipo_nuevo={!! $id_marca_equipo_nuevo !!}&id_modelo_equipo_nuevo={!! $id_modelo_equipo_nuevo !!}" rel="next">{!! ($consultasPlanCanje->currentPage()+1) !!}</a></li>
					<li><a href="{!! $consultasPlanCanje->nextPageUrl() !!}&texto={!! $texto !!}&id_grupo_equipos={!! $id_grupo_equipos !!}&id_marca_equipo_usado={!! $id_marca_equipo_usado !!}&id_modelo_equipo_usado={!! $id_modelo_equipo_usado !!}&id_falla_equipo_usado={!! $id_falla_equipo_usado !!}&id_estado_equipo_usado={!! $id_estado_equipo_usado !!}&id_marca_equipo_nuevo={!! $id_marca_equipo_nuevo !!}&id_modelo_equipo_nuevo={!! $id_modelo_equipo_nuevo !!}" 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')!!}

<script>
	$(document).ready(function() {

		$('#tabla').DataTable({
			paging: false,
			responsive: true,
			lengthMenu: [100],
			language: {
				"url": "/js/Spanish.json"
			},
			order: [
				[0, "desc"]
			]
		});

	});
</script>

@endsection