<div class="page-heading compact">
    <div>
        <span>Модул 8</span>
        <h1>Citizen Handbook</h1>
        <p>Практични карти за сигнали, жалби, ЗДОИ, срокове, откази, обжалване и шаблони.</p>
    </div>
    <div class="search-card">
        <i class="bi bi-search"></i>
        <input type="search" placeholder="Търси в наръчника...">
    </div>
</div>

<section class="module-grid">
    <?php foreach ($articles as $article): ?>
        <article class="module-card handbook-card">
            <span><i class="bi <?= e($article['icon']) ?>"></i></span>
            <small><?= e($article['category']) ?></small>
            <h3><?= e($article['title']) ?></h3>
            <p><?= e($article['summary']) ?></p>
            <a class="link-arrow" href="#">Прочети <i class="bi bi-arrow-right"></i></a>
        </article>
    <?php endforeach; ?>
</section>
