<?php

/**
 * The Template for displaying all single posts
 *
 * @package Bigfa
 * @subpackage Hera
 * @since Hera 0.0.1
 */

global $heraSetting;
get_header(); ?>
<?php get_template_part('template-parts/search-bar');
?>
<div class="articleContainer">
    <?php
    if (have_posts()) :
        while (have_posts()) : the_post();
    ?>
            <article class="hArticle" itemscope="itemscope" itemtype="http://schema.org/Article">
                <header class="hArticle--header">
                    <h2 class="hArticle--headline" itemprop="headline"><?php the_title(); ?></h2>
                    <?php if (get_post_meta(get_the_ID(), '_subtitle', true)) : ?>
                        <h3 class="hArticle--subtitle" itemprop="headlineSecondary"><?php echo get_post_meta($post->ID, '_subtitle', true); ?></h3>
                    <?php endif; ?>
                    <div class="hArticle--meta">
                        <a href="<?php echo get_author_posts_url(get_the_author_meta('ID')); ?>" class="author" title="<?php the_author(); ?>" rel="author" itemprop="author">
                            <img src="<?php echo get_avatar_url(get_the_author_meta('ID')); ?>" alt="<?php the_author(); ?>的头像" class="avatar">
                            <span><?php the_author(); ?></span>
                        </a>
                        <span class="u-flex">
                            <time itemprop="datePublished" datetime="<?php echo get_the_date('c'); ?>"><?php echo human_time_diff(get_the_time('U'), current_time('U')) .  __(' ago', 'Hera'); ?></time>
                            <span class="sep"></span>
                            <span><?php the_category(','); ?></span>
                            <?php echo hera_get_post_views_text(false, false, false, get_the_ID(), '<span class="sep"></span>'); ?>
                            <?php echo hera_get_post_read_time_text(get_the_ID(), '<span class="sep"></span>'); ?>
                        </span>
                        <?php if (comments_open() || get_comments_number()) : ?>
                            <a href="#comments" class="link2comment" title="<?php _e('Jump to comments', 'Hera'); ?>">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" class="sy">
                                    <path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path>
                                </svg>
                            </a>
                        <?php endif; ?>
                    </div>
                </header>
                <div class="hGraph hArticle--body" itemprop="articleBody">
                    <?php the_content(); ?>
                </div>
                <?php
                // link to status post format arvhive page
                if (get_post_format() == 'status') : ?>
                    <div class="status--archiveLink">
                        <a href="<?php echo get_post_format_link('status'); ?>" class="status--link" title="<?php _e('View all status posts', 'Hera'); ?>">
                            <?php _e('View all status posts', 'Hera'); ?>
                        </a>
                    </div>
                <?php endif; ?>
                <?php wp_link_pages(array(
                    'before'      => '<div class="nav-links nav-links__comment">',
                    'after'       => '</div>',
                    'pagelink'    => '%',
                    'separator'   => '<span class="screen-reader-text">, </span>',
                )); ?>
                <?php if ($heraSetting->get_setting('update_time')) : ?>
                    <div class="post--single__update">
                        <span class="text"><?php _e('Updated on', 'Hera') ?></span>
                        <time datetime="<?php echo get_the_modified_time('c'); ?>" itemprop="dateModified"><?php echo get_the_modified_time('Y-m-d'); ?></time>
                    </div>
                <?php endif; ?>
                <?php if ($heraSetting->get_setting('postlike')) : ?>
                    <div class="hArticle--actions">
                        <button class="button--like like-btn" aria-label="like the post">
                            <svg class="icon--active" viewBox="0 0 1024 1024" width="32" height="32">
                                <path d="M780.8 204.8c-83.2-44.8-179.2-19.2-243.2 44.8L512 275.2 486.4 249.6c-64-64-166.4-83.2-243.2-44.8C108.8 275.2 89.6 441.6 185.6 537.6l32 32 153.6 153.6 102.4 102.4c25.6 25.6 57.6 25.6 83.2 0l102.4-102.4 153.6-153.6 32-32C934.4 441.6 915.2 275.2 780.8 204.8z"></path>
                            </svg>
                            <svg class="icon--default" viewBox="0 0 1024 1024" width="32" height="32">
                                <path d="M332.8 249.6c38.4 0 83.2 19.2 108.8 44.8L467.2 320 512 364.8 556.8 320l25.6-25.6c32-32 70.4-44.8 108.8-44.8 19.2 0 38.4 6.4 57.6 12.8 44.8 25.6 70.4 57.6 76.8 108.8 6.4 44.8-6.4 89.6-38.4 121.6L512 774.4 236.8 492.8C204.8 460.8 185.6 416 192 371.2c6.4-44.8 38.4-83.2 76.8-108.8C288 256 313.6 249.6 332.8 249.6L332.8 249.6M332.8 185.6C300.8 185.6 268.8 192 243.2 204.8 108.8 275.2 89.6 441.6 185.6 537.6l281.6 281.6C480 832 499.2 838.4 512 838.4s32-6.4 38.4-19.2l281.6-281.6c96-96 76.8-262.4-57.6-332.8-25.6-12.8-57.6-19.2-89.6-19.2-57.6 0-115.2 25.6-153.6 64L512 275.2 486.4 249.6C448 211.2 390.4 185.6 332.8 185.6L332.8 185.6z"></path>
                            </svg>
                        </button>
                    </div>
                <?php endif; ?>
                <?php if ($heraSetting->get_setting('show_copylink')) : ?>
                    <div class="hArticle--share">
                        <svg viewBox="0 0 24 24" aria-hidden="true">
                            <g>
                                <path d="M18.36 5.64c-1.95-1.96-5.11-1.96-7.07 0L9.88 7.05 8.46 5.64l1.42-1.42c2.73-2.73 7.16-2.73 9.9 0 2.73 2.74 2.73 7.17 0 9.9l-1.42 1.42-1.41-1.42 1.41-1.41c1.96-1.96 1.96-5.12 0-7.07zm-2.12 3.53l-7.07 7.07-1.41-1.41 7.07-7.07 1.41 1.41zm-12.02.71l1.42-1.42 1.41 1.42-1.41 1.41c-1.96 1.96-1.96 5.12 0 7.07 1.95 1.96 5.11 1.96 7.07 0l1.41-1.41 1.42 1.41-1.42 1.42c-2.73 2.73-7.16 2.73-9.9 0-2.73-2.74-2.73-7.17 0-9.9z"></path>
                            </g>
                        </svg>
                        <span class="text"><?php _e('Copy link.', 'Hera') ?></span> <span class="link"><?php the_permalink(); ?></span>
                    </div>
                <?php endif; ?>
                <div class="hArticle--tags" itemprop="keywords"><?php the_tags('', ''); ?></div>
            </article>
            <?php if ($heraSetting->get_setting('bio')) get_template_part('template-parts/author', 'card');
            if ($heraSetting->get_setting('post_navigation')) get_template_part('template-parts/post', 'navigation'); ?>
            <?php if (comments_open() || get_comments_number()) :
                comments_template();
            endif; ?>
    <?php if ($heraSetting->get_setting('related')) get_template_part('template-parts/single', 'related');
        endwhile;
    endif; ?>
    <?php if ($heraSetting->get_setting('back2home')) : ?>
        <div class="back">
            <a href="<?php echo home_url(); ?>"><?php _e('Back to homepage', 'Hera'); ?></a>
        </div>
    <?php endif; ?>
</div>
<?php get_footer(); ?>