<?php
/**
 * The template for displaying 404 pages (not found).
 *
 * @link https://codex.wordpress.org/Creating_an_Error_404_Page
 *
 * @package travel_planning
 */

    ?>
    <?php get_header(); ?>
	   <main id="main" class="site-main" role="main">
		    <div class="error-holder">
		        <?php 
		        // Check if custom 404 image is set
		        $travel_planning_image_url = get_theme_mod('404_page_image', '');
		        if ($travel_planning_image_url) : ?>
		            <img src="<?php echo esc_url($travel_planning_image_url); ?>" alt="<?php esc_attr_e('404 Image', 'travel-planning'); ?>">
		        <?php endif; ?>
		        	<h1><?php echo esc_html(get_theme_mod('404_pagefirst_header', __('404', 'travel-planning'))); ?></h1>
					<h2><?php echo esc_html(get_theme_mod('404_page_header', __('Sorry, that page can\'t be found!', 'travel-planning'))); ?></h2>

		        <p class="btn-green mt-3 mb-0">
		            <a href="<?php echo esc_url(home_url('/')); ?>"><?php esc_html_e('Homepage', 'travel-planning'); ?></a>
		        </p>
		    </div>
		</main>

    <?php get_footer(); ?>