<?php $this->layout("_theme");
$this->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>
<section id="content">
    <div class="content-wrap">
        <div class="container clearfix mb-6">
            <?php if($services):?>
                <div class="row align-items-stretch g-3 text-center justify-content-center">
                    <div class="col-xl-6 mt">
                        <div class="d-flex p-5 position-relative flex-column h-100 overflow-hidden center-col"
                             style="border-radius: 20px;">
                            <div class="position-relative z-1">

                                <span class="badge rounded-pill text-white px-3 py-2 mb-2 fw-normal bg-secondary">Serviços</span>

                                <h3 class="display-6 mb-3 fw-medium text-uppercase">Conheça nossos Serviços</h3>


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


                    <?php
                    if (isset($services)):
                        foreach ($services as $service):?>

                            <div class="col-10 col-md-6 col-lg-3">
                                <div  class="text-contrast-900 bg-gray border border-transparent rounded">
                                    <a href="<?= url("servicos/{$service->uri}")?>">
                                        <img src="<?= image($service->cover, 400, 200)?>" class="rounded-top-5 ">
                                    </a>
                                    <div class="p-3 text-uppercase">
                                        <h5 class="text-primary"><?=$service->title ?></h5>
                                        <a href="<?= url("servicos/{$service->uri}")?>"
                                           class="button button-small button-circle button-reveal text-end ls-0 m-0"
                                           style="padding-left: 50px;padding-right: 50px;"><span>Saiba Mais</span><i
                                                    class="bi-chevron-right"></i></a>
                                    </div>

                                </div>
                            </div>
                        <?php
                        endforeach;
                    endif;
                    ?>


                </div>


        <?php endif; ?>

        </div>
        <?php if($paginator):?>
            <hr>
        <div class="mt-5"><?= $paginator; ?></div>

        <?php endif; ?>
    </div>
</section><!-- #content end -->
<?php $this->insert("views/newsletter-widget2"); ?>