<?php
get_header();
$srcset = get_template_directory_uri() . "/assets/images/lazyload.png";
?>
<main>
<?php
get_template_part('templates/inner-page-main');
?>
<section class="article">
<div class="article__container container">
<?php
$main_info = get_field('main_info');
if ($main_info['main_image']) :
?>
<div class="article__main-img">
<img class="-lazyload" srcset="<?php echo $srcset; ?>" src="<?php echo $main_info['main_image']['url']; ?>" alt="<?php echo $main_info['main_image']['alt']; ?>" />
</div>
<?php
endif;
$article_info = get_field('article_info')['article'];
$article_global = get_field('article_global', 'option');
?>
<div class="article__main-info">
<div class="article__main-sub-info">
<p class="text-1 mob-text-1 --demi-bold">
<?php
if ($main_info['author_info']['name']) :
?>
<span><?php echo $main_info['author_info']['name']; ?></span>
<?php
endif;
?>
<span><?php the_date('M j, Y'); ?></span>
<span>
<?php
$post_characters = strlen($article_info);
echo ceil($post_characters / 600) . ' ' . $article_global['text_min_to_read'];
?>
</span>
</p>
</div>
<?php
if ($main_info['description']) :
?>
<p class="text text-2 mob-text-2">
<?php echo $main_info['description']; ?>
</p>
<?php
endif;
?>
<div class="editor article__content">
<?php
echo $article_info;
?>
</div>
<?php
if ($main_info['author_info']['img'] && $main_info['author_info']['name']) :
?>
<div class="article__author-info">
<div class="img">
<img class="-lazyload" srcset="<?php echo $srcset; ?>" src="<?php echo $main_info['author_info']['img']['url']; ?>" alt="<?php echo $main_info['author_info']['img']['alt']; ?>" />
</div>
<div class="author-content">
<p class="title text-1 mob-text-1 --demi-bold"><?php echo $main_info['author_info']['name']; ?></p>
<?php
if ($main_info['author_info']['description']) :
?>
<p class="text text-2 mob-text-2"><?php echo $main_info['author_info']['description']; ?></p>
<?php
endif;
?>
</div>
</div>
<?php
endif;
?>
</div>
</div>
</section>
<?php
$related_article = get_field('related_article');
if ($related_article) :
?>
<section class="related-article">
<div class="container -smaller">
<h2 class="title-2 mob-title-2 -centered-title -max-width-710">
<?php echo $article_global['more_articles_block_title']; ?>
</h2>
<div class="article-list -max-width-1120">
<?php
foreach($related_article as $item) {
if ($item !== $post->ID) {
$args['post_id'] = $item;
get_template_part('templates/cards/article-preview', null, $args);
}
}
?>
</div>
</div>
</section>
<?php
endif;
?>
</main>
<?php
get_footer();
?>