<?php
/**
 * The template for displaying archive pages
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Naren_Designs
 * @since 1.0
 * @version 1.0
 */
get_header(); ?>
<?php if ( get_field( 'featured_image_big') ): ?>
    <section class="featured-header bg-image bg-overlay-black align-center full-width" data-url="<?php the_field( 'featured_image_big' ); ?>">
     
        <div class="amp-container v-center">
          <?php if( get_field('custom_page_title') ): ?>
              <h1 class="page-title color-white font-1-semibold"><?php the_field('custom_page_title'); ?></h1>
            <?php else: ?>
              <h1 class="page-title color-white font-1-semibold"><?php the_title(); ?></h1>
          <?php endif ?>
      </div>
    </section>
        <?php else: ?>
        <section class="breadcrumbs bg-dark py50 mb-py30 align-center full-width">
        <div class="amp-container">
          <?php if( get_field('custom_page_title') ): ?>
              <h1 class="page-title m0 color-white font-1-semibold"><?php the_field('custom_page_title'); ?></h1>
            <?php else: ?>
              <h1 class="page-title m0 color-white font-1-semibold"><?php the_title(); ?></h1>
          <?php endif ?>
      </div>
    </section>
<?php endif ?>

   

   <section class="full-width blog-posts py80 mb-py50">
        <div class="container">
            <div class="grid-row posts-grid">
            
        <?php query_posts('post_type=post&post_status=publish&posts_per_page=12&paged='. get_query_var('paged')); ?>

	<?php if( have_posts() ): ?>

        <?php while( have_posts() ): the_post(); ?>
        <article class="blog-post col-tb-6 col-dt-4 align-center mb30">
	    <div id="post-<?php get_the_ID(); ?>" <?php post_class(); ?>>

                <!--get feautred image           -->
                 <?php $post_thumb = get_field( 'post_thumbnail' ); 
            if( !empty($post_thumb) ):
            
            // thumbnail
	$size = 'nd_post_thumbnail';
	$thumb = $post_thumb['sizes'][ $size ];
	$width = $post_thumb['sizes'][ $size . '-width' ];
	$height = $post_thumb['sizes'][ $size . '-height' ];
            ?>
            <figure class="post-thumbnail relative">
                <a href="<?php the_permalink(); ?>">
                <?php if ( $post_thumb ) { ?>
                <amp-img src="<?php echo $thumb; ?>"
                    layout="responsive"
                    width="<?php echo $width; ?>"
                    height="<?php echo $height; ?>"
                    alt="<?php echo $alt; ?>"></amp-img>

                <?php } ?> 
                </a>
               <!-- <span class="post-date absolute left-0 top-0 p10 bg-white fs-16 font-1-med color-black">
 <span class="date"><?php // the_time('j'); ?></span>
                <span class="month"><?php //the_time('F'); ?></span>
               
                <span class="year"><?php //the_time('Y'); ?></span>
                
                </span>-->
                </figure>
<?php endif; ?>
            <div class="post-content clear p15 bg-white">
                <h3 class="fs-24 mb5 capitalize"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
                <?php the_category(); ?>
<p><?php $content = get_the_excerpt(); echo mb_strimwidth($content, 0, 100, '...');?></p>

		<?php //the_excerpt(__('Continue reading »','example')); ?>
                
                <div class="btn-wrapper align-center">
                    <a href="<?php the_permalink(); ?>" class="btn-link uppercase color-black">Read More<i class="fa fa-long-arrow-right ml10"></i></a>
                </div>
                
            </div>
            </div>
            </article><!-- /#post-<?php get_the_ID(); ?> -->

        <?php endwhile; ?>

		<div class="navigation px20">
			<span class="newer left"><?php previous_posts_link(__('« Newer','example')) ?></span> <span class="older right"><?php next_posts_link(__('Older »','example')) ?></span>
		</div><!-- /.navigation -->

	<?php else: ?>

		<div id="post-404" class="noposts">

		    <p><?php _e('None found.','example'); ?></p>

	    </div><!-- /#post-404 -->

	<?php endif; wp_reset_query(); ?>
         </div>
        </div>
            </section>            
               
                
<?php get_footer(); ?>