@extends('layouts.app')

@section('content')
	<div class="container">
		<div class="row">
			<div class="col">
				<h3>Puertos</h3>
			</div>
		</div>
		<div class="row">
			<div class="col">
				{{-- <span class="float-right mb-2"><a href="" class="btn bnt-sm btn-primary">Nueva</a></span> --}}
				{{ $puertos->appends(request()->query())->links() }}
				<div class="table-responsive">
					<table class="table">
						<caption>Puertos</caption>
						<thead>
							<tr class="text-center">
								<th>#</th>
								<th>Codigo</th>
								<th>Nombre</th>
								<th>Activo</th>
							</tr>
						</thead>
						<tbody>
							@foreach ($puertos as $element)
								<tr>
									<td class="text-center">{{ $element->id }}</td>
									<td class="text-center">{{ $element->codigo }}</td>
									<td @if($element->activo ==	0) class="text-muted text-right" @else class="text-left font-weight-bold" @endif>{{ $element->nombre }}</td>
									<td class="text-center">
										@if ($element->activo ==		0)
											<a class="btn btn-sm btn-success" href="{{ route('puertos.habilitar',$element->id) }}">Habilitar</a>
											@else
												<a class="btn btn-sm btn-danger" href="#">Deshabilitar</a>
										@endif
									</td>
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>
				{{ $puertos->appends(request()->query())->links() }}
			</div>
		</div>
	</div>
@endsection