<nav class="navbar navbar-expand-lg sticky-top navbar-light bg-white shadow-sm">
	<div class="container-fluid">
		<a class="navbar-brand" href="index.php">
			<?= BRAND_ICON ?>
		</a>
		<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>
		<div class="collapse navbar-collapse" id="navbarSupportedContent">
			<ul class="navbar-nav me-auto mb-2 mb-lg-0">
				<li class="nav-item dropdown">
					<a class="nav-link dropdown-toggle<?= in_array($activePage, ['index', 'makro-analyse', 'globale-liquiditaet.php', 'sentiment-score', 'risk-on-off', 'zyklus']) ? ' active' : '' ?>" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
					Makro
					</a>
					<ul class="dropdown-menu">
						<li><a class="dropdown-item<?= ($activePage == 'index') ? ' active' : '' ?>" aria-current="page" href="index.php">Dashboard</a></li>
						<li><a class="dropdown-item<?= ($activePage == 'makro-analyse') ? ' active' : '' ?>" aria-current="page" href="makro-analyse.php">Makro-Analyse</a></li>
						<li><a class="dropdown-item<?= ($activePage == 'globale-liquiditaet') ? ' active' : '' ?>" aria-current="page" href="globale-liquiditaet.php">Globale Liquidität <small><span class="badge bg-warning text-white">SCAN</span></small></a></li>
						<li><a class="dropdown-item<?= ($activePage == 'sentiment-score') ? ' active' : '' ?>" aria-current="page" href="sentiment-score.php">Sentiment-Score</a></li>
						<li><a class="dropdown-item<?= ($activePage == 'risk-on-off') ? ' active' : '' ?>" aria-current="page" href="risk-on-off.php">Risk-On-Off <small><span class="badge bg-warning text-white">SCAN</span></small></a></li>
						<li><a class="dropdown-item<?= ($activePage == 'zyklus') ? ' active' : '' ?>" aria-current="page" href="zyklus.php">Zyklus</a></li>
					</ul>
				</li>
				<li class="nav-item dropdown">
					<a class="nav-link dropdown-toggle<?= in_array($activePage, ['sektoren', 'aktien-scanner', 'saisonalitaet', 'saisonale-aktien', 'korrelationen', 'korrelation-heatmap', 'insider-trades', 'market-movers', 'aktienbewertung', 'forecast', 'minervini-kriterien', 'tickers', 'chart-whale-patterns']) ? ' active' : '' ?>" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
					Aktien
					</a>
					<ul class="dropdown-menu">
						<li><h6 class="dropdown-header text-muted text-uppercase">Aktien finden</h6></li>
						<li><a class="dropdown-item<?= ($activePage == 'sektoren') ? ' active' : '' ?>" aria-current="page" href="sektoren.php">Sektoren <small><span class="badge bg-warning text-white">SCAN</span></small></a></li>
						<li><a class="dropdown-item<?= ($activePage == 'insider-trades') ? ' active' : '' ?>" aria-current="page" href="insider-trades.php">Insider Trades <small><span class="badge bg-warning text-white">SCAN</span></small></a></li>
						<li><a class="dropdown-item<?= ($activePage == 'market-movers') ? ' active' : '' ?>" aria-current="page" href="market-movers.php">Market Movers <small><span class="badge bg-warning text-white">SCAN</span></small></a></li>
						<li><a class="dropdown-item<?= ($activePage == 'tickers') ? ' active' : '' ?>" aria-current="page" href="tickers.php">Tickers</a></li>
						<li><a class="dropdown-item<?= ($activePage == 'aktien-scanner') ? ' active' : '' ?>" aria-current="page" href="aktien-scanner.php">Aktien-Scanner</a></li>
						<li><a class="dropdown-item<?= ($activePage == 'aktien-screener') ? ' active' : '' ?>" aria-current="page" href="aktien-screener.php">Aktien-Screener</a></li>
						<li><hr class="dropdown-divider"></li>
						<li><h6 class="dropdown-header text-muted text-uppercase">Aktien bewerten</h6></li>
						<li><a class="dropdown-item<?= ($activePage == 'aktienbewertung') ? ' active' : '' ?>" aria-current="page" href="aktienbewertung.php">Aktienbewertung</a></li>
						<li><a class="dropdown-item<?= ($activePage == 'strategic-profile') ? ' active' : '' ?>" aria-current="page" href="strategic-profile.php">Strategisches Profil</a></li>
						<li><a class="dropdown-item<?= ($activePage == 'forecast') ? ' active' : '' ?>" aria-current="page" href="forecast.php">Forecast</a></li>
						<li><a class="dropdown-item<?= ($activePage == 'minervini-kriterien') ? ' active' : '' ?>" aria-current="page" href="minervini-kriterien.php">Minervini Kriterien</a></li>
						<li><a class="dropdown-item<?= ($activePage == 'saisonalitaet') ? ' active' : '' ?>" aria-current="page" href="saisonalitaet.php">Saisonalität</a></li>
						<li><a class="dropdown-item<?= ($activePage == 'saisonale-aktien') ? ' active' : '' ?>" aria-current="page" href="saisonale-aktien.php">Saisonale Aktien</a></li>
						<li><a class="dropdown-item<?= ($activePage == 'korrelationen') ? ' active' : '' ?>" aria-current="page" href="korrelationen.php">Korrelationen</a></li>
						<li><a class="dropdown-item<?= ($activePage == 'korrelation-heatmap') ? ' active' : '' ?>" aria-current="page" href="korrelation-heatmap.php">Korrelation Heatmap <small><span class="badge bg-warning text-white">SCAN</span></small></a></li>
						<li><hr class="dropdown-divider"></li>
						<li><h6 class="dropdown-header text-muted text-uppercase">Charts</h6></li>
						<li><a class="dropdown-item<?= ($activePage == 'chart-whale-patterns') ? ' active' : '' ?>" aria-current="page" href="chart-whale-patterns.php">Whale Patterns</a></li>
					</ul>
				</li>
				<li class="nav-item dropdown">
					<a class="nav-link dropdown-toggle<?= in_array($activePage, ['depot', 'money-management', 'risikoprofil']) ? ' active' : '' ?>" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
					Portfolio
					</a>
					<ul class="dropdown-menu">
						<li><a class="dropdown-item<?= ($activePage == 'depot') ? ' active' : '' ?>" aria-current="page" href="depot.php">Depot</a></li>
						<li><a class="dropdown-item<?= ($activePage == 'money-management') ? ' active' : '' ?>" aria-current="page" href="money-management.php">Money Management</a></li>
						<li><a class="dropdown-item<?= ($activePage == 'risikoprofil') ? ' active' : '' ?>" aria-current="page" href="risikoprofil.php">Risikoprofil</a></li>
					</ul>
				</li>
				<li class="vr mx-2 d-none d-lg-block"></li>
				<li class="nav-item">
					<a href="/watchlist.php" class="nav-link<?= ($activePage == 'watchlist') ? ' active' : '' ?>">
						Watchlist
					</a>
				</li>
			</ul>
		</div>
		<form class="d-none d-lg-flex" id="symbolSearchForm" onsubmit="return false;">
		  <input id="symbolInput" class="form-control me-2 symbol-autocomplete" type="search" name="symbol" placeholder="Symbol eingeben" aria-label="Search">
		
		  <select class="form-select me-2" id="actionSelect">
			<option value="" disabled selected>Aktion wählen</option>
			<option value="fundamental">Fundamentale Analyse</option>
			<option value="strategic_profile">Strategisches-Profil</option>
			<option value="saisonalitaet">Saisonalität prüfen</option>
			<option value="minervini">Minervini-Kriterien</option>
			<option value="chart_whale_patterns">Chart Whale Patterns</option>
		  </select>
		
		  <button class="btn btn-dark" type="submit" onclick="handleSymbolSubmit()">Los</button>
		</form>
	</div>
</nav>