<?php
/**
 * Template Name: Blog Page
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package WordPress
 */
get_header();
?>
<?php 
$thumbImg = get_the_post_thumbnail_url( get_the_ID(), 'large' );
if(!empty($thumbImg)){
$pageImg = get_the_post_thumbnail_url( get_the_ID(), 'large' );
}else{
$pageImg = get_template_directory_uri()."/images/business-banner.jpg";
}
?>

<!-- Blog listing page code start here -->
    <section class="businessBanner" style="background: url(<?php echo $pageImg;?>) center center no-repeat">
        <div class="container">           
            <h1>
            <?php 
                $pageTitle = get_post_meta( $post->ID, 'custom_page_title', true);
                if(!empty($pageTitle)){
                    echo $pageTitle;
                }else{
                    echo "Blog";
                }            
            ?>                
            </h1>
        </div>
</section>


        <?php
        $post_per_page = get_option('posts_per_page');
        $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
        $bloglist = 
        array(
            'posts_per_page' => $post_per_page,
            'orderby'        => 'post_date',
            'order'          => 'DESC',
            'post_type'      => 'post',
            'post_status'    => 'publish',
            'paged'          => $paged    
        );
        $loop = new WP_Query( $bloglist );
        ?>


        <section class="grantMidCont blogBgOuterblog">
            <div class="container">                
                <div class="postUL">
                    <?php 
                    if ( $loop->have_posts() ) {
                    while ( $loop->have_posts() ) : $loop->the_post(); 
                    $blogimage = wp_get_attachment_url(get_post_thumbnail_id(get_the_ID()));    
                    ?> 
                        <div class="blogpost">
                            <strong><a href="<?php the_permalink();?>"><?php the_title(); ?></a></strong>
                            <div class="blogCont">
                            <?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></p>                           
                            </div>
                            
                        </div>
                        <?php                                                     
                        endwhile;
                        wp_reset_query(); 
                        ?>
                        <div class="olderPost">
                        <span class="pre_btn"><?php previous_posts_link('&laquo; Previous Page',$loop->max_num_pages) ?></span>
                        <span class="next_btn"><?php next_posts_link('Next Page &raquo;',$loop->max_num_pages) ?></span>
                        </div>
                <?php
                }else{             
                echo '<p>Nothing has found.</p>';            
                }
                ?>  
                </div> 
            </div>           
        </section>
<!-- Blog listing page code end here -->
<style type="text/css">
    .blogpost{margin-bottom: 20px;}
    .blogBgOuterblog{padding-top: 50px;padding-bottom:50px;}
    .pre_btn {margin-right: 10px !important;}
</style>

<?php 
get_footer(); 
?>