<?php $nowPlaying = ugfx_now_playing(); $bootstrapJs = ugfx_vendor_asset('assets/vendor/bootstrap/js/bootstrap.bundle.min.js', 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js'); ?>
</main>
<footer class="ugfx-footer mt-5">
    <div class="container-xxl">
        <div class="row g-4 align-items-start">
            <div class="col-lg-4">
                <div class="ugfx-footer-brand">UNDERGROUND FX RADIO</div>
                <p class="text-secondary mb-3">Underground FX Radio — live listening, shows, news, requests, chat, and community all in one place.</p>
                <div class="d-flex gap-2 flex-wrap">
                    <span class="ugfx-chip"><i class="bi bi-broadcast-pin"></i> <?= htmlspecialchars($nowPlaying['status']) ?></span>
                    <span class="ugfx-chip"><i class="bi bi-headphones"></i> Current Listeners: <span class="listener-count"><?= (int) $nowPlaying['listeners'] ?></span></span>
                    <span class="ugfx-chip"><i class="bi bi-lightning-charge-fill"></i> Live on air</span>
                </div>
            </div>
            <div class="col-md-4 col-lg-2">
                <h6>Listen</h6>
                <ul class="list-unstyled ugfx-footer-links">
                    <li><a href="index.php">Home</a></li>
                    <li><a href="listen-live.php">Listen Live</a></li>
                    <li><a href="schedule.php">Schedule</a></li>
                    <li><a href="requests.php">Requests</a></li>
                    <li><a href="player-popup.php">Popup Player</a></li>
                </ul>
            </div>
            <div class="col-md-4 col-lg-2">
                <h6>Community</h6>
                <ul class="list-unstyled ugfx-footer-links">
                    <li><a href="news.php">News</a></li>
                    <li><a href="join.php">Join the Team</a></li>
                    <li><a href="friends.php">Friends</a></li>
                    <li><a href="chat.php">Chat</a></li>
                </ul>
            </div>
            <div class="col-md-4 col-lg-4">
                <h6>More</h6>
                <ul class="list-unstyled ugfx-footer-links mb-3">
                    <li><a href="team.php">Team</a></li>
                    <li><a href="events.php">Events</a></li>
                    <li><a href="charts.php">Charts</a></li>
                    <li><a href="contact.php">Contact</a></li>
                    <li><a href="page.php?slug=about-underground-fx">About</a></li>
                    <li><a href="admin/login.php">Admin</a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>
<?php include __DIR__ . '/playerbar.php'; ?>
</div>
<script src="<?= htmlspecialchars($bootstrapJs) ?>"></script>
<script src="<?= ugfx_asset('js/app.js') ?>"></script>
</body>
</html>
