<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="width=device-width">
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">

    <?php wp_head(); ?>
</head>

<body <?php body_class('bg-[#f9f9f9] text-[#222]'); ?>>

<?php do_action('tailpress_site_before'); ?>

<div id="page" class="min-h-screen flex flex-col">
    <?php do_action('tailpress_header'); ?>

    <header>

        <div class="mx-auto container mt-[24px]">

            <div>
                <div class="flex justify-between items-center">
                    <div>
                        <?php if (has_custom_logo()) { ?>
                            <?php the_custom_logo(); ?>
                        <?php } else { ?>
                            <a href="<?php echo get_bloginfo('url'); ?>" class="font-extrabold text-lg uppercase">
                                <?php echo get_bloginfo('name'); ?>
                            </a>
                        <?php } ?>
                    </div>
                    <?php get_template_part('template-parts/la-components/language-switcher'); ?>
                    <div class="flex items-center gap-[12px]">
                        <div class="w-[8px] h-[8px] rounded-full bg-[#e21e24]"></div>
                        <div class="leading-[125%] text-[14px] font-[600]">
                            <p>г. Томск, </p>
                            <p>ул. Красноармейская, 120</p>
                        </div>
                    </div>
                    <div class="flex items-center gap-[12px]">
                        <div class="w-[8px] h-[8px] rounded-full bg-[#e21e24]"></div>
                        <div class="leading-[125%] text-[14px] font-[600]">
                            <p>Пн–Пт: 7:00 – 23:00</p>
                            <p>Сб–Вс: 9:00 – 22:00</p>
                        </div>
                    </div>
                    <div class="flex gap-[4px]">
                        <a class="hover:[&>img]:brightness-150 transition" href="#">
                            <?php
                            display_icon('tg');
                            ?>
                        </a>
                        <a class="hover:[&>img]:brightness-150 transition" href="#">
                            <?php
                            display_icon('whatsapp');
                            ?>
                        </a>
                    </div>
                    <a class="font-[700] text-[24px] !decoration-transparent hover:!decoration-inherit transition-colors" href="tel:+783822990019">
                        +7 (3822) 99-00-19
                    </a>
                    <div>
                        <button class="red-gradient-hover cursor-pointer flex text-[#f8f8f8] text-[16px] font-[600] justify-center h-[45px] w-[136px] rounded-[90px] flex items-center">Записаться</button>
                    </div>
                </div>

                <?php
                /*				wp_nav_menu(
                                    array(
                                        'container_id'    => 'primary-menu',
                                        'container_class' => 'hidden bg-gray-100 mt-4 p-4 lg:mt-0 lg:p-0 lg:bg-transparent lg:block',
                                        'menu_class'      => 'lg:flex lg:-mx-4',
                                        'theme_location'  => 'primary',
                                        'li_class'        => 'lg:mx-4',
                                        'fallback_cb'     => false,
                                    )
                                );
                                */ ?>
            </div>
        </div>
    </header>
    <div class="container mx-auto my-[24px]">
        <div class="flex items-center justify-between gap-[32px]">
            <div class="group bg-white text-[16px] text-[#222] font-[600] rounded-[90px] h-[44px] px-[28px] flex items-center">
                <?php get_template_part('template-parts/la-components/navigation-menu'); ?>
            </div>
            <div class="flex gap-[12px]">
                <button data-modal="time" class="font-[600] flex gap-[8px] h-[44px] px-[20px] items-center cursor-pointer border border-[#e0e0e0] rounded-[90px]"
                >
                    <span class="w-[8px] h-[8px] rounded-full bg-[#e21e24]"></span>
                    Расписание
                </button>
                <button
                class="font-[600] text-[#f8f8f8] dark-gradient-hover flex gap-[8px] h-[44px] px-[20px] items-center cursor-pointer rounded-[90px]"
                >
                    <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M8 0.5C9.06087 0.5 10.0783 0.921427 10.8284 1.67157C11.5786 2.42172 12 3.43913 12 4.5C12 5.56087 11.5786 6.57828 10.8284 7.32843C10.0783 8.07857 9.06087 8.5 8 8.5C6.93913 8.5 5.92172 8.07857 5.17157 7.32843C4.42143 6.57828 4 5.56087 4 4.5C4 3.43913 4.42143 2.42172 5.17157 1.67157C5.92172 0.921427 6.93913 0.5 8 0.5ZM8 10.5C12.42 10.5 16 12.29 16 14.5V16.5H0V14.5C0 12.29 3.58 10.5 8 10.5Z" fill="#F8F8F8" />
                    </svg>
                    Личный кабинет
                </button>
            </div>
        </div>
    </div>

    <div id="content" class="site-content grow">

        <?php do_action('tailpress_content_start'); ?>

        <main>
            <div class="container mx-auto">
            <button class="cursor-pointer p-[10px] rounded border" data-modal="example">Пример модалки</button>
            <button class="cursor-pointer p-[10px] rounded border" data-modal="room">Выбор зала</button>
                <button class="cursor-pointer p-[10px] rounded border" data-modal="form">Форма</button>
            </div>


            <?php
            $galleryData = [
                'reception' => [
                    'title' => 'Зона ресепшен',
                    'images' => [
                        [
                            'src' => 'https://placehold.co/800x600/4a5568/ffffff?text=Ресепшен+1',
                            'thumb' => 'https://placehold.co/150x100/4a5568/ffffff?text=Р1',
                            'alt' => 'Ресепшен 1'
                        ],
                        [
                            'src' => 'https://placehold.co/800x600/2d3748/ffffff?text=Ресепшен+2',
                            'thumb' => 'https://placehold.co/150x100/2d3748/ffffff?text=Р2',
                            'alt' => 'Ресепшен 2'
                        ],
                        [
                            'src' => 'https://placehold.co/800x600/1a202c/ffffff?text=Ресепшен+3',
                            'thumb' => 'https://placehold.co/150x100/1a202c/ffffff?text=Р3',
                            'alt' => 'Ресепшен 3'
                        ],
                        [
                            'src' => 'https://placehold.co/800x600/718096/ffffff?text=Ресепшен+4',
                            'thumb' => 'https://placehold.co/150x100/718096/ffffff?text=Р4',
                            'alt' => 'Ресепшен 4'
                        ]
                    ]
                ],
                'gym' => [
                    'title' => 'Зона тренажерного зала',
                    'images' => [
                        [
                            'src' => 'https://placehold.co/800x600/dc2626/ffffff?text=Тренажёрный+1',
                            'thumb' => 'https://placehold.co/150x100/dc2626/ffffff?text=Т1',
                            'alt' => 'Тренажерный зал 1'
                        ],
                        [
                            'src' => 'https://placehold.co/800x600/b91c1c/ffffff?text=Тренажёрный+2',
                            'thumb' => 'https://placehold.co/150x100/b91c1c/ffffff?text=Т2',
                            'alt' => 'Тренажерный зал 2'
                        ],
                        [
                            'src' => 'https://placehold.co/800x600/991b1b/ffffff?text=Тренажёрный+3',
                            'thumb' => 'https://placehold.co/150x100/991b1b/ffffff?text=Т3',
                            'alt' => 'Тренажерный зал 3'
                        ],
                        [
                            'src' => 'https://placehold.co/800x600/7f1d1d/ffffff?text=Тренажёрный+4',
                            'thumb' => 'https://placehold.co/150x100/7f1d1d/ffffff?text=Т4',
                            'alt' => 'Тренажерный зал 4'
                        ],
                        [
                            'src' => 'https://placehold.co/800x600/ef4444/ffffff?text=Тренажёрный+5',
                            'thumb' => 'https://placehold.co/150x100/ef4444/ffffff?text=Т5',
                            'alt' => 'Тренажерный зал 5'
                        ]
                    ]
                ],
                'group' => [
                    'title' => 'Залы для групповых тренировок',
                    'images' => [
                        [
                            'src' => 'https://placehold.co/800x600/059669/ffffff?text=Групповые+1',
                            'thumb' => 'https://placehold.co/150x100/059669/ffffff?text=Г1',
                            'alt' => 'Групповые тренировки 1'
                        ],
                        [
                            'src' => 'https://placehold.co/800x600/047857/ffffff?text=Групповые+2',
                            'thumb' => 'https://placehold.co/150x100/047857/ffffff?text=Г2',
                            'alt' => 'Групповые тренировки 2'
                        ],
                        [
                            'src' => 'https://placehold.co/800x600/065f46/ffffff?text=Групповые+3',
                            'thumb' => 'https://placehold.co/150x100/065f46/ffffff?text=Г3',
                            'alt' => 'Групповые тренировки 3'
                        ]
                    ]
                ]
            ];
            ?>
            