<?php require_once __DIR__ . '/includes/bootstrap.php';
$pageTitle = 'Team | Underground FX Radio';
$currentPage = basename(__FILE__);
include __DIR__ . '/includes/header.php';
?>
<section class="ugfx-page-hero">
  <div class="container-xxl">
    <div class="ugfx-kicker"><i class="bi bi-lightning-charge-fill"></i> Underground FX Radio</div>
    <h1 class="page-title">The station voices</h1>
    <p class="page-copy">Meet the presenters, DJs, and voices of Underground FX Radio.</p>
  </div>
</section>

<section class="section-pad pt-3">
  <div class="container-xxl">
    <div class="ugfx-team-grid">
      <?php foreach (ugfx_get_djs(12) as $dj): ?>
      <article class="ugfx-card p-4">
        <img class="ugfx-team-avatar" src="<?= !empty($dj['image']) ? htmlspecialchars($dj['image']) : ugfx_asset('img/brand/ugfx-hero.png') ?>" alt="<?= htmlspecialchars($dj['name'] ?? 'Presenter') ?>">
        <h3><?= htmlspecialchars($dj['name'] ?? 'Presenter') ?></h3>
        <?php if (!empty($dj['show'])): ?><div class="ugfx-chip mb-3"><?= htmlspecialchars($dj['show']) ?></div><?php endif; ?>
        <p class="text-secondary mb-0"><?= nl2br(htmlspecialchars($dj['bio'] ?? 'Presenter bio coming soon.')) ?></p>
      </article>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<?php include __DIR__ . '/includes/footer.php'; ?>
