<?php require_once __DIR__ . '/includes/bootstrap.php';
$pageTitle = 'Friends & Supporters | Underground FX Radio';
$currentPage = basename(__FILE__);
$items = ugfx_get_friends(24);
include __DIR__ . '/includes/header.php';
?>
<section class="ugfx-page-hero">
  <div class="container-xxl">
    <div class="ugfx-kicker"><i class="bi bi-people-fill"></i> Community rail</div>
    <h1 class="page-title">Friends & Supporters</h1>
    <p class="page-copy">Friends, supporters, and sister stations connected to Underground FX.</p>
  </div>
</section>
<section class="section-pad pt-3">
  <div class="container-xxl">
    <div class="ugfx-friends-grid">
      <?php foreach ($items as $item): ?>
      <article class="ugfx-card p-4">
        <img src="<?= !empty($item['image']) ? htmlspecialchars((string)$item['image']) : ugfx_asset('img/temp/feature-square.jpg') ?>" alt="<?= htmlspecialchars($item['name'] ?? 'Supporter') ?>" class="ugfx-home-media ugfx-home-media-friend">
        <div class="ugfx-micro-label mb-2"><?= htmlspecialchars($item['type'] ?? 'Community') ?></div>
        <h3><?= htmlspecialchars($item['name'] ?? 'Supporter') ?></h3>
        <p class="text-secondary mb-3"><?= htmlspecialchars($item['description'] ?? '') ?></p>
        <div class="d-flex justify-content-between align-items-center gap-3 flex-wrap">
          <span class="ugfx-chip"><?= htmlspecialchars($item['tagline'] ?? 'Community partner') ?></span>
          <a class="btn ugfx-btn-outline btn-sm" href="<?= htmlspecialchars($item['url'] ?? '#') ?>" target="_blank" rel="noopener">Visit Link</a>
        </div>
      </article>
      <?php endforeach; ?>
    </div>
  </div>
</section>
<?php include __DIR__ . '/includes/footer.php'; ?>
