<?php
// Template name: Blog
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="blog --rounded-section">
<div class="container">
<?php
get_template_part('templates/breadcrumbs');
$blog = get_field('blog');
if ($blog['title']) :
?>
<h1 class="title-1 mobile__title-1" data-animate="word" ><?php echo $blog['title']; ?></h1>
<?php
endif;
if ($blog['text']) :
?>
<p class="text-2 mobile__text-2 blog__title-desc" data-animate="fade">
<?php echo $blog['text']; ?>
</p>
<?php
endif;
?>
<div class="blog-posts-wrapper" data-animate="swim-top" data-offset="0"
data-load-more-text="<?php echo $blog['show_more_button']; ?>"
data-post-per-page="<?php echo $blog['pagination_settings']['posts_per_page']; ?>"
data-load-more-number="0"
data-last-clicked-page="1"
>
<?php
$args['blog_id'] = get_the_ID();
$args['posts_per_page'] = $blog['pagination_settings']['posts_per_page'];
get_template_part('templates/post-ajax-loader', null, $args);
?>
</div>
</div>
</section>
<?php
$subscribe = get_field('subscribe');
if ($subscribe['title']) :
?>
<section class="subscribe --dark-section" data-animate-group="list">
<div class="container">
<div class="subscribe__inner">
<div class="subscribe__text">
<p class="title title-2 mobile__title-2 --letter-spacing-002" data-animate="word" data-index="1">
<?php echo $subscribe['title']; ?>
</p>
<?php
if ($subscribe['text']) :
?>
<p class="text-2 -description mobile__text-2" data-animate="swim-top" data-index="2">
<?php echo $subscribe['text']; ?>
</p>
<?php
endif;
?>
</div>
<div class="subscribe__media" data-animate="swim-left" data-index="3">
<div class="form-wrapper">
<div class="form-with-title">
<div class="form">
<?php
echo do_shortcode('[contact-form-7 id="813"]');
?>
</div>
</div>
<?php
$args['small'] = true;
get_template_part('templates/modal-thanks', null, $args);
?>
</div>
<div class="card-media__social">
<p class="body-1-medium title-opacity-white5 mobile__body-1-medium">
Or follow us on social media:
</p>
<div class="social-list">
<?php
$socials = get_field('contacts', 'option')['socials'];
foreach($socials as $item) :
?>
<a href="<?php echo $item['link']['url']; ?>" <?php echo $item['link']['target']; ?>>
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $item['img']['url']; ?>" alt="<?php echo $item['img']['alt']; ?>">
</a>
<?php
endforeach;
?>
</div>
</div>
</div>
</div>
</div>
</section>
<?php
endif;
?>
</main>
<?php
get_footer();
?>