<?php

get_header();
?>


		<?php
		while ( have_posts() ) :
			the_post();

			?>
			 <!-- Start Breadcrumb 
    ============================================= -->
    <div class="breadcrumb-area text-center shadow dark bg-fixed text-light" style="background-image: url(<?php echo get_field('web_banner'); ?>);">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <h1><?php echo get_field('banner_title'); ?></h1>
                    <ul class="breadcrumb">
                        <li><a href="<?php echo site_url() ?>"><i class="fas fa-home"></i> Home</a></li>
                        <li class="active">CSR</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End Breadcrumb -->
	 <!-- Start Blog
    ============================================= -->
    <div class="blog-area single full-blog right-sidebar full-blog default-padding">
        <div class="container">
            <div class="blog-items">
                <div class="row">
                    <div class="blog-content wow fadeInUp col-lg-10 offset-lg-1 col-md-12">
                        <div class="item">

                            <div class="blog-item-box">
                                <!-- Start Post Thumb -->
                                <div class="thumb">
                                        <?php if ( has_post_thumbnail() ) : ?>
                                            <img src="<?php the_post_thumbnail_url(); ?>" alt="<?php the_title_attribute(); ?>">
                                        <?php else : ?>
                                            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/blog/1.jpg" alt="Thumb">
                                        <?php endif; ?>
                                        <div class="date"><?php echo get_the_date(); ?></div>
                                    </div>
                                <!-- Start Post Thumb -->

                                <div class="info">
                                    
                                    <h3><?php the_title() ?></h3>
									<?php the_content() ?>
                                    
                                    
                                </div>
                            </div>
                        </div>

                        <!-- Start Post Pagination -->
                        <!-- Start Post Pagination -->
						<div class="post-pagi-area">
							<?php 
							// Previous Post Link
							$prev_post = get_previous_post();
							if (!empty($prev_post)): ?>
								<a href="<?php echo get_permalink($prev_post->ID); ?>">
									<i class="fas fa-angle-double-left"></i> Previous Post
									<h5><?php echo get_the_title($prev_post->ID); ?></h5>
								</a>
							<?php endif; ?>

							<?php 
							// Next Post Link
							$next_post = get_next_post();
							if (!empty($next_post)): ?>
								<a href="<?php echo get_permalink($next_post->ID); ?>">
									Next Post <i class="fas fa-angle-double-right"></i>
									<h5><?php echo get_the_title($next_post->ID); ?></h5>
								</a>
							<?php endif; ?>
						</div>
						<!-- End Post Pagination -->


                        
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <!-- End Blog -->

<?php endwhile ?>
<?php
get_footer();
?>