@extends('layout.backend')

@section('scripts')
	@parent
	<script type="text/javascript" src="/js/create-privileges.js"></script>
@endsection

@section('content')

	@can('create-users')
		<a href="{!! route('privileges.create') !!}" class="btn btn-primary btn-sm btn-icon-split">
			<span class="icon text-white-50">
				<i class="fas fa-plus"></i>
			</span>
			<span class="text">Adicionar Privilégio</span>
		</a>

		<br/><br/>
	@endcan

	@if(session()->has('alert-success'))
		<div class="alert alert-success">
			{!! session()->get('alert-success') !!}
		</div>
	@endif

	@if($privileges->count() > 0)
		<div class="card shadow mb-4">
			<div class="card-header py-3">
				<h6 class="m-0 font-weight-bold text-primary">Lista de Privilégios</h6>
			</div>
			<div class="card-body">
				<div class="table-responsive">
					<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
						<thead>
							<tr>
								<th>Privilégio</th>
								<th class="text-center">Quantidade de Membros</th>
								@canany(['edit-users','delete-users'])
									<th class="text-center">Opções</th>
								@endcan
							</tr>
						</thead>
						<tbody>
							@foreach($privileges as $privilege)
								<tr>
									<td>{!! $privilege->privilege !!}</td>
									<td class="text-center">{!! isset($privilege->members) ? $privilege->members->count() : '' !!}</td>
									@canany(['edit-users','delete-users'])
										<td class="text-center">
											@can('edit-users')
												<a href="{!! route('privileges.edit', ['privilege' => $privilege->id]) !!}" class="btn btn-info btn-circle btn-sm" data-placement="top" data-tooltip="tooltip" title="Atualizar">
													<i class="fas fa-pencil-alt"></i>
												</a>
											@endcan
											@can('delete-users')
												<a href="#deletePrivilegeModal" data-privilege-id="{!! $privilege->id !!}" class="btn btn-danger btn-circle btn-sm delete-privilege" data-bs-toggle="modal" data-placement="top" data-tooltip="tooltip" title="Deletar">
													<i class="fas fa-trash"></i>
												</a>
											@endcan
										</td>
									@endcan
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>
				
				{!! $privileges->appends($data)->render() !!}
			</div>
		</div>
	@else
		<div class="alert alert-info">
			<strong>Atenção: </strong> Nenhum privilégio cadastrado .
		</div>
	@endif

	@include('components.delete.privilege')
@endsection