@extends('layouts.default')
@section('title', 'Cargos')

@section('content')

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-end">
		<h3>Cargos</h3>
		<div id="divCadastrar" class='pb-1'>
			<a href="{{ route('cargos.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($cargos as $cargo)
						<tr>
							<td>{{ $cargo->id }}</td>
							<td>{{ $cargo->nome }}</td>
							<td>
								<div class='btn-group btn-group-sm'>
									<a href="{{ route('cargos.edit', ['id'=>\Crypt::encrypt($cargo->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($cargo->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>
	{{ $cargos->links() }}
</div>
@stop
 
@section('table-delete')
"cargos"
@stop