<?php $v->layout("_theme");
$v->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>
<section id="content">
    <div class="content-wrap">
        <div class="container clearfix">

            <div class="single-post mb-0">

                <!-- Single Post
                ============================================= -->
                <div class="entry clearfix">

                    <!-- Entry Title
                    ============================================= -->
                    <div class="entry-title">
                        <h1 class="font-extra-large font-weight-bolder"><?= $post->title ?></h1>
                    </div><!-- .entry-title end -->

                    <!-- Entry Meta
                    ============================================= -->
                    <div class="entry-meta">
                        <ul>
                            <li><i class="icon-calendar3"></i><?= date_fmt($post->created_at, "d/m/Y")?></li>
                            <li><a href="#"><i class="icon-user"></i> por <?= CONF_SITE_NAME?></a></li>
                        </ul>
                    </div>

                    <!-- Entry Image
                    ============================================= -->
                    <div class="entry-image bottommargin">
                        <a href="#"><img src="<?= image($post->cover, 1200, 500)?>" alt="Imaage: <?= $post->title ?>" title="Image: <?= $post->title ?>"></a>
                    </div><!-- .entry-image end -->

                    <!-- Entry Content
                    ============================================= -->
                    <div class="entry-content mt-0 font-medium font-weight-light">
                        <h2 class="font-body font-weight-bolder"><?= $post->subtitle ?></h2>

                        <?= $post->content ?>
                        <!-- Post Single - Content End -->

                        <!-- Tag Cloud
                        ============================================= -->
<!--                        <div class="tagcloud clearfix bottommargin">-->
<!--                            <a href="#">general</a>-->
<!--                            -->
<!--                        </div>-->
                        <!-- .tagcloud end -->

                        <div class="clear"></div>

                        <!-- Post Single - Share
                        ============================================= -->
<!--                        <div class="si-share border-0 d-flex justify-content-between align-items-center">-->
<!--                            <span>Share this Post:</span>-->
<!--                            <div>-->
<!--                                <a href="#" class="social-icon si-borderless si-facebook">-->
<!--                                    <i class="icon-facebook"></i>-->
<!--                                    <i class="icon-facebook"></i>-->
<!--                                </a>-->
<!--                                <a href="#" class="social-icon si-borderless si-twitter">-->
<!--                                    <i class="icon-twitter"></i>-->
<!--                                    <i class="icon-twitter"></i>-->
<!--                                </a>-->
<!---->
<!--                            </div>-->
<!--                        </div>-->
                        <!-- Post Single - Share End -->

                    </div>
                </div><!-- .entry end -->



                <!-- Post Author Info
                ============================================= -->
                <div class="card">
                    <div class="card-header"><strong>Criado por <a href="#"><?= CONF_SITE_NAME?></a></strong></div>
                    <div class="card-body">
                        <div class="author-image">
                            <img src="<?= theme("assets/images/logo.svg")?>" alt="Image" class="rounded-circle">
                        </div>
                        Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui.Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui.
                    </div>
                </div><!-- Post Single - Author End -->


                <?php if($relatedA):?>

                <div class="related-posts row posts-md col-mb-30">

                    <div class="line"></div>

                    <h4>Related Posts:</h4>
                    <div class="clear"></div>
                    <?php foreach ($relatedA as $r):?>

                    <div class="entry col-12 col-md-6">
                        <div class="grid-inner row align-items-center gutter-20">

                            <div class="col-4 col-xl-5">
                                <div class="entry-image">
                                    <a href="<?= url("blog/{$r->uri}") ?>"><img src="<?=image($r->cover, 500,400)?>" alt="<?= $r->title ?>"></a>
                                </div>
                            </div>
                            <div class="col-8 col-xl-7">
                                <div class="entry-title title-xs nott">
                                    <h3><a href="<?= url("blog/{$r->uri}") ?>"><?= $r->title ?></a></h3>
                                </div>
                                <div class="entry-meta">
                                    <ul>
                                        <li><i class="icon-calendar3"></i> <?= date_fmt($r->created_at, "Y-m-d")?></li>
                                    </ul>
                                </div>
                                <div class="entry-content d-none d-xl-block"><?= str_limit_words($r->content, 10)?></div>
                            </div>
                        </div>
                    </div>
                    <?php endforeach;?>

                    <?php if($relatedB):?>
                    <?php foreach ($relatedB as $rb):?>

                            <div class="entry col-12 col-md-6">
                                <div class="grid-inner row align-items-center gutter-20">

                                    <div class="col-4 col-xl-5">
                                        <div class="entry-image">
                                            <a href="<?= url("blog/{$rb->uri}") ?>"><img src="<?=image($rb->cover, 500,400)?>" alt="<?= $rb->title ?>"></a>
                                        </div>
                                    </div>
                                    <div class="col-8 col-xl-7">
                                        <div class="entry-title title-xs nott">
                                            <h3><a href="<?= url("blog/{$rb->uri}") ?>"><?= $rb->title ?></a></h3>
                                        </div>
                                        <div class="entry-meta">
                                            <ul>
                                                <li><i class="icon-calendar3"></i> <?= date_fmt($rb->created_at, "Y-m-d")?></li>
                                            </ul>
                                        </div>
                                        <div class="entry-content d-none d-xl-block"><?= str_limit_words($rb->content, 10)?></div>
                                    </div>
                                </div>
                            </div>
                    <?php endforeach;?>
                    <?php endif;?>

                </div>
                <?php endif;?>

                <!-- Comments
                ============================================= -->

            </div>

        </div>
    </div>
</section><!-- #content end -->