@extends('layouts.app')

@section('content')
	<div class="container">
		<div class="row">
			<div class="col">
				<h3>Buques</h3>
			</div>
		</div>

		@if (\App\Buque::count() > 0)
			<div class="row mb-2">
				<div class="col">
					{!! Form::open(['route'=>'buques.index','method'=>'get','class' => 'form-inline']) !!}
						<div class="form-group">
							<select class="form-control" name="linea">
								<option value="" selected>Filtrar Linea</option>
								@foreach ($lineas as $key => $value)
									<option value="{{ $key }}">{{ $value }}</option>
								@endforeach
							</select>
						</div>
						{{ Form::button('<i class="fas fa-search"></i>', ['type' => 'submit', 'class' => 'btn btn-info text-white ml-2'] )  }}
						{{-- <div class="form-group"><button type="submit" class="btn btn-sm btn-info ml-2" name="button">Mostrar</button></div> --}}
					{!! Form::close() !!}
				</div>
			</div>
			<div class="row">
				<div class="col">
					<span class="float-left">
						{{ $buques->appends(request()->query())->links() }}
					</span>
					<span class="float-right mb-2"><a href="{{ route('buques.create') }}" class="btn bnt-sm btn-primary">Registrar <i class="fas fa-plus"></i></a></span>
					<table class="table table-sm table-hover">
						<thead>
							<th>Id</th>
							<th>Linea</th>
							<th>Nombre</th>
							<th>Acciones</th>
						</thead>
						<tbody>
							@foreach ($buques as $element)
								<tr>
									<td>{{ $element->id }}</td>
									<td>{{ $element->linea->nombre }}</td>
									<td>{{ $element->nombre }}</td>
									<td>
										<a href="{{ route('buques.edit',$element->id) }}" class="btn btn-sm btn-warning mr-2" title="Editar"><i class="fas fa-edit"></i></a>
									</td>
								</tr>
							@endforeach
						</tbody>
					</table>
					{{ $buques->appends(request()->query())->links() }}
				</div>
			</div>
		@else
			<span class="float-right mb-2"><a href="{{ route('buques.create') }}" class="btn bnt-sm btn-primary">Registrar <i class="fas fa-plus"></i></a></span>
			<div class="alert alert-warning col-4" role="alert">
				<span class="font-weight-bold">No hay Buques Registrados</span>
			</div>
		@endif
	</div>
@endsection