@extends('layout.backend')

@section('styles')
@parent
<link href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css" rel="stylesheet">
@endsection

@section('scripts')
@parent
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<script type="text/javascript" src="/js/roles.js"></script>
@endsection

@section('content')
@can('create-roles')
<a href="{!! route('roles.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 Papéis</span>
</a>

<br/><br/>
@endcan

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


@if($roles->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 Papéis</h6>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th>Papel</th>
                        <th>Administrador</th>
                        @canany(['edit-roles','delete-roles'])
                        <th class="text-center">Opções</th>
                        @endcan
                    </tr>
                </thead>
                <tbody>
                    @foreach($roles as $role)
                    <tr>
                        <td>{!! $role->role !!}
                            @if($role->is_hlc_member ?? 0)
                            <span class="badge badge-danger ml-1">Colih</span>
                            @endif
                            @if($role->is_pvg_member ?? 0)
                            <span class="badge badge-success ml-1">GVP</span>
                            @endif
                        </td>
                        <td>{!! $role->parentrole->role !!}
                        </td>
                        
                        @canany(['edit-roles','delete-roles'])
                        <td class="text-center">
                            @can('edit-roles')
                            <a href="{!! route('roles.permissions', ['id' => $role->id]) !!}" class="btn btn-warning btn-circle btn-sm" data-placement="top" data-tooltip="tooltip" title="Permissões">
                                <i class="fas fa-lock"></i>
                            </a>
                            @endcan
                            @if(!$role->is_builtin_role)
                            @can('edit-roles')
                            <a href="{!! route('roles.edit', ['role' => $role->id]) !!}" class="btn btn-info btn-circle btn-sm" data-placement="top" data-tooltip="tooltip" title="Editar">
                                <i class="fas fa-pencil-alt"></i>
                            </a>
                            @endcan
                            @can('delete-roles')
                            <a href="#deleteRoleModal" data-role-id="{!! $role->id !!}" class="btn btn-danger btn-circle btn-sm delete-role" data-bs-toggle="modal" data-placement="top" data-tooltip="tooltip" title="Excluir">
                                <i class="fas fa-trash"></i>
                            </a>
                            @endcan
                            @endif
                        </td>
                        @endcan
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@else
<div class="alert alert-info">
    <strong>Atenção: </strong> Nenhum papel cadastrado. O sistema não funcionará corretamente. Procure o administrador.
</div>
@endif

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