@extends('layouts.default')
@section('title', 'Áreas')

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-end">
		<h3>Áreas</h3>
		<div id="divCadastrar" class='pb-1'>
			<a href="{{ route('areas.create', []) }}" class='btn-sm btn-primary pb-1 mr-1 text-white'>
				<i class="fas fa-plus-square"></i> Adicionar
			</a>
		</div>
    </div>

    <div class="card-body">
    	<div class='table-responsive'>
			<table class='table table-striped table-bordered table-hover table-sm'>
				<thead>
					<th width="25px">Cod</th>
					<th>Nome</th>
					<th width="40px">Ações</th>
				</thead>
				<tbody>
					@foreach($areas as $area)
						<tr>
							<td>{{ $area->id }}</td>
							<td>{{ $area->nome }}</td>
							<td>
								<div class='btn-group btn-group-sm'>
									<a href="{{ route('areas.edit', ['id'=>\Crypt::encrypt($area->id)]) }}" class='btn-default btn btn-xs' title='Editar'><i class="fas fa-pencil-alt text-muted"></i> </a>
									<a href="#" onclick="return ConfirmaExclusao(this, '{{\Crypt::encrypt($area->id)}}')" class='btn-default btn btn-xs' title='Excluir'><i class="fas fa-trash text-muted"></i> </a>
								</div>
							</td>
						</tr>
					@endforeach
				</tbody>
			</table>
    	</div>
    </div>
	{{ $areas->links() }}
</div>
@stop

@section('table-delete')
"areas"
@stop