@extends('layouts.argo')
@section('content')
<div class="col">    
    <div class="card">
        <div class="card-header border-0">
            @can('permissionGroup.refreshGroups')
                <a class="btn bg-{{ session('template')->nome }} float-right" href="{{route('permissionGroups.atualizarAll')}}">Atualizar Grupos</a>
            @endcan

            @can('permissions.index')
                @if (count($semGrupo) != 0)
                    <a class="btn bg-{{ session('template')->nome }} float-right" href="{{route('permissionGroups.semGrupo')}}">Permissões sem Grupo</a>
                @endif
            @endcan
            <h3 class="mb-0">Grupos</h3>
        </div>
        
        <div class="card-body">
            <table class="table align-items-center table-flush">
                <thead class="thead-light">
                    <tr>
                        <th>Id</th>
                        <th>Nome</th>
                        <th>Descrição</th>
                        <th>Permissões</th>
                        <th>Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($groups as $grupo)
                    <tr>
                        <td>{{$grupo->id}}</td>
                        <td>{{$grupo->name}}</td>
                        <td>{!! Str::limit($grupo->description,40) !!}</td>
                        <td>{{count($grupo->permissions)}}</td>
                        <td>
                            @can('permissions.index')
                            <a class="btn btn-info btn-sm" href="{{route('permissionGroups.permissions', $grupo->id)}}" title="Permissões"><i class="fas fa-tags"></i></a>
                            @endcan
                            @can('permissionGroup.edit')
                            <a class="btn btn-primary btn-sm" href="{{route('permissionGroups.edit', $grupo->id)}}" title="Editar"><i class="fas fa-edit"></i></a>
                            @endcan
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @can('roles.index')
            <div class="card-footer">
                <a class="btn btn-light" title="Voltar" href="{{ route('roles.index') }}">Voltar</a>
            </div>
        @endcan
    </div>
</div>
@endsection