<?php get_header(); ?>

<div class="page-information-card-container"></div>

<?php get_sidebar(); ?>

<div id="primary" class="content-area">
	<main id="main" class="site-main" role="main">
		<?php
		while ( have_posts() ) :
			the_post();

			get_template_part( 'template-parts/content', 'single' );

			if (get_option("argon_show_sharebtn") != 'false') {
				get_template_part( 'template-parts/share' );
			}

			if (comments_open() || get_comments_number()) {
				comments_template();
			}

			if ( is_singular( 'post' ) ) {
				if (get_previous_post() || get_next_post()){
					echo '<div class="post-navigation card shadow-sm">';
					if (get_previous_post()){ 
						previous_post_link('<div class="post-navigation-item post-navigation-pre"><span class="page-navigation-extra-text"><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i>' . __("上一篇", 'argon') . '</span>%link</div>' , '%title');
					}else{
						echo '<div class="post-navigation-item post-navigation-pre"></div>';
					}
					if (get_next_post()){
						next_post_link('<div class="post-navigation-item post-navigation-next"><span class="page-navigation-extra-text">' . __("下一篇", 'argon') . ' <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></span>%link</div>' , '%title');
					}else{
						echo '<div class="post-navigation-item post-navigation-next"></div>';
					}
					echo '</div>';
				}
			}

			$relatedPosts = get_option('argon_related_post', 'disabled');
			if ($relatedPosts != "disabled"){
				global $post;
				$cat_array = array();
				if (strpos($relatedPosts, 'category') !== false){
					$cats = get_the_category($post -> ID);
					if ($cats){
						foreach($cats as $key1 => $cat) {
							$cat_array[$key1] = $cat -> slug;
						}
					}
				}
				$tag_array = array();
				if (strpos($relatedPosts, 'tag') !== false){
					$tags = get_the_tags($post -> ID);
					if ($tags){
						foreach($tags as $key2 => $tag) {
							$tag_array[$key2] = $tag -> slug;
						}
					}
				}	
				$query = new WP_Query(array(
					'posts_per_page' => get_option('argon_related_post_limit' , '10'),
					'order' => get_option('argon_related_post_sort_order', 'DESC'),
					'orderby' => get_option('argon_related_post_sort_orderby', 'date'),
					'meta_key' => 'views',
					'post__not_in' => array($post -> ID),
					'tax_query' => array(
						'relation' => 'OR',
						array(
							'taxonomy' => 'category',
							'field' => 'slug',
							'terms' => $cat_array,
							'include_children' => false
						),
						array(
							'taxonomy' => 'post_tag',
							'field' => 'slug',
							'terms' => $tag_array,
						)
					)
				));
				if ($query -> have_posts()) {
					echo '<div class="related-posts card shadow-sm">
                    <h2 class="post-comment-title" style="margin-top: 1.2rem;margin-left: 1.5rem;margin-right: 1.5rem;">
                    <i class="fa fa-book"></i>
			        <span>' . __("推荐文章", 'argon') . '</span>
		            </h2>
		            <div style="overflow-x: auto;padding: 1.5rem;padding-top: 0.8rem;padding-bottom: 0.8rem;}">';
					while ($query -> have_posts()) {
						$query -> the_post();
						$hasThumbnail = argon_has_post_thumbnail(get_the_ID());
						echo '<a class="related-post-card" href="' . get_the_permalink() . '">';
						echo '<div class="related-post-card-container' . ($hasThumbnail ? ' has-thumbnail' : '') . '">
							<div class="related-post-title clamp" clamp-line="3">' . get_the_title() . '</div>
							<i class="related-post-arrow fa fa-chevron-right" aria-hidden="true"></i>
							</div>';
						if ($hasThumbnail){
							echo '<img class="related-post-thumbnail lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABBJREFUeNpi+P//PwNAgAEACPwC/tuiTRYAAAAASUVORK5CYII=" data-original="' .  argon_get_post_thumbnail(get_the_ID()) . '"/>';
						}
						echo '</a>';
					}
					echo '</div></div>';
					wp_reset_query();
				}
			}

		endwhile;
		?>

<?php get_footer(); ?>