<?php endif ?>
<?php if((int)getConfig('sectionFiveDisabled', 0) !== 1): ?>
<div class="section section-blogs aos-container">
    <div class="section-title container" data-aos="fade-down">
        <div class="row">
            <div class="col-md">
                <h4 class="text-primary"><?= $HomeConfigs->SectionFiveText ?></h4>
                <h3><?= $HomeConfigs->SectionFiveTitle ?></h3>
            </div>
            <div>
                <a href="./<?= line('blog', 'Route') ?>"><button class="btn bg-primary"><span><?= line('View All') ?></span><i class="ri-arrow-right-fill"></i></button></a>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row blogs" data-aos="fade">
            <?php $i = 0; ?>
            <?php foreach($BlogPosts as $BlogPost): ?>
            <?php if($i % 4 == 0 && $i > 0): ?>
                </div><div class="row blogs" data-aos="fade">
            <?php endif; ?>
            <div class="col-md-3">
                <a href="./<?= line('blog', 'Route') ?>/<?= $BlogPost['slug'] ?>">
                <div class="card">
                    <img src="./assets/uploads/<?= $BlogPost['image'] ?>">
                    <div class="content">
                        <h4><?= htmlspecialchars($BlogPost['title']) ?></h4>
                        <p><?= strlen(strip_tags($BlogPost['content'])) > 100 ? htmlspecialchars(mb_substr(strip_tags($BlogPost['content']), 0, 97)).'...' : htmlspecialchars(strip_tags($BlogPost['content'])) ?></p>
                        <small><i class="ri-calendar-line"></i><?= date('d/m/Y H:i', strtotime($BlogPost['created_at'])) ?></small>
                    </div>
                </div>
                </a>
            </div>
            <?php $i++; ?>
            <?php endforeach; ?>
        </div>
    </div>
</div>
<?php endif ?>