/home/bdqbpbxa/rc-subdomains/optoman-rc.goodface.com.ua/wp-content/themes/optoman/templates/faq.php
<?php
$faq_field = get_field('section_texts', 'option')['faq_section'];
$faq = get_query_var('faq');

$faq_illustration_mod = get_query_var('faq_illustration_mod');
$custom_faq_image = get_query_var('custom_faq_image');

if ($faq_illustration_mod == 'custom' && $custom_faq_image) {
    $faq_field['image'] = $custom_faq_image;
}


$template_directory = get_template_directory_uri();
$srcset = "srcset='{$template_directory}/assets/images/lazyload.png'";

if ($faq):
    ?>
    <section class="faq-section">
        <div class="container-big">
            <div class="faq-wrapper">
                <div class="image --bg-secondary-color">
                    <img class="-lazyload"
                        <?php echo $srcset; ?> src="<?php echo $faq_field['image']['url']; ?>"
                         alt="<?php echo $faq_field['image']['alt']; ?>"
                         data-animate="swim-top">
                </div>
                <div class="faq-content">
                    <h2 class="title title-2" data-animate="word"><?php echo $faq_field['title']; ?></h2>
                    <div class="faq-items">
                        <?php
                        if ($faq) :
                            foreach ($faq as $item) :
                                if ($item['faq']['question'] && $item['faq']['answer']) :
                                    ?>
                                    <div class="--accordion faq-accordion" data-accordion-group="faq-group"
                                         data-animate="swim-top">
                                        <div class="--accordion__open --cursor-pointer">
                                            <h3 class="question title-5">
                                                <?php echo $item['faq']['question']; ?>
                                            </h3>
                                            <div class="--accordion__arrow"></div>
                                        </div>
                                        <div class="--accordion__content-container">
                                            <div class="--accordion__content">
                                                <div class="accordion-text body-3">
                                                    <?php echo $item['faq']['answer']; ?>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                <?php
                                endif;
                            endforeach;
                        endif;
                        ?>
                    </div>
                </div>

            </div>
        </div>
    </section>
<script type="application/ld+json">
<?php
$faq_jsonld = [];
foreach ($faq as $item) {
    if (!empty($item['faq']['question']) && !empty($item['faq']['answer'])) {
        $faq_jsonld[] = [
            "@type" => "Question",
            "name" => strip_tags($item['faq']['question']),
            "acceptedAnswer" => [
                "@type" => "Answer",
                "text" => strip_tags($item['faq']['answer']),
            ]
        ];
    }
}

echo json_encode([
    "@context" => "https://schema.org",
    "@type" => "FAQPage",
    "mainEntity" => $faq_jsonld
], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT);
?>
</script>

<?php endif; ?>