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

<div class="main-card mb-3 card">

	<div class="card-header">
		<h3 class="mr-3">Listar Consultas Empresas</h3>
		<button type="button" data-toggle="collapse" href="#filtro" class="btn-shadow mr-3 btn btn-secondary">
			<i class="fa fa-filter"></i>
		</button>
		<button type="button" data-toggle="collapse" href="#exportador" class="btn-shadow mr-3 btn btn-secondary">
			<i class="fa fa-download"></i>
		</button>
	</div>

	<div class="card-body">

		<div class="container collapse border rounded mb-5 pl-3 pr-3 pb-3" id="filtro">
			<form method="POST" action="/filtrarConsulta" accept-charset="UTF-8">
				{{ csrf_field() }}
				<input type="hidden" name="origen" value="{{$origen}}">
				<div class="form-row mt-3 ml-3">
					<div class="col-lg-4">
						<div class="form-group">
							<label><strong>Ingrese texto </strong></label>
							<input type="text" name="texto" class="form-control" placeholder="Ingrese el texto de su búsqueda...">
						</div>
					</div>
				</div>

				<hr>

				<div class="form-row mt-3">

					<div class='form-group col-6'>
						<button type="submit" class="btn btn-primary btn-block pull-right">Filtrar</button>
					</div>

				</div>

			</form>
		</div>

		<div class="collapse border mb-5" id="exportador">
			<div class="form-group text-center">
				<a href="exports/listado_consulta.csv" class="btn btn-success  btn-pill mt-3">Descargar </a>
			</div>
		</div>

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

				</tr>
			</thead>
			<tbody class="small">
				@foreach($consultas as $consulta)
				<tr>
					<td>{{$consulta->id}}</td>
					<td>{{$consulta->nombre}}</td>
					<td>{{$consulta->email}}</td>
					<td>{{$consulta->telefono}}</td>
					<td>{{$consulta->created_at}}</td>
					<td>
						<a href="{{'/consultaSitio/'.$consulta->id}}" class="btn btn-warning btn-xs">Ver</a>
					</td>
				</tr>
				@endforeach
			</tbody>
			<tfoot>
				<tr>
					<th>#</th>
					<th>Nombre</th>
					<th>Email</th>
					<th>Teléfono</th>
					<th>Fecha</th>

				</tr>
			</tfoot>
		</table>


		<!---- PAGINATE -->

		@if(count($consultas)>0)
		@if( Request::path() =='consultaSitio' )
		{!! $consultas->render()!!}
		@else
		@if( $consultas->lastPage() > 1 )
		<ul class="pagination">
			@if( empty($consultas->previousPageUrl()) )
			<li class="disabled"><span>«</span></li>
			@else
			<li><a href="{!! $consultas->previousPageUrl() !!}&texto={!! $texto !!}&origen={!! $origen !!}" rel="prev">«</a></li>
			<li><a href="{!! $consultas->previousPageUrl() !!}&texto={!! $texto !!}&origen={!! $origen !!}" rel="prev">{!! $consultas->currentPage()-1 !!}</a></li>
			@endif

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

			@if( empty($consultas->nextPageUrl()) )
			<li class="disabled"><span>»</span></li>
			@else
			<li><a href="{!! $consultas->nextPageUrl() !!}&texto={!! $texto !!}&origen={!! $origen !!}" rel="next">{!! ($consultas->currentPage()+1) !!}</a></li>
			<li><a href="{!! $consultas->nextPageUrl() !!}&texto={!! $texto !!}&origen={!! $origen !!}" rel="next">»</a></li>
			@endif
		</ul>
		@endif
		@endif
		@endif

		<!----  -->


	</div>
</div>


@endsection


@section('css')
<!-- DataTables CSS -->
<link media="all" type="text/css" rel="stylesheet" href="/vendor/datatables-plugins/dataTables.bootstrap.css">

<!-- DataTables Responsive CSS -->
<link media="all" type="text/css" rel="stylesheet" href="/vendor/datatables-responsive/dataTables.responsive.css">
@endsection

@section('scripts')
<!-- DataTables JavaScript -->
<script src="/vendor/datatables/js/jquery.dataTables.min.js"></script>
<script src="/vendor/datatables-plugins/dataTables.bootstrap.min.js"></script>
<script src="/vendor/datatables-responsive/dataTables.responsive.js"></script>

<script>

	document.addEventListener("DOMContentLoaded", function(event) {
		$('#tabla').DataTable({
			paging: false,
			responsive: true,
			lengthMenu: [100],
			language: {
				"url": "/js/Spanish.json"
			},
			order: [
				[0, "desc"]
			],
			drawCallback: function(settings) {
				$('.dataTables_wrapper').removeClass('form-inline');
			}
		});

});
</script>

@endsection