<?php get_header(); ?>
<main class="main-content">
    <article class="pArticle" itemscope="itemscope" itemtype="http://schema.org/Article">
        <?php while (have_posts()) : the_post(); ?>
            <header class="pArticle--header">
                <h2 class="pArticle--title" itemprop="headline">
                    <?php the_title(); ?>
                </h2>
                <div class="pArticle--meta">
                    <time itemprop="datePublished" content="<?php echo get_the_date('c'); ?>"><?php echo human_time_diff(get_the_time('U'), current_time('U')) . __(' ago', 'Puma'); ?></time>
                    <span class="sep"></span>
                    <?php echo puma_get_post_views_text(false, false, false, get_the_ID()); ?>
                    <span class="sep"></span>
                    <?php echo puma_get_post_read_time_text(get_the_ID()); ?>
                </div>
            </header>
            <div class="pGraph pArticle--content" itemprop="articleBody">
                <?php the_content(); ?>
            </div>
            <?php wp_link_pages(array(
                'before'      => '<div class="page-links article--nav">',
                'after'       => '</div>',
                'pagelink'    => '%',
                'separator'   => '<span class="screen-reader-text">, </span>',
            )); ?>
            <?php if (has_tag()) : ?>
                <div class="pArticle--tags" itemprop="keywords">
                    <?php echo puma_get_the_term_list(get_the_ID(), 'post_tag'); ?>
                </div>
            <?php endif; ?>
            <?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', 'Puma'); ?>">
                        <?php _e('View all status posts', 'Puma'); ?>
                    </a>
                </div>
            <?php endif; ?>
            <?php
            global $pumaSetting;
            if ($pumaSetting->get_setting('postlike')) : ?>
                <div class="pArticle--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 ($pumaSetting->get_setting('show_copylink')) : ?>
                <div class="pArticle--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.', 'Puma') ?></span> <span class="link"><?php the_permalink(); ?></span>
                </div>
            <?php endif; ?>
            <?php if ($pumaSetting->get_setting('related'))  get_template_part('template-parts/single', 'related'); ?>
            <?php if ($pumaSetting->get_setting('post_navigation')) the_post_navigation(array(
                'next_text' => '<span class="meta-nav">' . __('Next', 'Puma') . '</span><span class="post-title">%title</span>',
                'prev_text' => '<span class="meta-nav">' . __('Previous', 'Puma') . '</span><span class="post-title">%title</span>',
            )); ?>
            <div class="pArticle--authorInfo">
                <?php echo get_avatar(get_the_author_meta('email'), 64); ?>
                <h3 class="author--name"><?php the_author(); ?></h3>
                <div class="author--description"><?php echo get_the_author_meta('description') ?></div>
            </div>
            <?php
            if (comments_open() || get_comments_number()) :
                comments_template();
            endif;
            ?>
        <?php endwhile; ?>
    </article>
</main>
<?php get_footer(); ?>