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

    <div class="content-wrap">
        <div class="container">

            <div class="row col-mb-30 text-justify font-medium2">

                <div class="col-md-10 center-col">
                    <div class="heading-block mw-xs mx-auto text-center mb-6">
                        <h5 class="font-body text-uppercase ls2 color"><?= $page->title?></h5>
                        <h3 class="nott ls0 color-2"><?= $page->subtitle?></h3>
                    </div>

                    <p class="font-weight-normal mt-0 font-large"><?= $page->field1?></p>

                </div>

            </div>
        </div>


    </div>


    <?php if(isset($services) AND $services != ""):?>
    <div class="section bg-gray mt-0">
        <div class="container">
            <div class="heading-block mw-xs mx-auto text-center mb-6 mt-6">
                <h5 class="font-body text-uppercase ls2 color-2">Vídeos</h5>
                <h3 class="color nott ls0 text-uppercase">Últimas Aulas em Vídeo</h3>
            </div>
            <div class="row posts-md col-mb-30 mb-6">
                <?php

                foreach ($services as $service): ?>
                    <article class="portfolio-item col-lg-4 col-md-6 col-12 pf-uielements pf-icons">
                        <div class="grid-inner">
                            <div class="portfolio-image">
                                <a href="portfolio-single-video.html">
                                    <img src="<?= image($service->cover, 500, 300) ?>" alt="Backpack Contents">
                                </a>
                                <div class="bg-overlay">
                                    <div class="bg-overlay-content dark flex-column" data-hover-animate="fadeIn">
                                        <div class="portfolio-desc pt-0 center" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350">
                                            <h3><a href="portfolio-single-video.html"><?= $service->title ?></a></h3>
                                            <span>Veja o vídeo abaixo</span>
                                        </div>

                                        <div class="d-flex">
                                            <a href="<?= $service->subtitle ?>" class="overlay-trigger-icon bg-light text-dark" data-hover-animate="fadeInUpSmall" data-hover-animate-out="fadeOutDownSmall" data-hover-speed="350" data-lightbox="iframe"><i class="icon-line-play"></i></a>
                                        </div>
                                    </div>
                                    <div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
                                </div>
                            </div>
                        </div>
                    </article>

                <?php endforeach; ?>
            </div>

        </div>
    </div>

    <?php endif; ?>



    <?php $v->insert("views/newsletter-widget-2"); ?>


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