{# Shared site header/nav — reused by every real frontend page. #}
<div class="atf-preloader" style="display: none;">
<div class="atf-status" style="display: none;">
<div class="atf-lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
</div>
</div>
<button class="atf-scroll-top atf-back-to-top" data-targets="html" aria-label="scroll to top">
<i class="fas fa-arrow-up atf-scrollup-icon"></i>
</button>
<header>
<nav class="navbar navbar-navs navbar-expend navbar-expand-md fixed-top" id="menu-top">
<div class="container">
<a class="navbar-brand" href="{{ path('homepage') }}"><img src="/images/flux_logo_small.png" alt="Flux Dance Academy - Chorley - Logo"></a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarDefault" aria-controls="navbarDefault" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarDefault">
<ul class="navbar-nav">
<li class="menu-nav"><a class="nav-link{% if app.request.get('_route') == 'homepage' %} active{% endif %}" href="{{ path('homepage') }}">Home</a></li>
<li class="menu-nav"><a class="nav-link{% if app.request.get('_route') == 'cheerleadingClasses' %} active{% endif %}" href="{{ path('cheerleadingClasses') }}">Cheerleading</a></li>
<li class="menu-nav"><a class="nav-link{% if app.request.get('_route') == 'danceClasses' %} active{% endif %}" href="{{ path('danceClasses') }}">Dance</a></li>
<li class="menu-nav"><a class="nav-link{% if app.request.get('_route') == 'timetableFees' %} active{% endif %}" href="{{ path('timetableFees') }}">Timetable & Fees</a></li>
<li class="menu-nav"><a class="nav-link{% if app.request.get('_route') == 'aboutUs' %} active{% endif %}" href="{{ path('aboutUs') }}">About</a></li>
<li class="menu-nav">
{% if not is_granted("ROLE_MEMBER") %}
<a class="nav-link" href="/members-area">Members</a>
{% else %}
<a class="nav-link" href="/members-area">Members Area</a>
{% endif %}
</li>
<li class="menu-nav"><a class="nav-link{% if app.request.get('_route') == 'contactUs' %} active{% endif %}" href="{{ path('contactUs') }}">Contact</a></li>
</ul>
</div>
</div>
</nav>
</header>