<?php 
/**
 * Template part for displaying Blog Section
 *
 *@package schoolkids
 */
?>
<?php 
    $blog_section_title    = schoolkids_get_option( 'blog_section_title' );
    $blog_section_subtitle = schoolkids_get_option( 'blog_section_subtitle' );
	$blog_category 		   = schoolkids_get_option( 'blog_category' );
	$blog_number		   = schoolkids_get_option( 'blog_number' );
  	$read_all_blogs_text   = schoolkids_get_option( 'read_all_blogs_text' );
  	$read_all_blogs_url    = schoolkids_get_option( 'read_all_blogs_url' );
?> 
    <?php if( !empty($blog_section_title) || !empty($blog_section_subtitle) ):?>
        <div class="section-header">
            <h2 class="section-title"><?php echo esc_html($blog_section_title);?></h2>
            <p class="section-subtitle"><?php echo esc_html($blog_section_subtitle);?></p>
        </div><!-- .section-header -->
    <?php endif;?>

  	<div class="section-content col-3 clear">
	  	<?php
			$blog_args = array(
				'posts_per_page' =>absint( $blog_number ),				
				'post_type' => 'post',
	            'post_status' => 'publish',
	            'paged' => 1,
				);

				if ( absint( $blog_category ) > 0 ) {
					$blog_args['cat'] = absint( $blog_category );
				}
			
			$loop = new WP_Query( $blog_args );
			
			if ( $loop->have_posts() ) : 
			$i=-1; $j=0;	
				while ( $loop->have_posts() ) : $loop->the_post(); $i++; $j++; ?>    

			    <article class="<?php echo has_post_thumbnail() ? 'has-post-thumbnail' : 'no-post-thumbnail'; ?>">
			    	<div class="post-item">
				      	<?php if(has_post_thumbnail()):?>
					        <div class="featured-image" style="background-image: url('<?php the_post_thumbnail_url( 'full' ); ?>');">
                                <a href="<?php the_permalink();?>" class="post-thumbnail-link"></a>
                            </div><!-- .featured-image -->
				    	<?php endif; ?>

				    	<div class="entry-container">
				    		<div class="entry-meta">
                                <?php schoolkids_posted_on(); ?>
                            </div><!-- .entry-meta -->
					        
					        <header class="entry-header">
								<h2 class="entry-title">
									<a href="<?php the_permalink();?>"><?php the_title();?></a>
								</h2>
					        </header>

					        <div class="entry-content">
			 				    <?php
									$excerpt = schoolkids_the_excerpt( 20 );
									echo wp_kses_post( wpautop( $excerpt ) );
								?>
					        </div><!-- .entry-content -->
				        </div><!-- .entry-container -->
				    </div><!-- .post-item -->
			    </article>
		    	<?php endwhile;?>
	    	<?php endif; ?>
		<?php wp_reset_postdata(); ?>
  	</div><!-- .section-content -->

    <?php if (!empty($read_all_blogs_text) ) :?>
        <div class="read-more view-all-blogs">
            <a href="<?php echo esc_url($read_all_blogs_url); ?>" class="btn"><?php echo esc_html($read_all_blogs_text);?>
                <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M1.79996 10.5L0.749962 9.45L7.94996 2.25H1.49996V0.75H10.5V9.75H8.99996V3.3L1.79996 10.5Z"/>
                </svg>
            </a>
        </div><!-- .read-more -->
    <?php endif; ?>