<?php
get_header(); ?>

<div class="category-layer">
    <div class="container container-category">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <a href="/" class="btn ml-stock-btn ml-stock-btn_blue ml-stock-btn_margin-top-10">На главную</a>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <p class="line-height-1 font-size-48 font-bold font-color-blue head-title"><? echo single_cat_title();?></p>
            </div>
        </div>
        <div class="row row-md-service grid">
            <?while (have_posts()) : the_post();?>
            <div class="col-md-4 portfolio-grid-item grid-item">
                <div class="row">
                    <div class="col-md-12 category__service-item-img portfolio__item-img">
                        <?
                        $video_link = get_field('link_youtobe');
                        ?>
                        <div class="video-wrap">
                        <a href="<? echo (!empty($video_link))? $video_link:get_the_post_thumbnail_url();?>" class="<? echo (!empty($video_link))? 'popup-youtube':'popup-img'?>">
                            <img class="portfolio-image" src="<?echo get_the_post_thumbnail_url();?>" alt="">
                        </a>
                        </div>
                    </div>
                </div>
                <div class="row ">
                    <div class="col-md-12 ">
                        <div class="category__service-item portfolio__item">
                        <div class="row">
                            <div class="col-md-12">
                                <p class="service-item__title font-bold font-color-blue"><? the_title()?></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="portfolio__description font-regular font-size-14"><? the_content('',false);?></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="service-contain-btn">
                                    <a class="btn ml-stock-btn ml-stock-btn_blue">Хочу так же!</a>
                                </div>
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
            <? endwhile; ?>
        </div>
    </div>
</div>

<?php get_footer(); ?>