<?= $this->extend('App\Views\website\index') ?>
<?= $this->section('content') ?>
 
<div class="container-fluid">
    <div class="row">
        <div class="col">
            <section class="header-wrap fade-up mb-3" style="background: linear-gradient(to right, rgba(94, 196, 1, 0.8) 70%, rgba(94, 196, 1, 0.4) 100%), url('<?= $post->photo;?>') no-repeat;background-size: cover;background-position: top center; ">
		    <div class="overlay">
		    <div class="page-title">
        		  <div class="container">
                    <div class="row justify-content-between">
                    <div class="col-lg-12 align-self-end"> 
                        <h1><?= esc($post->title) ?></h1>
                        <p><?= esc($post->excerpt) ?> </p>
                    </div>
                    </div>
                </div>
		    </div>
		    </div>
        </section>
        </div>
    </div><!-- Header Section !-->
    <pre></pre>
    <!-- Cards -->
    <?php if (!empty($cards)): ?>
    <div class="row">
        <?php foreach ($cards as $card): ?>
            <div class="col-md-4 contact-card mb-3">
                <div class="card card-body border-0 h-100 shadow-sm  fade-up">
                    <i class="<?= $card['icon'] ?> text-center icon"></i>
                    <span class="display-6"><?= esc($card['title']) ?></span>
                    <p><?= $card['description'] ?></p>
                </div>
            </div>
        <?php endforeach; ?>
    </div>
    <?php endif; ?>
    
    <?php if (!empty($blocks['code'][0]['code'])): ?>
        <div class="rounded shadow-sm fade-up" style="margin-top:1.5em;margin-bottom:1.2em"><?= $blocks['code'][0]['code'] ?></div>
    <?php endif; ?>

</div>
<?= $this->endSection() ?>