<?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">
                        <h2 class="font-large"><?= $post->title ?></h2>
                        <h3 class="font-body text-muted font-italic" style="font-weight: 400"><?= $post->subtitle ?></h3>
                    </div><!-- .entry-title end -->

                    <!-- Entry Meta
                    ============================================= -->
                    <div class="entry-meta">
                        <ul>
                            <li><i class="icon-calendar3"></i><?= date_fmt($post->created_at, "Y-m-d")?></li>
                            <li><a href="#"><i class="icon-user"></i> by Light Human Hotel</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-medium3 font-weight-light">

                        <?= $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>Posted by <a href="#">Light Human Hotel</a></strong></div>
                    <div class="card-body">
                        <div class="author-image">
                            <img src="<?= theme("assets/images/logo.svg")?>" alt="Image" class="rounded-circle">
                        </div>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, eveniet, eligendi et nobis neque minus mollitia sit repudiandae ad repellendus recusandae blanditiis praesentium vitae ab sint earum voluptate velit beatae alias fugit accusantium laboriosam nisi reiciendis deleniti tenetur molestiae maxime id quaerat consequatur fugiat aliquam laborum nam aliquid. Consectetur, perferendis?
                    </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 -->