extends ../layout.pug
include ../pug/base.pug
include ../pug/bem.pug



div(class="min-h-screen bg-surface transition-colors duration-300" :class="{'dark': _.appState.currentTheme === 'dark'}")
    div(v-if="appState.loading" class="flex items-center justify-center min-h-screen")
        div(class="text-center")
            div(class="w-12 h-12 border-4 border-primary border-t-transparent rounded-full animate-spin")
            p(class="mt-4 text-contrast-medium") Загрузка...
    div(v-else-if="appState.error" class="flex items-center justify-center min-h-screen px-4")
        div(class="text-center max-w-md")
            div(class="text-2xl font-bold text-red-500 mb-2") Ошибка
            p(class="text-contrast-medium") {{ appState.error }}
            app-link(to="/" class="mt-4 inline-block text-primary hover:underline") Вернуться на главную
    router-view(v-else)