<x-module-layout>
    <x-slot name="header">
        <div>
            <p class="text-sm font-semibold uppercase tracking-wide text-primary-600 dark:text-primary-300">Módulo</p>
            <h1 class="mt-1 text-2xl font-bold text-slate-950 dark:text-white">{{ $modulo['nome'] }}</h1>
        </div>
    </x-slot>

    <div class="flex min-h-[calc(100vh-12rem)] items-center justify-center">
        <div class="max-w-md text-center">
            <div class="mx-auto flex h-20 w-20 items-center justify-center rounded-lg bg-accent-50 text-accent-700 dark:bg-slate-800 dark:text-accent-300">
                <x-heroicon :name="$modulo['icone']" class="h-10 w-10" />
            </div>
            <h2 class="mt-6 text-2xl font-bold text-slate-950 dark:text-white">{{ $modulo['nome'] }}</h2>
            <p class="mt-3 text-sm leading-6 text-slate-600 dark:text-slate-400">Em desenvolvimento. Em breve novas funcionalidades.</p>
            <a href="{{ route('dashboard') }}" class="btn-secondary mt-8">
                Voltar ao portal
            </a>
        </div>
    </div>
</x-module-layout>
