<?php
/**
 * ITSWEBER CMS – Default Theme: Topic Cards Section Template
 * Page Builder section template (3.2.0)
 *
 * Variables: $data (array), $section (DB row), $sectionId (string)
 *
 * @author  Benny Weber
 * @copyright ITSWEBER, www.itsweber.de
 */

if (empty($data['items'])) return;

$_s_classes = ['topic-cards-section'];
if (!empty($data['color_scheme'])) $_s_classes[] = 'section--scheme-' . $data['color_scheme'];
if (!empty($data['section_text_color'])) $_s_classes[] = 'section--text-' . $data['section_text_color'];
if (!empty($data['text_align']))   $_s_classes[] = 'section--align-' . $data['text_align'];
if (!empty($data['card_style']))   $_s_classes[] = 'section--card-' . $data['card_style'];
if (!empty($data['columns']))      $_s_classes[] = 'section--cols-' . $data['columns'];
?>
<section id="<?= e($sectionId) ?>" class="<?= e(implode(' ', $_s_classes)) ?>">
    <div class="container">
        <?php if (!empty($data['title'])): ?>
        <h2 class="reveal"><?= e($data['title']) ?></h2>
        <?php endif; ?>
        <?php if (!empty($data['subtitle'])): ?>
        <p class="section-subtitle reveal"><?= e($data['subtitle']) ?></p>
        <?php endif; ?>
        <div class="topic-cards-grid">
            <?php foreach ($data['items'] as $card): ?>
            <?php $cardUrl = trim($card['url'] ?? ''); ?>
            <?php if ($cardUrl): ?>
            <a href="<?= e($cardUrl) ?>" class="topic-card reveal">
            <?php else: ?>
            <div class="topic-card topic-card--plain reveal">
            <?php endif; ?>
                <?php if (!empty($card['icon'])): ?>
                <div class="topic-card-icon"><?= render_icon($card['icon'], 32) ?></div>
                <?php endif; ?>
                <h3 class="topic-card-title"><?= e($card['title'] ?? '') ?></h3>
                <?php if (!empty($card['text'])): ?>
                <p class="topic-card-text"><?= e($card['text']) ?></p>
                <?php endif; ?>
                <?php if ($cardUrl): ?>
                <span class="topic-card-link">Learn more →</span>
                <?php endif; ?>
            <?php if ($cardUrl): ?>
            </a>
            <?php else: ?>
            </div>
            <?php endif; ?>
            <?php endforeach; ?>
        </div>
    </div>
</section>
