<?php
    get_header();
?>

<main class="main homepage">
    <section class="intro">
        <div class="intro__top">
            <div class="intro__bg">
                <?php $bg = get_field('fonovaya_kartinka_s1') ?>
                <img src="<?php echo esc_url($bg['url']); ?>" alt="<?php echo esc_attr($bg['alt']); ?>" fetchpriority="high" />
            </div>
            <div class="container">
                <h1 class="intro__title"><?php the_field('zagolovok_sekcziya_1') ?></h1>
                <p class="intro__subtitle"><?php the_field('podzagolovok_sekcziya_1') ?></p>
    
                <?php get_template_part('template-parts/intro-form'); ?>

                <div class="intro__partners">
                    <img
                        src="<?php echo bloginfo('template_url'); ?>/assets/images/partners/partners.svg"
                        alt="partners"
                    />
                </div>
            </div>
        </div>
    </section>

    <?php
        // Ищем записи в категории "why-are-we" с меткой "main"
        $whyarewe_posts = get_posts(array(
            'posts_per_page' => 1,
            'post_status' => 'publish',
            'category_name' => 'why-are-we', // Ищем в категории "why-are-we"
            'tag' => 'main',
        ));

        // Если найдена запись, выводим блок whyarewe с её полями
        if (!empty($whyarewe_posts)) :
            $whyarewe_post = $whyarewe_posts[0];
            setup_postdata($whyarewe_post);
    ?>
            <section class="whyarewe">
                <div class="container">
                    <div class="whyarewe__wrapper">
                        <div class="whyarewe__left">
                            <h2 class="whyarewe__title title"><?php echo get_field('zagolovok', $whyarewe_post->ID); ?></h2>
                            <div class="whyarewe__tabs">
                                <div class="whyarewe__tab">
                                    <div class="whyarewe__tab-icon"><?php echo get_field('ikonka_tab1', $whyarewe_post->ID); ?></div>
                                    <div class="whyarewe__tab-text">
                                        <strong><?php echo get_field('zagolovok_tab1', $whyarewe_post->ID); ?></strong>
                                        <p><?php echo get_field('opisanie_tab1', $whyarewe_post->ID); ?></p>
                                    </div>
                                </div>
                                <div class="whyarewe__tab">
                                    <div class="whyarewe__tab-icon"><?php echo get_field('ikonka_tab2', $whyarewe_post->ID); ?></div>
                                    <div class="whyarewe__tab-text">
                                        <strong><?php echo get_field('zagolovok_tab2', $whyarewe_post->ID); ?></strong>
                                        <p><?php echo get_field('opisanie_tab2', $whyarewe_post->ID); ?></p>
                                    </div>
                                </div>
                                <div class="whyarewe__tab">
                                    <div class="whyarewe__tab-icon"><?php echo get_field('ikonka_tab3', $whyarewe_post->ID); ?></div>
                                    <div class="whyarewe__tab-text">
                                        <strong><?php echo get_field('zagolovok_tab3', $whyarewe_post->ID); ?></strong>
                                        <p><?php echo get_field('opisanie_tab3', $whyarewe_post->ID); ?></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="whyarewe__content active">
                            <video
                                id="player"
                                playsinline
                                controls
                                data-poster="<?php echo get_field('prevyu_tab1', $whyarewe_post->ID); ?>"
                            >
                                <source src="<?php echo get_field('video_tab1', $whyarewe_post->ID); ?>" type="video/mp4"/>
                                Your browser does not support the video tag.
                            </video>
                        </div>
                        <div class="whyarewe__content">
                            <video
                                id="player2"
                                playsinline
                                controls
                                data-poster="<?php echo get_field('prevyu_tab2', $whyarewe_post->ID); ?>"
                            >
                                <source src="<?php echo get_field('video_tab2', $whyarewe_post->ID); ?>" type="video/mp4"/>
                                Your browser does not support the video tag.
                            </video>
                        </div>
                        <div class="whyarewe__content">
                            <video
                                id="player3"
                                playsinline
                                controls
                                data-poster="<?php echo get_field('prevyu_tab3', $whyarewe_post->ID); ?>"
                            >
                                <source src="<?php echo get_field('video_tab3', $whyarewe_post->ID); ?>" type="video/mp4"/>
                                Your browser does not support the video tag.
                            </video>
                        </div>
                    </div>
                </div>
            </section>
            
            <?php wp_reset_postdata(); ?>
    <?php 
        endif;
    ?>

    <section class="articles">
        <div class="container">
            <h2 class="articles__title title"><?php the_field('zagolovok_sekcziya_3') ?></h2>
            <p class="articles__subtitle"><?php the_field('podzagolovok_sekcziya_3') ?></p>
            <div class="articles__slider">
                <div class="articles__slider-wrapper swiper-wrapper">
                    <?php
                        $my_posts = get_posts( array(
                            'numberposts' => 3,
                            'post_type' => 'post',
                            'category_name' => 'articles',
                            'orderby' => 'date',
                            'order' => 'DESC',
                            'post_status' => 'publish',
                            'suppress_filters' => true,
                        ) );

                        global $post;

                        foreach( $my_posts as $post ){
                            setup_postdata( $post );
                            ?>
                                <div class="articles__slider-slide swiper-slide slide">
                                    <div class="slide__img">
                                        <?php $image = get_field('kartinka') ?>
                                        <img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
                                    </div>
                                    <div class="slide__title"><?php the_title() ?></div>
                                    <a class="slide__link" href="<?php echo get_permalink(); ?>"><?php the_field('knopka_podrobnee') ?></a>
                                </div>
                            <?php
                        }

                        wp_reset_postdata();
                    ?>
                </div>
            </div>
            <a class="articles__link btn" href="<?php the_field('ssylka_knopki_chitat_vse_stati') ?>"><?php the_field('knopka_chitat_vse_stati') ?></a>
        </div>
    </section>

    <section class="faq" itemscope itemtype="https://schema.org/FAQPage">
        <div class="container">
            <h2 class="faq__title title"><?php the_field('zagolovok_sekcziya_4') ?></h2>
            <p class="faq__subtitle"><?php the_field('podzagolovok_sekcziya_4') ?></p>
            <ul class="faq__list">
                <?php
                    $my_posts = get_posts( array(
                        'category_name' => 'faq',
                        'posts_per_page' => -1,
                        'post_status' => 'publish',
                        'orderby' => 'menu_order',
                        'order' => 'ASC',
                    ) );

                    global $post;

                    foreach( $my_posts as $post ){
                        setup_postdata( $post );
                        $question = get_the_title();
                        $answer = get_field('answer');
                        ?>
                            <li class="faq__list-item item"
                                itemscope 
                                itemprop="mainEntity" 
                                itemtype="https://schema.org/Question">
                                <div class="item__head">
                                    <h3 class="item__question" itemprop="name"><?php echo esc_html($question) ?></h3>
                                    <button class="item__btn">
                                        <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M1.75 14C1.75 7.23451 7.23451 1.75 14 1.75C20.7655 1.75 26.25 7.23451 26.25 14C26.25 20.7655 20.7655 26.25 14 26.25C7.23451 26.25 1.75 20.7655 1.75 14ZM14 2.91667C7.87884 2.91667 2.91667 7.87884 2.91667 14C2.91667 20.1212 7.87884 25.0833 14 25.0833C20.1212 25.0833 25.0833 20.1212 25.0833 14C25.0833 7.87884 20.1212 2.91667 14 2.91667Z"/>
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M13.9974 8.75C14.3196 8.75 14.5807 9.01117 14.5807 9.33333V18.6667C14.5807 18.9888 14.3196 19.25 13.9974 19.25C13.6752 19.25 13.4141 18.9888 13.4141 18.6667V9.33333C13.4141 9.01117 13.6752 8.75 13.9974 8.75Z"/>
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.75 14.0013C8.75 13.6791 9.01117 13.418 9.33333 13.418H18.6667C18.9888 13.418 19.25 13.6791 19.25 14.0013C19.25 14.3235 18.9888 14.5846 18.6667 14.5846H9.33333C9.01117 14.5846 8.75 14.3235 8.75 14.0013Z"/>
                                        </svg>
                                    </button>
                                </div>
                                <div class="item__answer"
                                    itemscope 
                                    itemprop="acceptedAnswer" 
                                    itemtype="https://schema.org/Answer">
                                    <div itemprop="text"><?php echo $answer; ?></div>
                                </div>
                            </li>
                        <?php
                    }

                    wp_reset_postdata();
                ?>
            </ul>
        </div>

        <?php if (!empty($faq_posts)) : ?>
        <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "FAQPage",
          "mainEntity": [
            <?php 
            $json_items = array();
            foreach ($faq_posts as $post) : 
                setup_postdata($post);
                $question = get_the_title();
                $answer = get_field('answer');
                $answer = wp_strip_all_tags($answer);
                $answer = str_replace(array("\r", "\n", "\t"), ' ', $answer);
                $answer = trim(preg_replace('/\s+/', ' ', $answer));
                
                $json_items[] = '{
                  "@type": "Question",
                  "name": "' . addslashes($question) . '",
                  "acceptedAnswer": {
                    "@type": "Answer",
                    "text": "' . addslashes($answer) . '"
                  }
                }';
            endforeach;
            echo implode(',', $json_items);
            wp_reset_postdata();
            ?>
          ]
        }
        </script>
        <?php endif; ?>
    </section>

    <section class="t-insurance">
        <div class="container">
            <h2 class="t-insurance__title title"><?php the_field('zagolovok_sekcziya_5') ?></h2>
            <div class="t-insurance__text"><?php the_field('oblast_teksta_sekcziya_5') ?></div>
        </div>
    </section>

    <section class="reviews">
        <div class="container">
            <h2 class="reviews__title title"><?php the_field('zogolovok_otzyvy', 'option') ?></h2>
            <p class="reviews__subtitle"><?php the_field('podzagolovok_otzyvy', 'option') ?></p>
            <div class="reviews__slider">
                <div class="reviews__slider-wrapper swiper-wrapper">
                    <?php
                    if ( have_rows('otzyvy', 'option') ) {
                        while ( have_rows('otzyvy', 'option') ) {
                            the_row();
                            ?>
                            <div class="reviews__slide swiper-slide">
                                <div class="reviews__slide-head">
                                    <div class="reviews__slide-head-inner">
                                        <div class="reviews__slide-author"><?php the_sub_field('imya_avtora') ?></div>
                                        <div class="reviews__slide-rating">
                                            <?php the_sub_field('rejting') ?>
                                            <svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M8.32313 0.767573C8.84635 -0.0891922 10.1068 -0.0891902 10.63 0.767575L12.6905 4.14161C12.8784 4.44941 13.185 4.66892 13.5401 4.74998L17.4331 5.63849C18.4216 5.86411 18.8111 7.04543 18.1459 7.80056L15.5264 10.7743C15.2875 11.0456 15.1704 11.4008 15.2019 11.7587L15.5474 15.6819C15.6351 16.6781 14.6154 17.4082 13.6811 17.0181L10.0017 15.482C9.66605 15.3418 9.28708 15.3418 8.95143 15.482L5.27202 17.0181C4.33771 17.4082 3.318 16.6781 3.40573 15.6819L3.75123 11.7587C3.78275 11.4008 3.66564 11.0456 3.42668 10.7743L0.807183 7.80056C0.142017 7.04543 0.531515 5.86411 1.52004 5.63849L5.41298 4.74998C5.76811 4.66892 6.0747 4.44941 6.26267 4.14161L8.32313 0.767573Z" fill="#F2994A" />
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="reviews__slide-logo">
                                        <?php $image = get_sub_field('strahovaya_kompaniya_logo'); ?>
                                        <img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" itemprop="image" />
                                    </div>
                                </div>
                                <div class="reviews__slide-text"><?php the_sub_field('otzyv') ?></div>
                                <div class="reviews__slide-date"><?php the_sub_field('data') ?></div>
                            </div>
                        <?php 
                        }
                    }
                    ?>
                </div>
            </div>
        </div>
    </section>
</main>

<?php
    get_footer();
?>

    <?php wp_footer() ?>
	</body>
</html>