<?php
/**
 * @package Case-Themes
 */

$switch_icon = lawna()->get_theme_opt('switch_icon', true);
$description_404 = lawna()->get_theme_opt('description_404');
$text_404 = lawna()->get_opt( 'text_404', ['url' => get_template_directory_uri().'/assets/img/text-404.png', 'id' => '' ] );
$background_404 = lawna()->get_opt( 'background_404', ['url' => get_template_directory_uri().'/assets/img/bg-404.jpg', 'id' => '' ] );
get_header(); ?>
<div class="pxl-content--404" style="background-image:url(<?php echo esc_url($background_404['url']); ?>);">
    <div class="row content-row">
        <div id="pxl-content-area" class="pxl-content-area col-12">
            <main id="pxl-content-main">
                <div class="pxl-error-inner">
                    <div class="pxl-error-heading el-parallax-wrap">
                        <img src="<?php echo esc_url($text_404['url']); ?>" />
                        <?php if ($switch_icon) : ?>
                            <div class="pxl-img pxl-img-1 pxl-hide-sm"><img class="el-parallax-item" src="<?php echo esc_url(get_template_directory_uri().'/assets/img/img-1.png'); ?>" /></div>
                            <div class="pxl-img pxl-img-2 pxl-hide-sm"><img class="el-parallax-item" src="<?php echo esc_url(get_template_directory_uri().'/assets/img/img-2.png'); ?>" /></div>
                            <div class="pxl-img pxl-img-3 pxl-hide-sm"><img class="el-parallax-item" src="<?php echo esc_url(get_template_directory_uri().'/assets/img/img-3.png'); ?>" /></div>
                            <div class="pxl-img pxl-img-4 pxl-hide-sm"><img class="el-parallax-item" src="<?php echo esc_url(get_template_directory_uri().'/assets/img/img-4.png'); ?>" /></div>
                        <?php endif; ?>
                    </div>
                    <div class="pxl-error-holder">
                        <div class="wrap-error-holder">
                         <div class="pxl-error-description">
                            <?php if (!empty($description_404)) {
                                echo pxl_print_html($description_404);
                            } else{
                                echo esc_html__('Oops! Page Not Found.', 'lawna');
                            }?>
                        </div>
                        <a class="btn btn-icon-box2" href="<?php echo esc_url(home_url('/')); ?>">
                            <span>
                                <?php echo esc_html__('Back to Home Page', 'lawna'); ?>
                            </span>
                            <svg class="pxl--btn-icon" xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 20 20" fill="none">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2389 4.4107C10.5643 4.08527 11.092 4.08527 11.4174 4.4107L16.4174 9.41071C16.7428 9.73613 16.7428 10.2638 16.4174 10.5892L11.4174 15.5892C11.092 15.9146 10.5643 15.9146 10.2389 15.5892C9.91346 15.2638 9.91346 14.7361 10.2389 14.4107L13.8163 10.8333H4.16146C3.70123 10.8333 3.32812 10.4602 3.32812 9.99996C3.32812 9.53971 3.70123 9.16663 4.16146 9.16663H13.8163L10.2389 5.58922C9.91346 5.26378 9.91346 4.73614 10.2389 4.4107Z" fill="black"/>
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
        </main>
    </div>
</div>
</div>
<?php get_footer();