<?php
/**
 * The template for displaying default home page
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#search-result
 *
 * @package WordPress
 * @since 1.0
 * @version 1.0
 */
get_header(); 
?>
<section class="blogBgOuter" style="background:url(<?php echo get_template_directory_uri();?>/images/blogBg.png) left top no-repeat;">
    <div class="container">
        <div class="blogHd">
            <h1><?php printf( __( '<b>Search Results for:</b> %s', 'bettermeal' ), get_search_query() ); ?></h1>
        </div>
    </div>
</section>
            
<section class="blogBgOuterblog">
    <div class="container">                
        <div class="postUL">
            <?php 
                if ( have_posts() ) { 
                    while ( have_posts() ) : the_post();
            ?> 
                <div class="blogpost">
                    <strong><a href="<?php the_permalink();?>"><?php the_title(); ?></a></strong>            
                    <p>
                    <?php 
                    $content = get_the_excerpt(); 
                    if(!empty($content)){
                        echo mb_strimwidth($content, 0, 200, '...');
                    }else{
                        echo wp_trim_words(get_the_content(), 200);  
                    }                    
                    ?>                    
                    </p>
                    <a href="<?php the_permalink();?>">Read More >></a>
                </div>
                <?php 
                    wp_link_pages();                    
                    endwhile;
                ?>
                <div class="post-navigation">
                    <?php
                    if ( get_next_posts_link() ) {
                    ?>
                    <div class="alignleft prev"><?php next_posts_link();?></div>
                    <?php
                    }
                    if ( get_previous_posts_link() ) {
                    ?>
                    <div class="alignright next"><?php previous_posts_link(); ?></div>
                    <?php
                    }
                    ?>          
                </div>
            <?php
            }else{             
            echo '<p>Nothing has found.</p>';            
            }
            ?>  
        </div> 
    </div>           
</section>


<style type="text/css">
    .blogpost{margin-bottom: 20px;}
    .blogBgOuterblog{padding-top: 50px;padding-bottom:50px;}
</style>

<?php 
get_footer(); 
?>