<?php
// Template name: 404
get_header();
?>
<main>
<?php
$curr_lang = pll_current_language();
$template_directory = get_template_directory_uri();
$srcset = "srcset='" . $template_directory . "/assets/images/lazyload.png'";
$page_404 = get_field("page_404-{$curr_lang}", 'option');
if ($page_404['title']) :
?>
<section class="section-404">
<div class="container">
<div class="section-404__wrapper">
<h1 class="title title-1 mob-title-1">
<?php echo $page_404['title']; ?>
</h1>
<?php
if ($page_404['text']) :
?>
<p class="text text-1 mob-text-2">
<?php echo $page_404['text']; ?>
</p>
<?php
endif;
$button = get_link_group_field($page_404['button']);
if ($button) :
?>
<a href="<?php echo $button['url']; ?>" <?php echo $button['target']; ?> class="default-button -hover-swipe -texted -light">
<div class="icon-wrapper">
<span class="icon">
<span class="-text">404</span>
<span>
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory; ?>/assets/images/ui-kit/home.svg" alt="">
</span>
</span>
</div>
<span class="text">
<?php echo $button['title']; ?>
</span>
</a>
<?php
endif;
?>
</div>
</div>
</section>
<?php
endif;
?>
</main>
<?php
get_template_part('templates/breadcrumbs');
?>
<?php
get_footer();
?>