<?php
/**
 * The template for displaying archive pages.
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package moonlit-dark
 */

get_header(); ?>

<main id="content">
	<section class="archive-section">
	    <div class="container">	    	
	        <div class="row">
	            <div class="col-md-8">
	                <?php if ( have_posts() ) : ?>
	                    <?php while ( have_posts() ) : the_post(); ?>
	                        <article class="post">
	                            <div class="post-thumbnail">
	                                <?php if ( has_post_thumbnail() ) {
	                                    the_post_thumbnail();
	                                } ?>
	                            </div>
	                            <div class="post-content">
	                            	<?php if ( get_theme_mod( 'moonlit_dark_post_meta_toggle_switch_control', true ) ) : ?>
							            <div class="sec2-meta">
							              	<span><?php echo esc_html(get_the_date()); ?></span>
                      						<span class="separator">|</span>
                      						<span><?php echo esc_html( get_the_author() ); ?></span>
							            </div>
							          <?php else : ?>
							          <!-- Content to display when the toggle switch is OFF -->
							          <?php endif; ?>
	                                <h2 class="entry-title"><?php the_title(); ?></h2>
						          <div class="entry-content">
					                <?php the_content(); ?>
					              </div>
					              <div class="entry-tags">
					                  <?php the_tags( '<span class="tag-links">' . __( 'Tags:', 'moonlit-dark' ) . '</span> ' ); ?>
					                </div>
					                <div class="entry-share">
					                  <span><?php esc_html_e( 'Share:', 'moonlit-dark' ); ?></span>
					                  <a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo esc_url( get_permalink() ); ?>" target="_blank"><span class=""><?php esc_html_e( "Facebook", 'moonlit-dark' ) ?></span></a>
					                  <a href="https://twitter.com/intent/tweet?text=<?php echo esc_attr( get_the_title() ); ?>&url=<?php echo esc_url( get_permalink() ); ?>&via=twitterusername" target="_blank"><span class=""><?php esc_html_e( "Twitter", 'moonlit-dark' ) ?></span></a>
					                  <a href="https://www.linkedin.com/shareArticle?mini=true&url=<?php echo esc_url( get_permalink() ); ?>&title=<?php echo esc_attr  ( get_the_title() ); ?>&summary=<?php echo esc_attr( get_the_excerpt() ); ?>&source=LinkedIn" target="_blank"><span class=""><?php esc_html_e( "Linkedin", 'moonlit-dark' ) ?></span></a>
					                </div>
	                        </article>

	                    <?php endwhile; ?>

	                    <div class="archive-pagination">
							    <?php
							        the_posts_pagination( array(
							            'mid_size'  => 2,
							            'prev_text' => __( '« Previous', 'moonlit-dark' ),
							            'next_text' => __( 'Next »', 'moonlit-dark' ),
							        ) );
							    ?>
							</div>
	                <?php else : ?>
	                    <p><?php esc_html_e( 'Sorry, no posts matched your criteria.', 'moonlit-dark' ); ?></p>

	                <?php endif; ?>

	            </div>
	            <div class="col-md-4">
	                <?php get_sidebar(); ?>
	            </div>
	        </div>
	    </div>
	</section>
</main>

<?php get_footer(); ?>

