<?php get_header(); ?>
<?php $blogimage = get_option('ombre_blogimage'); ?>
<?php $ombre_search_query = get_search_query(); ?>
<?php if ( have_posts() ) { ?>
<?php if (empty($blogimage)) { ?>
<div id="page-title">
    <h1>
        <span>
            <?php echo esc_html__( 'Search Results for:', 'ombre' ); ?> <?php echo esc_html($ombre_search_query); ?>
        </span>
    </h1>
</div>
<?php } else { ?>
<div id="featured-image-container">
    <!-- LOADER -->
    <div class="img-loading"></div>
    <div id="featured-image" data-img="<?php echo esc_url($blogimage); ?>">
        <div id="featured-image-title">
            <h1>
                <?php echo esc_html__( 'Search Results for:', 'ombre' ); ?> <?php echo esc_html($ombre_search_query); ?>
            </h1>
        </div>
    </div>
</div>
<?php } ?>
<div id="page-container">
    <div class="grid">
        <div class="unit whole">
            <div id="ombre-search-bar">
                <?php get_search_form(); ?>
            </div>
            <div class="masonry-grid">
                <div id="two-columns" data-columns>
                    <?php while($wp_query->have_posts()) : $wp_query->the_post(); ?>
                    <?php get_template_part( 'templates/post', 'template'); ?>
                    <?php endwhile; ?>
                </div>
            </div>
            <?php if ( (get_next_posts_link()) || (get_previous_posts_link())) : ?>
            <?php ombre_pagination(); ?>
            <?php endif; ?>
        </div>
    </div>
</div>
<?php } else { ?>
<?php if (empty($blogimage)) { ?>
<div id="page-title">
    <h1>
        <span><?php echo esc_html__( 'No results found.', 'ombre'); ?></span>
    </h1>
</div>
<?php } else { ?>
<div id="featured-image-container">
    <!-- LOADER -->
    <div class="img-loading"></div>
    <div id="featured-image" data-img="<?php echo esc_url($blogimage); ?>">
        <div id="featured-image-title">
            <h1>
                <?php echo esc_html__( 'No results found.', 'ombre'); ?>
            </h1>
        </div>
    </div>
</div>
<?php } ?>
<div id="page-container">
    <div class="grid">
        <div class="unit whole">
            <div class="ombre-search-form">
                <h6><?php echo esc_attr__( 'You can return', 'ombre'); ?> <a href="<?php esc_url( home_url( '/' ) ); ?>/" title="<?php echo esc_attr__( 'Home', 'ombre' ); ?>"><?php echo esc_attr__( 'home', 'ombre'); ?></a> <?php echo esc_attr__( 'or search for the page you were looking for;', 'ombre'); ?></h6>
                <?php get_search_form(); ?>
            </div> 
        </div>
        <?php } ?>
    </div>
</div>
<?php get_footer(); ?>