<?php
/**
 * The template for displaying all single posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package test
 */

get_header();
?>

	<div id="primary" class="content-area">
		<main id="main" class="site-main">

		<?php
		while ( have_posts() ) :
			the_post();
            ?>
            <article class="article-cource">
                <header class="article-cource-header">
                    <div class="article-cource-header-content">
                        <div class="label">Курс №&thinsp;<?php echo get_post_meta(get_the_ID(), 'coursenumber', 1) ?></div>
                        <h1 class="course-title"><?php the_title() ?></h1>
                        <ul class="cource-info-list cource-info-list-invert">
                            <li class="episodes"><span><?php echo get_post_meta(get_the_ID(), 'episodes', 1) ?> выпусков</span></li>
                            <li class="materials"><span><?php echo get_post_meta(get_the_ID(), 'materials', 1) ?> материалов</span></li>
                        </ul>
                        <p class="cource-about big-course-about"><?php echo get_post_meta(get_the_ID(), 'titlepost', 1) ?>
                        </p>
                        <div class="course-logo-branding course-logo-branding--beat">
                            <div>
                                <a href="https://beatfilmfestival.ru" target="_blank"><img class="beat_logo-1" src="https://cdn-s-assets.arzamas.academy/assets/course/partners/beat-white-c433d2e092452dbef65248c6bdc02458c2cf04c3e4fc45192b2cbb6ea8fa600b.svg" alt="Beat white"></a>
                            </div>
                            <div>
                                <a href="https://wink.rt.ru" target="_blank"><img class="beat_logo-2" src="https://cdn-s-assets.arzamas.academy/assets/course/partners/wink-white-68cae4da4c3ed888743c6a3915975cb4d7552e7b0da7a3266bde84fb3bead774.svg" alt="Wink white"></a>
                            </div>
                        </div>
                    </div>
                    <div class="article-cource-header-bg" style="background-image: url(<?php the_post_thumbnail_url( 'thumbnail' ); ?>); opacity: 0.221292;"></div>
                    <div class="simple-share simple-share--transparent">
                        <div class="simple-share__item simple-share__item--vk">
                            <a class="simple-share__link" data-track-social="vk" data-url="" href="#" title=""></a>
                            <div class="simple-share__icon simple-share__icon--vk"></div>
                            <div class="simple-share__counter">4</div>
                        </div>
                        <div class="simple-share__item simple-share__item--fb">
                            <a class="simple-share__link" data-track-social="facebook" data-url="" href="#" title=""></a>
                            <div class="simple-share__icon simple-share__icon--fb"></div>
                            <div class="simple-share__counter">258</div>
                        </div>
                        <div class="simple-share__item simple-share__item--ok">
                            <a class="simple-share__link" data-track-social="ok" data-url="" href="#" title=""></a>
                            <div class="simple-share__icon simple-share__icon--ok"></div>
                            <div class="simple-share__counter">26</div>
                        </div>
                        <div class="simple-share__item simple-share__item--tw">
                            <a class="simple-share__link" data-track-social="twitter" data-url="" href="#" title=""></a>
                            <div class="simple-share__icon simple-share__icon--tw"></div>
                        </div>
                    </div>
                    <script type="text/javascript">
                        $(document).ready(function() {
                            initShareButtons("https%3A%2F%2Farzamas.academy%2Fcourses%2F67", true);
                        });
                    </script>
                </header>
            </article>
            <?php
		    the_content();
            //echo get_post_meta(get_the_ID(), 'htmlcode', 1);

		endwhile; // End of the loop.
		?>

		</main><!-- #main -->
	</div><!-- #primary -->

<?php
get_footer();