@extends('layouts.app')

@section('content')
	<div class="container">
		<div class="row">
			<div class="col">
				<h3>Patios</h3>
			</div>
		</div>
		<div class="row">
			<div class="col">
				<span class="float-right mb-2"><a href="{{ route("patios.create") }}" class="btn bnt-sm btn-primary">Nuevo</a></span>
				{{ $patios->appends(request()->query())->links() }}
				<div class="table-responsive">
					<table class="table">
						<caption>Puertos</caption>
						<thead>
							<tr class="text-center">
								<th>#</th>
								<th>Nombre</th>
								<th>Uso</th>
								<th>Descripción</th>
								<th>Acciones</th>
							</tr>
						</thead>
						<tbody>
							@foreach ($patios as $element)
								<tr>
									<td class="text-center">{{ $element->id }}</td>
									<td class="text-center">{{ $element->nombre }}</td>
									<td class="text-center">{{ $element->uso }}</td>
									<td>{{ $element->descripcion }}</td>
									<td class="text-center"></td>
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>
				{{ $patios->appends(request()->query())->links() }}
			</div>
		</div>
	</div>
@endsection