<?php $pageTitle = 'Themes'; ?>
<div class="mb-4"><p class="text-secondary">Manage visual themes for the platform</p></div>
<div class="row g-4">
    <?php if (empty($themes)): ?>
        <div class="col-12"><div class="empty-state"><i class="fas fa-palette"></i><h5>No Themes</h5></div></div>
    <?php else: foreach ($themes as $t): ?>
    <div class="col-md-4 col-lg-3">
        <div class="card-cix" style="text-align:center;padding:1.5rem;">
            <div style="width:60px;height:60px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;border:3px solid var(--secondary);background:var(--surface-2);color:var(--secondary);">Aa</div>
            <h6><?= e($t['name']) ?></h6>
            <?php if ($t['is_default']): ?><span class="badge-cix badge-active">Active</span><?php endif; ?>
            <small class="text-secondary d-block mt-1"><?= e($t['slug']) ?></small>
        </div>
    </div>
    <?php endforeach; endif; ?>
</div>
