<?php
/**
 * Blog Layout 1
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package Resoto
 */
?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

	<?php if( has_post_thumbnail() ) : ?>
		<?php
			$image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
			$image_alt = get_post_meta( get_post_thumbnail_id(), '_wp_attachment_image_alt', true );
		?>
		<div class="post-image">
			<a href="<?php the_permalink(); ?>">
				<img src="<?php echo esc_url( $image[0] ); ?>" alt="<?php echo esc_attr( $image_alt ); ?>">
			</a>
		</div>
	<?php endif; ?>

	<div class="post-title-metas">
		<h2 class="post-title">
			<a href="<?php the_permalink(); ?>">
				<?php the_title(); ?>
			</a>
		</h2>

		<div class="post-metas">
			<?php resoto_posted_by( $author_avatar = true ); ?>
			<?php resoto_posted_on(); ?>
			<?php resoto_posted_category( get_the_id() ); ?>
			<?php resoto_comment_box(); ?>
		</div>

	</div><!-- .entry-header -->

	<div class="entry-content">
		<?php echo esc_html( get_the_excerpt() ); ?>
		
		<?php
		wp_link_pages( array(
			'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'resoto' ),
			'after'  => '</div>',
		) );
		?>
	</div><!-- .entry-content -->

	<?php
		$readmore_text = get_theme_mod( 'resoto_blog_readmore_text', 'Continue Reading' );

		if( $readmore_text ) {
			?>
			<a class="readmore-btn" href="<?php the_permalink(); ?>"><?php echo esc_html( $readmore_text ); ?></a>
			<?php
		}
	?>

</article><!-- #post-<?php the_ID(); ?> -->