<?php get_header(); ?>

	<section class="ftco-section ftco-bread">
		<div class="container">
			<div class="row no-gutters slider-text justify-content-center align-items-center">
	          <div class="col-md-12 ftco-animate">
	            <p class="breadcrumbs">
					<span class="mr-2"><a href="<?php echo get_home_url() ?>">Home</a></span> <span>></span> 
					<span>My Opinion</span></p>
	            <h1 class="bread"><?php echo wp_title() ?></h1>
	          </div>
	        </div>
		</div>
	</section>
        			
			<section class="ftco-section-2">
	    	<div class="container">
	    		<div class="row d-flex">
	    			<div class="col-lg-12">
	    				<div class="row">

						<?php
						  global $paged;
                            $paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
                            $args = array(
                                'post_type' => 'post',
                                'post_status' => 'publish',
                                'posts_per_page' => 10 , 
                                'paged'          => $paged
                            
                            );
                            $loop = new WP_Query( $args );     
                        ?>

						<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
			    			<div class="col-md-12">
			    				<div class="blog-entry ftco-animate d-md-flex">
									<a href="<?php echo get_permalink() ?>" class="img img-2" style="background-image: url(<?php echo get_the_post_thumbnail_url()  ?>);"></a>
									<div class="text text-2 p-4">
				              		<h3 class="mb-2"><a href="<?php echo get_permalink() ?>"><?php print the_title();  ?> </a></h3>
				              			<div class="meta-wrap">
											<p class="meta">
												<span><?php the_time('F jS, Y'); ?></span>
				              				</p>
			              				</div>
										<p class="mb-4"><?php the_excerpt();  ?></p>
										<p><a href="<?php echo get_permalink() ?>" class="btn-custom">Read More <span class="ion-ios-arrow-forward"></span></a></p>
				            		</div>
								</div>
							</div>                            
                             <?php  
								endwhile;
							?>

							<h1><?php // next_posts_link('next', $loop->max_num_pages); ?></h1>
								<?php
									// $big = 999999999; // need an unlikely integer
									
									// echo paginate_links( array(
									// 	'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
									// 	'format' => '?paged=%#%',
									// 	'current' => max( 1, get_query_var('paged') ),
									// 	'total' => $loop->max_num_pages
									// ) ); 
								?>
							<?php
                                wp_reset_postdata();  
                            ?>
                           

			    		</div>
                        <div class="row">
                            <div class="col">
                                <div class="block-27">
                                    <ul>   
										<!-- <li><a href="#">&lt;</a></li>	
										<?php // global $loop ?>
										<?php foreach( wpdocs_get_paginated_links( $loop ) as $link ) : ?>

										<?php if ( $link->isCurrent ): ?>
											<li class="active"><span><?php _e( $link->page ) ?></span></li>
										<?php else : ?>

										<li class="">
											<a href="<?php esc_attr_e( $link->url ) ?>">
												<?php _e( $link->page ) ?>
											</a>
										</li> -->

									<?php endif; ?>										
										
									<?php endforeach; ?>

                                        <!-- <li><a href="#">2</a></li>
                                        <li><a href="#">3</a></li>
                                        <li><a href="#">4</a></li>
                                        <li><a href="#">5</a></li> -->
                                        <!-- <li><a href="#">&gt;</a></li> -->
                                    </ul>
                                </div>
                            </div>
                        </div> 
					</div>					
	    		</div>
	    	</div>
		</section>
		
		<style>
			.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}
		</style>
        
<?php get_footer(); ?>