@php
    $rows = $moduleStatuses ?? [];
    $enabledCount = collect($enabledModules ?? [])->filter()->count();
    $totalCount = count($rows);
    $sourceLabels = [
        'core'               => 'Core',
        'plan'               => 'Plan',
        'pro_addon'          => 'Pro add-on',
        'developer_override' => 'Override',
        'unlock_all'         => 'Dev unlock',
    ];
@endphp

<div class="mb-3">
    <h5 class="mb-1"><i class="fas fa-puzzle-piece me-2 text-primary"></i>Enabled Modules</h5>
    <p class="text-muted small mb-0">
        Your current plan unlocks <strong>{{ $enabledCount }}</strong> of <strong>{{ $totalCount }}</strong> modules.
        Upgrade from the Purchase tab to unlock more features.
    </p>
</div>

<div class="row g-3">
    @forelse($rows as $row)
    <div class="col-md-6 col-xl-4">
        <div class="border rounded-3 p-3 h-100 {{ $row['enabled'] ? 'bg-success bg-opacity-10 border-success' : 'bg-light' }}">
            <div class="d-flex align-items-start gap-2">
                <div class="rounded-circle d-flex align-items-center justify-content-center flex-shrink-0"
                     style="width:36px;height:36px;background:{{ $row['enabled'] ? '#19875422' : '#6c757d22' }}">
                    <i class="fas {{ $row['icon'] }} {{ $row['enabled'] ? 'text-success' : 'text-secondary' }}"></i>
                </div>
                <div class="flex-grow-1 min-w-0">
                    <div class="fw-semibold">{{ $row['label'] }}</div>
                    <div class="small text-muted">{{ $row['description'] }}</div>
                    <div class="mt-2 d-flex flex-wrap gap-1">
                        @if($row['enabled'])
                        <span class="badge bg-success">Enabled</span>
                        @else
                        <span class="badge bg-secondary">Locked</span>
                        @endif
                        <span class="badge bg-light text-dark border">
                            {{ $sourceLabels[$row['source']] ?? ucfirst($row['source']) }}
                        </span>
                        <span class="badge bg-light text-dark border text-capitalize">{{ $row['group'] }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @empty
    <div class="col-12">
        <div class="alert alert-light border mb-0">No modules configured.</div>
    </div>
    @endforelse
</div>