div(id="app" class="min-h-full bg-gray-50 dark:bg-gray-900 transition-colors duration-300")

    div(class="transition-all duration-300")
                header(class="bg-primary text-white shadow-lg")
                    div(class="container mx-auto px-4 py-4")
                        div(class="flex justify-between items-center")
                            div
                                router-link(to="/" class="text-2xl font-bold text-accent") Кохи Борбад
                            div(class="flex items-center space-x-4")
                                MultiLevelMenu
                                ThemeToggle

                main
                    router-view(v-slot="{ Component }")
                        transition(name="page-slide" mode="out-in")
                            component(:is="Component")

                footer(class="bg-primary text-white py-8 mt-12")
                    div(class="container mx-auto px-4")
                        div(class="grid grid-cols-1 md:grid-cols-3 gap-8")
                            div(class="footer-section")
                                h3(class="text-xl font-bold text-accent mb-4") Контакты
                                p пр. И. Сомони, 26, Душанбе
                                p Телефон: +992 372 27 09 46
                                p Email: info@borbad.tj
                                br
                                p
                                    img(src="https://borbad.s5l.ru/assets/borbad.s5l.ru/000.png")
                            
                            div(class="footer-section")
                                h3(class="text-xl font-bold text-accent mb-4") Быстрые ссылки
                                div(class="flex flex-col space-y-2")
                                    router-link(to="/events" class="hover:text-accent transition-colors") Мероприятия
                                    router-link(to="/about" class="hover:text-accent transition-colors") О зале
                                    router-link(to="/contacts" class="hover:text-accent transition-colors") Контакты
                                    
                            
                            div(class="footer-section")
                                h3(class="text-xl font-bold text-accent mb-4") Подписка
                                p Подпишитесь на новости о мероприятиях
                                FormValidator(placeholder="Ваш email" buttonText="Подписаться")


//- Глобальные модальные окна - ДОЛЖНЫ БЫТЬ ЗДЕСЬ
div(class="ModalContainer") {{ modalState.currentModal }} - {{ modalState.currentModal == 'EventDetailModal' }}
    ModalWindow(
        v-if="modalState.currentModal == 'EventDetailModal'"
        :isVisible="true"
        @update:isVisible="closeModal"
        :title="modalState.modalProps.event?.title || 'Мероприятие'"
        :contentClass="'max-w-4xl'"
        :showFooter="false"
    )
        template([body])
            EventDetailModal(
                :event="modalState.modalProps.event"
                :isVisible="true"
                @update:isVisible="closeModal"
                @ticket-booking="handleTicketBooking"
            )

    ModalWindow(
        v-if="modalState.currentModal == 'SuccessModal'"
        :isVisible="true"
        @update:isVisible="closeModal"
        :title="modalState.modalProps.title || 'Успешно!'"
        :contentClass="'max-w-md'"
        :showFooter="false"
    )
        template([body])
            SuccessModal(
                :title="modalState.modalProps.title"
                :content="modalState.modalProps.content"
                :isVisible="true"
                @update:isVisible="closeModal"
            )