<?php require_once __DIR__ . '/includes/public_bootstrap.php'; $fans=ugfx_fans(); ugfx_public_header('Underground FX Fans'); ?>
<section class="page-hero"><div class="container-xxl"><div class="glass-panel page-hero-card"><h1>Fans & supporters</h1><p>Supporters help make the station feel alive, so the fan wall is built to feel like part of the brand instead of a forgotten extras page.</p></div></div></section>
<section class="pb-5"><div class="container-xxl"><div class="row g-4"><?php foreach($fans as $fan): $img=ugfx_asset_url((string)($fan['image'] ?? ''),'img/fans'); $link=$fan['link'] ?? ($fan['url'] ?? ''); ?><div class="col-md-6 col-xl-4"><div class="story-card h-100"><?php if($img): ?><img class="story-image" src="<?= htmlspecialchars($img) ?>" alt="<?= htmlspecialchars($fan['name'] ?? '') ?>"><?php endif; ?><?php if(!empty($fan['top_fan'])): ?><div class="news-meta"><span class="meta-pill"><i class="bi bi-stars"></i> Top Fan</span></div><?php endif; ?><h2 class="h4"><?= htmlspecialchars($fan['name'] ?? '') ?></h2><p class="text-secondary"><?= htmlspecialchars($fan['description'] ?? 'Thanks for backing Underground FX Radio.') ?></p><?php if($link): ?><a class="btn btn-outline-light" href="<?= htmlspecialchars($link) ?>" target="_blank" rel="noopener">Visit</a><?php endif; ?></div></div><?php endforeach; if(empty($fans)): ?><div class="col-12"><div class="story-card">No fan entries yet. Add them from admin and they will appear here.</div></div><?php endif; ?></div></div></section><?php ugfx_public_footer(); ?>
