<?php
/**
 * The template for displaying 404 pages (not found)
 *
 * @link https://developer.wordpress.org/themes/functionality/404-not-found-error-page/
 *
 * @package ViitorX
 */

get_header();

$viitorx_404_video = get_template_directory_uri() . '/assets/videos/inner-page-hero-video.webm';

$viitorx_posts_page = (int) get_option( 'page_for_posts' );
$viitorx_blog_url   = $viitorx_posts_page ? get_permalink( $viitorx_posts_page ) : '';

$viitorx_case_studies_url = '';
if ( post_type_exists( 'case_study' ) ) {
	$viitorx_case_studies_url = get_post_type_archive_link( 'case_study' );
}
?>

<div class="page viitorx-error-404-page">
<div class="viitorx-error-404-wrap">
	<main id="primary" class="site-main viitorx-error-404-main">

		<section class="error-404 not-found error-404-hero" aria-labelledby="error-404-heading">
			<?php get_template_part( 'template-parts/hero-wordmark' ); ?>
			<video class="error-404-hero__video" autoplay muted loop playsinline preload="metadata" aria-hidden="true">
				<source src="<?php echo esc_url( $viitorx_404_video ); ?>" type="video/webm">
			</video>
			<div class="error-404-hero__overlay" aria-hidden="true"></div>

			<div class="error-404-hero__inner">
				<p class="error-404-hero__code" aria-hidden="true">404</p>

				<header class="error-404-hero__header">
					<h1 id="error-404-heading" class="error-404-hero__title">
						<?php esc_html_e( 'Page not found', 'viitorx' ); ?>
					</h1>
					<p class="error-404-hero__lead">
						<?php esc_html_e( 'The page you are looking for does not exist or has been moved. Try search or one of the links below.', 'viitorx' ); ?>
					</p>
				</header>

				<div class="error-404-hero__actions">
					<a class="error-404-btn error-404-btn--primary" href="<?php echo esc_url( home_url( '/' ) ); ?>">
						<?php esc_html_e( 'Back to Home', 'viitorx' ); ?>
					</a>
				</div>

				<div class="error-404-hero__search" role="search">
					<p class="error-404-hero__search-label"><?php esc_html_e( 'Search the site', 'viitorx' ); ?></p>
					<?php get_search_form(); ?>
				</div>

				<?php if ( $viitorx_blog_url || $viitorx_case_studies_url ) : ?>
					<nav class="error-404-quicklinks" aria-label="<?php esc_attr_e( 'Popular destinations', 'viitorx' ); ?>">
						<?php if ( $viitorx_case_studies_url ) : ?>
							<a class="error-404-quicklinks__link" href="<?php echo esc_url( $viitorx_case_studies_url ); ?>">
								<?php esc_html_e( 'Case Studies', 'viitorx' ); ?>
							</a>
						<?php endif; ?>
						<?php if ( $viitorx_blog_url ) : ?>
							<a class="error-404-quicklinks__link" href="<?php echo esc_url( $viitorx_blog_url ); ?>">
								<?php esc_html_e( 'Blog', 'viitorx' ); ?>
							</a>
						<?php endif; ?>
					</nav>
				<?php endif; ?>
			</div>
		</section>

	</main>
</div>
</div>

<?php
get_footer();