{{--
    Visão geral do painel de suporte (P3.S1): o módulo informa `title`/`breadcrumbs` e preenche
    **apenas** o conteúdo — shell, estrutura e título da página são do layout (ADR-009/ADR-016/ADR-036).
    Nada de link para tela de fatia futura: rota inexistente não vira item de menu nem link morto.
--}}
<x-layout::cms
    :title="__('painel::index.title')"
    :breadcrumbs="[
        ['label' => __('painel::index.title')],
    ]">
    <p class="mb-4 max-w-prose text-sm opacity-70">{{ __('painel::index.intro') }}</p>

    <div class="grid gap-4 lg:grid-cols-2">
        <x-cms::card :title="__('painel::index.modules_title')">
            <dl class="grid grid-cols-1 gap-3 sm:grid-cols-3">
                <div>
                    <dt class="text-sm opacity-70">{{ __('painel::index.modules_total') }}</dt>
                    <dd class="text-2xl font-semibold">{{ $overview->totalModules }}</dd>
                </div>
                <div>
                    <dt class="text-sm opacity-70">{{ __('painel::index.modules_active') }}</dt>
                    <dd class="text-2xl font-semibold">{{ $overview->activeModules }}</dd>
                </div>
                <div>
                    <dt class="text-sm opacity-70">{{ __('painel::index.modules_inactive') }}</dt>
                    <dd class="text-2xl font-semibold">{{ $overview->inactiveModules() }}</dd>
                </div>
            </dl>

            <div class="mt-4 flex flex-wrap gap-2">
                <x-cms::button variant="primary" :href="route('painel.cms.modules')">
                    <x-ui::icon name="list" />
                    <span>{{ __('painel::index.manage_modules') }}</span>
                </x-cms::button>

                <x-cms::button variant="neutral" :href="route('painel.cms.diagnostico')">
                    <x-ui::icon name="database" />
                    <span>{{ __('painel::index.diagnose') }}</span>
                </x-cms::button>

                <x-cms::button variant="neutral" :href="route('painel.cms.audit')">
                    <x-ui::icon name="file-text" />
                    <span>{{ __('painel::audit.menu') }}</span>
                </x-cms::button>

                <x-cms::button variant="neutral" :href="route('painel.cms.maintenance')">
                    <x-ui::icon name="settings-2" />
                    <span>{{ __('painel::maintenance.menu') }}</span>
                </x-cms::button>

                <x-cms::button variant="neutral" :href="route('painel.cms.contact')">
                    <x-ui::icon name="building-2" />
                    <span>{{ __('painel::contact.menu') }}</span>
                </x-cms::button>
            </div>
        </x-cms::card>

        <x-cms::card :title="__('painel::index.rules_title')">
            <ul class="list-disc space-y-1 ps-5 text-sm">
                <li>{{ __('painel::index.rule_access') }}</li>
                <li>{{ __('painel::index.rule_audit') }}</li>
            </ul>
        </x-cms::card>
    </div>
</x-layout::cms>