{{-- New-Unity ERP | app/Modules/Admin/Resources/Views/roles/show.blade.php | v1.1 | 08/07/2026 --}}
{{-- v1.1 — Filtrar usuarios ocultos (is_hidden) en la lista de usuarios del rol. --}}
{{-- v1.0 — Vista detalle de rol con permisos y usuarios asignados. --}}

@extends('layouts.vertical', ['pageTitle' => __('admin.role-detail')])

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-shield-alt"></i> {{ __('admin.role') }}: {{ $role->name }}
        <small>{{ __('admin.role-detail-perms') }}</small>
    </h1>
    <div class="subheader-block d-lg-flex align-items-center">
        <a href="{{ route('admin.roles.index') }}" class="btn btn-secondary btn-sm me-2">
            <i class="fal fa-arrow-left me-1"></i> {{ __('admin.back') }}
        </a>
        @if($role->name !== 'Super Admin')
        <a href="{{ route('admin.roles.edit', $role) }}" class="btn btn-warning btn-sm">
            <i class="fal fa-edit me-1"></i> {{ __('admin.edit-role') }}
        </a>
        @endif
    </div>
</div>
@endsection

@section('content')

<div class="row">
    {{-- Permissions --}}
    <div class="col-xl-8">
        <div class="panel">
            <div class="panel-hdr">
                <h2><i class="fal fa-key me-2"></i> {{ __('admin.permissions') }}</h2>
                <div class="panel-toolbar">
                    <span class="badge bg-success">{{ $role->permissions->count() }} {{ __('admin.total') }}</span>
                </div>
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    @if($role->permissions->isEmpty())
                        <div class="text-center text-muted py-4">
                            <i class="fal fa-lock-open fa-2x d-block mb-2 opacity-50"></i>
                            {{ __('admin.no-permissions-assigned') }}
                        </div>
                    @else
                        @foreach($role->permissions->groupBy(fn($p) => explode('.', $p->name)[0]) as $module => $permissions)
                        <div class="mb-3">
                            <h6 class="text-uppercase fw-bold text-muted mb-2">
                                <i class="fal fa-cube me-1"></i> {{ ucfirst($module) }}
                            </h6>
                            <div class="d-flex flex-wrap gap-1">
                                @foreach($permissions as $permission)
                                <span class="badge bg-primary-100 text-primary border border-primary-200">
                                    {{ $permission->name }}
                                </span>
                                @endforeach
                            </div>
                        </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>

    {{-- Users with this role --}}
    <div class="col-xl-4">
        <div class="panel">
            <div class="panel-hdr">
                <h2><i class="fal fa-users me-2"></i> {{ __('admin.users') }}</h2>
                <div class="panel-toolbar">
                    <span class="badge bg-info">{{ $role->users->where('is_hidden', false)->count() }}</span>
                </div>
            </div>
            <div class="panel-container show">
                <div class="panel-content p-0">
                    @if($role->users->where('is_hidden', false)->isEmpty())
                        <div class="text-center text-muted py-4">
                            <i class="fal fa-user-slash fa-2x d-block mb-2 opacity-50"></i>
                            {{ __('admin.no-users-assigned') }}
                        </div>
                    @else
                    <ul class="list-group list-group-flush">
                        @foreach($role->users->where('is_hidden', false) as $user)
                        <li class="list-group-item d-flex align-items-center">
                            <div class="me-2 bg-primary-100 rounded-circle d-flex align-items-center justify-content-center"
                                 style="width:32px;height:32px;min-width:32px;">
                                <span class="text-primary fw-bold" style="font-size:13px;">
                                    {{ strtoupper(substr($user->name, 0, 1)) }}
                                </span>
                            </div>
                            <div>
                                <div class="fw-bold">{{ $user->name }}</div>
                                <small class="text-muted">{{ $user->email }}</small>
                            </div>
                        </li>
                        @endforeach
                    </ul>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

@endsection