@extends('back.layout.app')
@section('title', config('app.name') . ' - Permissions du rôle')
@section('page-title', 'Permissions du rôle')

@php $breadcrumb = 'user-management.roles'; @endphp

@section('content')

<div class="kt-container-fixed">
    <div class="flex flex-wrap items-center lg:items-end justify-between gap-5 pb-7.5">
        <div class="flex flex-col justify-center gap-2">
            <h1 class="text-xl font-medium leading-none text-mono">
                Permissions - <span class="text-primary">{{ $role->name }}</span>
            </h1>
            <div class="flex items-center gap-2 text-sm font-normal text-secondary-foreground">
                Consultation des permissions accordées à ce rôle (lecture seule).
            </div>
        </div>
        <div class="flex items-center gap-3">
            <a href="{{ route('admin.user-management.roles') }}" class="kt-btn kt-btn-outline">
                <i class="ki-outline ki-arrow-left"></i>
                Retour
            </a>
            @if ($role->slug !== 'super-admin')
            <a href="{{ route('admin.user-management.roles.permissions.edit', $role) }}" class="kt-btn kt-btn-primary">
                <i class="ki-outline ki-pencil"></i>
                Gérer
            </a>
            @endif
        </div>
    </div>
</div>

<div class="kt-container-fixed flex flex-col gap-5">

    @if ($role->slug === 'super-admin')
    <div class="kt-card">
        <div class="kt-card-content flex items-center gap-3 py-6">
            <i class="ki-filled ki-shield-tick text-2xl text-primary"></i>
            <div class="flex flex-col gap-0.5">
                <span class="text-sm font-medium text-mono">Accès total</span>
                <span class="text-xs text-secondary-foreground">Ce rôle contourne toutes les vérifications de permissions.</span>
            </div>
        </div>
    </div>
    @else

    @php $hasAny = $tree->sum('checked_count') > 0; @endphp

    @if (! $hasAny)
    <div class="kt-card">
        <div class="kt-card-content py-6">
            <span class="text-sm text-secondary-foreground italic">Aucune permission accordée à ce rôle.</span>
        </div>
    </div>
    @else

    @foreach ($tree as $family)
    @continue($family['checked_count'] === 0)
    <div class="kt-card">
        <div class="kt-card-header">
            <h3 class="kt-card-title flex items-center gap-2">
                <i class="ki-filled {{ $family['icon'] }} text-base text-muted-foreground"></i>
                {{ $family['label'] }}
            </h3>
            <span class="kt-badge kt-badge-sm kt-badge-outline kt-badge-primary">
                {{ $family['checked_count'] }} / {{ $family['total'] }}
            </span>
        </div>
        <div class="kt-card-content flex flex-col gap-4">
            @foreach ($family['submodules'] as $sub)
            @continue($sub['checked_count'] === 0)
            <div class="flex flex-col gap-2">
                <span class="text-sm font-medium text-mono">{{ $sub['label'] }}</span>
                <div class="flex flex-wrap gap-2">
                    @foreach ($sub['permissions'] as $perm)
                    @continue(! $perm['checked'])
                    <span class="kt-badge kt-badge-sm kt-badge-outline kt-badge-success">
                        <i class="ki-filled ki-check text-xs"></i>
                        {{ $perm['label'] }}
                    </span>
                    @endforeach
                </div>
            </div>
            @endforeach
        </div>
    </div>
    @endforeach

    @endif
    @endif

</div>

@endsection