<?php
// Template name: FAQ
get_header();
$template_directory = get_template_directory_uri();
$srcset = 'srcset="' . $template_directory . '/assets/images/lazyload.png"';
$solutions_global_texts = get_field('solutions_global_texts', 'option');
?>
<main>
<section class="faq --rounded-section" data-animate-group="list">
<div class="container">
<?php
get_template_part('templates/breadcrumbs');
?>
<?php
$faq_section = get_field('faq_section');
?>
<h1 class='title-1 faq__title mobile__title-1s' data-animate="word" data-index="1"><?php echo $faq_section['title'] ?></h1>
<div class='faq__inner'>
<div class='accordions'>
<?php
foreach($faq_section['faq_list'] as $key=>$item) :
if ($item['title'] && $item['text']) :
?>
<div class='accordion__item --accordion' data-accordion-group="faq-accordion" data-animate="swim-top" data-index="<?php echo $key + 3; ?>">
<div class=' text-1 accordion__question mobile__text-1 --accordion__open'>
<?php echo $item['title']; ?>
<div class='plus'></div>
</div>
<div class='--accordion__content-container'>
<div
class="--accordion__content body-1-medium accordion__content mobile__body-1-medium">
<?php echo $item['text']; ?>
</div>
</div>
</div>
<?php
endif;
endforeach;
?>
</div>
<?php
if ($faq_section['sidebar']['title']) :
?>
<div class='faq__contact' data-animate="fade" data-index="2">
<p class="text-1 mobile__text-1">
<?php echo $faq_section['sidebar']['title']; ?>
</p>
<p class='body-1-medium faq__text mobile__body-1-medium'>
<?php echo $faq_section['sidebar']['text']; ?>
</p>
<?php
$button = get_link_group_field($faq_section['sidebar']['link']);
if ($button) :
?>
<a href="<?php echo $button['url'] ?>" <?php echo $button['target'] ?> class='button__blue'>
<?php echo $button['title'] ?>
</a>
<?php
endif;
?>
</div>
<?php
endif;
?>
</div>
</div>
</section>
</main>
<?php
get_footer();
?>