@extends('adminlte::page')

@section('title', 'Roles')


@section('content_header')
<h1 class="m-0 text-dark">FUNÇÕES</h1>
@stop

@section('content')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">Lista de funções</h3>
        <div class="card-tools">
            <div class="input-group input-group-sm" style="width: 150px;">
                <input type="text" name="table_search" class="form-control float-right" placeholder="Search">
                <div class="input-group-append">
                    <button type="submit" class="btn btn-default">
                        <i class="fas fa-search"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="card-body table-responsive p-0" style="height: 500px;">
            <div id="example2_wrapper" class="dataTables_wrapper dt-bootstrap4">
                        <div class="row">
                            <div class="col-sm-12 col-md-6">  @include('flash::message')</div>


              </div>
        <table class="table table-head-fixed text-nowrap">
            <thead>
                <tr>
                    <th class="col-1">ID</th>
                    <th class="col-3">Nome</th>
                    <th>Descrição</th>
                    <th>Permissões</th>
                    <th class="col-1 ">
                        <a href="{{route('roles.create')}}" class='btn btn-block btn-success btn-sm' data-toggle="tooltip" title='Cadastra uma nova funcao' >
                                                    <i class="fas  fa-clipboard">
                                                    </i>
                                                    Nova Funcao</a></th>

                </tr>
            </thead>
            <tbody>
                @forelse($roles as $role)
                <tr>
                    <td>{{$role->id}}</td>
                    <td>{{$role->name}}</td>
                    <td><a href="http://" title='Cadastra uma nova funcao'>{{$role->role}}</a></td>
                    <td>
                        @if($role->resources->count())

                        Possui {{$role->resources->count()}} Permissões.
                        @else
                        <span>Não possui permissões</span>

                        @endif
                        </br>
                        Clique em <a href="{{route('roles.edit',[$role->id])}}">editar</a> para adicionar ou remover as permissões

                    </td>
                    <th class="project-actions text-right">
                        <a class="btn btn-info btn-sm" href="{{route('roles.edit',[$role->id])}}">
                            <i class="fas fa-pencil-alt">
                            </i>
                            Editar
                        </a>
                        <a class="btn btn-danger btn-sm" href="#">
                            <i class="fas fa-trash">
                            </i>
                            Excluir
                        </a>


                    </th>

                </tr>
                @empty

                <tr>
                    <td>ainda não há permissões cadastradas</td>
                    <td></td>
                    <td>
                        <a href="{{route('roles.create')}}" class="btn btn-primary">Cadastrar</a>
                    </td>
                </tr>

                @endforelse

            </tbody>
            <tfoot>
                <tr>
                    <th>ID</th>
                    <th>Nome</th>
                    <th>Descrição</th>
                    <th>Permissões </th>
                    <th>  <a href="{{route('roles.create')}}"
                                                    class='btn btn-block btn-success btn-sm'>
                                                    <i class="fas  fa-clipboard">
                                                    </i>
                                                    Nova Funcao</a></th>

                </tr>
            </tfoot>

        </table>
    </div>
    {{$roles->links() }}
</div>

@stop