<?php

/**
 * The template for displaying 404 pages (not found)
 *
 * @link https://codex.wordpress.org/Creating_an_Error_404_Page
 *
 * @package Dotspice
 * @version 1.3.0
 */

get_header();
?>
<div class="row">
	<div class="col-lg-5">
		<div class="error-404__number">404</div>
	</div>
	<div class="col-lg-7 d-flex align-items-center">
		<div class="error-404__content">
			<h1 class="error-404__h"><?php esc_html_e('Oops! That page can&rsquo;t be found.', 'dotspice'); ?> ;(</h1>
			<p class="error-404__p"><?php esc_html_e('It looks like nothing was found at this location. Maybe try a search or go back to ', 'dotspice'); ?><a href="<?php echo get_home_url(); ?>"><?php esc_html_e('homepage', 'dotspice') ?></a>.</p>
			<div class="error-404__search">
				<?php get_search_form(); ?>
			</div>
		</div>
	</div>
</div>

<?php if (class_exists('woocommerce')) { ?>
	<div class="error-404__products">
		<h3 class="error-404__products-h"><?php esc_html_e('Latest products', 'dotspice'); ?></h3>
		<?php echo do_shortcode('[products limit="4" columns="4" orderby="id" order="DESC" visibility="visible"]'); ?>
	</div>
<?php } ?>
<?php
get_footer();
