<div class="category-post <?php echo esc_attr( $category->slug ); ?>"> 
  <div class="wrapper">

    <?php if( $title ) { ?>
      <div class="section-heading"><?php echo esc_html( $title ); ?></div>
    <?php } ?>

    <div class="category-layout category-blog-view-<?php echo esc_attr( $layout ); ?>">
      <?php while ( $query->have_posts() ) : $query->the_post(); ?>            
        <div class="category-blog-items"> 
          <div class="news-snippet">
            <?php if ( has_post_thumbnail() ) { ?>
              <a href="<?php the_permalink(); ?>" rel="bookmark" class="category-image"><?php the_post_thumbnail( 'large' ); ?></a>                      
            <?php } ?>

            <!-- summary -->
            <div class="summary">
              <?php
                if( in_array( 'categories', $post_details ) ) {
                  $categories = get_the_category();
                  if( ! empty( $categories ) ) {
                    foreach ( $categories as $cat ) { ?>
                      <span class="category <?php echo esc_attr( $cat->slug ); ?>"><a href="<?php echo esc_url( get_category_link( $cat->term_id ) ); ?>"><?php echo esc_html( $cat->name ); ?></a></span>
                      <?php }
                  }
                }
              ?>

              <h3 class="category-news-title">
                <a href="<?php echo esc_url( get_permalink() ); ?>" rel="bookmark"><?php the_title(); ?></a>
              </h3>

              <?php if( is_array( $post_details ) && ! empty( $post_details ) ) : ?>
                <div class="info">
                  <ul class="list-inline">
                    <?php if( in_array( 'author', $post_details ) ) { ?>
                      <li>
                        <a class="url fn n" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>">
                          <?php $avatar = get_avatar( get_the_author_meta( 'ID' ), $size = 60 );
                          if( $avatar ) : ?>
                            <div class="author-image"> 
                              <?php echo $avatar; ?>
                            </div>
                          <?php endif; ?>
                          <?php echo esc_html( get_the_author() ); ?>
                        </a>
                      </li>
                    <?php } ?>

                    <?php if( in_array( 'date', $post_details ) ) { ?>
                      <?php $archive_year  = get_the_time('Y'); $archive_month = get_the_time('m'); $archive_day = get_the_time('d'); ?>
                      <li>
                        <i class="fa fa-clock-o"></i>
                        <a href="<?php echo esc_url( get_day_link( $archive_year, $archive_month, $archive_day ) ); ?>"><?php echo get_the_date(); ?></a>
                      </li>
                    <?php } ?>

                    <?php if( in_array( 'tags', $post_details ) ) { ?>
                      <?php $tags = get_the_tags();
                        if( ! empty( $tags ) ) :
                          foreach ( $tags as $tag ) { ?>
                            <li>
                              <a href="<?php echo esc_url( get_category_link( $tag->term_id ) ); ?>"><?php echo esc_html( $tag->name ); ?></a>
                            </li>
                          <?php }
                        endif; ?>
                    <?php } ?>


                    <?php if( in_array( 'number_of_comments', $post_details ) ) { ?>
                      <li>
                        <i class="fa fa-comments-o"></i>
                        <?php comments_popup_link( __( 'zero comment', 'wp-magazine' ), __( 'one comment', 'wp-magazine' ), __( '% comments', 'wp-magazine' ) ); ?>
                      </li>
                    <?php } ?>

                  </ul>
                </div>
              <?php endif; ?>                    

              <div class="summary-excerpt">
                <?php the_excerpt(); ?>                
              </div>         

              <?php if( in_array( 'read-more', $post_details ) ) { ?>
                <a href="<?php echo esc_url( get_permalink() ); ?>" rel="bookmark" title="" class="readmore">
                  <?php echo esc_html( get_theme_mod( 'readmore_text', 'Read More' ) ); ?>                
                </a>
              <?php } ?>

            </div>
            <!-- summary -->
          </div>
        </div>

        <?php endwhile; wp_reset_postdata(); ?>
        
    </div>

  </div> 
</div>