@extends('layout.backend')
@section('title', 'N;iveis de Acesso')

@section('scripts')
@parent
@vite(['resources/js/roles.js'])
@endsection

@section('content')

{{-- BARRA DE BOTÕES --}}
<x-form.header.button-bar>
    <x-form.header.button-new
        label="Novo Nível de Acesso"
        tooltip="Criar novo nível de acesso no sistema"
        :route="route('roles.create')"
        :can-any="['create-roles']"/>
</x-form.header.button-bar>

{{-- ALERTAS --}}
@include('components.widget.alerts')

@if($roles->count() > 0)
<div class="card shadow mb-4">
    <div class="card-header py-3">
        <div class="row input-group input-group-sm">
            <div class="col-auto h6 pt-1 m-0 font-weight-bold text-primary text-uppercase">
                <i class="fas fa-shield-alt mr-1"></i>LISTA DE NÍVEIS DE ACESSO
            </div>
            <div class="col px-3 m-0"></div>
            <div class="col-auto h6 m-0 pt-1 pr-0 text-primary float-right">
                (Total {{ $roles->count() }})
            </div>
        </div>
    </div>
    <div class="card-body pt-2">
        <div class="row">
            @foreach($roles as $role)
            <div class="col-12 col-lg-6 px-1 my-1">
                <div class="shadow h-100 @if($role->is_hlc_member ?? 0) border-left-success @elseif($role->is_pvg_member ?? 0) border-left-warning @else border-left-primary @endif">

                    {{-- Linha principal: nome e badges --}}
                    <div class="row mx-1 pt-2 px-2 mt-1 mb-0">
                        <div class="col p-0 pb-1">
                            <span class="font-weight-bold text-dark">
                                <i class="fas fa-user-tag mr-1 text-primary"></i>
                                {!! $role->role !!}
                            </span>
                            @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
                            @if($role->is_builtin_role ?? 0)
                                <span class="badge badge-secondary ml-1"
                                    data-placement="top" data-tooltip="tooltip"
                                    title="Papel interno do sistema, não pode ser editado ou removido">
                                    sistema
                                </span>
                            @endif
                        </div>
                    </div>

                    {{-- Linha inferior: papel pai + ações --}}
                    <div class="row mx-1 pb-2 px-2 mt-0 mb-1">
                        <div class="col p-0 m-0 small text-secondary align-self-center">
                            <i class="fas fa-sitemap mr-1"></i>
                            {{ $role->parentrole->role }}
                        </div>
                        @canany(['edit-roles','delete-roles'])
                        <div class="col-auto p-0 m-0">
                            <div class="d-flex flex-nowrap">
                                @can('edit-roles')
                                <x-form.index.item-action-button
                                    icon="fa-lock"
                                    tooltip="Gerenciar permissões do papel"
                                    class="warning"
                                    target="{!! route('roles.permissions', ['id' => $role->id]) !!}"/>
                                @endcan
                                @if(!$role->is_builtin_role)
                                    @can('edit-roles')
                                    <x-form.index.item-action-button
                                        icon="fa-pen-to-square"
                                        tooltip="Editar papel"
                                        class="info"
                                        target="{!! route('roles.edit', ['role' => $role->id]) !!}"/>
                                    @endcan
                                    @can('delete-roles')
                                    <a href="#deleteRoleModal"
                                        data-role-id="{!! $role->id !!}"
                                        class="btn btn-sm btn-danger ml-1 delete-role"
                                        data-toggle="modal"
                                        data-placement="top" data-tooltip="tooltip"
                                        title="Excluir papel">
                                        <i class="fas fa-trash"></i>
                                    </a>
                                    @endcan
                                @endif
                            </div>
                        </div>
                        @endcan
                    </div>

                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>
@else
<div class="alert alert-warning">
    <i class="fas fa-triangle-exclamation mr-1"></i>
    <strong>Atenção:</strong> Nenhum nível de acesso cadastrado. O sistema não funcionará corretamente. Procure o administrador.
</div>
@endif

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