<?php
/**
 * Template Name: Notifications
 * data-page="notifications"
 *
 * @package NeonKickLive
 */

get_header();
?>

	<header class="topbar">
		<h1>NOTIFICATIONS</h1>
		<span class="badge live">🔔</span>
	</header>

	<div id="notif-skeleton" class="menu-list" aria-hidden="true">
		<div class="menu-item skeleton-menu"><span class="skeleton skeleton-logo"></span><span style="display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;"><span class="skeleton skeleton-text skeleton-text--med"></span><span class="skeleton skeleton-text skeleton-text--tiny" style="width:120px;"></span></span><span class="chev skeleton skeleton-chevron"></span></div>
		<div class="menu-item skeleton-menu"><span class="skeleton skeleton-logo"></span><span style="display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;"><span class="skeleton skeleton-text skeleton-text--med"></span><span class="skeleton skeleton-text skeleton-text--tiny" style="width:120px;"></span></span><span class="chev skeleton skeleton-chevron"></span></div>
		<div class="menu-item skeleton-menu"><span class="skeleton skeleton-logo"></span><span style="display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;"><span class="skeleton skeleton-text skeleton-text--med"></span><span class="skeleton skeleton-text skeleton-text--tiny" style="width:120px;"></span></span><span class="chev skeleton skeleton-chevron"></span></div>
	</div>

	<div id="notif-content" hidden>
		<div id="notif-list" style="margin-top:10px;padding:0 14px;"></div>
	</div>

<?php get_footer(); ?>