navBar.php

<?php include("header.php"); ?>

<!-- Image and text -->
<nav class="navbar navbar-expand-lg navbar-dark orange" role="navigation">
	<a class="navbar-brand" href="#">
		<img src="images/Logo.png" height="40" class="d-inline-block align-top" alt="">

	</a>
	<div class="container">
		<!-- Drop down button for small screens -->
		<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
			<span class="sr-only">Toggle navigation</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>
		<!-- Left justified logo/text -->
		<div class="navbar-header">
			<a class="navbar-brand" href="index.php" style="color:Black;">
				Scouting 2022
			</a>
		</div>
		<!-- What goes under the drop down button/rest of navbar -->
		<div class="collapse navbar-collapse">
			<ul class="nav navbar-nav navbar-left">
				<li><a href="matchInput.php" style="color:Black;">Match Form</a></li>
				<li><a href="pitInput.php" style="color:Black;">PS Form</a></li>
				<li><a href="leadScoutInput.php" style="color:Black;">LS Form</a></li>
				<li><a href="scoutGenPicklist.php" style="color:Black;">Team Ranker</a></li>
				<li><a href="pictureUpload.php" style="color:Black;">Pic Upload</a></li>
				<li><a href="matchStrategy.php" style="color:Black;">Team Data</a></li>
				<li><a href="comparison.php" style="color:Black;">Comparison</a></li>
				<li><a href="teamRanking.php" style="color:Black;">Ranking</a></li>
				<li><a href="matchViewer.php" style="color:Black;">Match View</a></li>
				<li class="dropdown">
					<a class="dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="color:Black;">Bets<b class="caret"></b></a>
					<ul class="dropdown-menu">
						<li><a href="bet.php" style="color:Black;">Bet</a></li>
						<li><a href="betRanking.php" style="color:Black;">Bet Ranking</a></li>
					</ul>
					</a>
				</li>
				<li class="dropdown">
					<a class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="color:Black;">Checks<b class="caret"></b></a>
					<ul class="dropdown-menu">
						<li><a href="pitCheck.php" style="color:Black;">Pit Check</a></li>
						<li><a href="dataValidation.php" style="color:Black;">Validate</a></li>
						<li><a href="matchData.php" style="color:Black;">Match Data</a></li>
					</ul>
					</a>
				</li>

			</ul>
			<ul class="nav navbar-nav navbar-right">
				<?php
				if (isset($_SESSION["userIDCookie"])) {
					echo ('<li class="dropdown">
                                <a data-target="#" class="dropdown-toggle" data-toggle="dropdown">' . $_SESSION["userIDCookie"] . '<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                <li><a href="javascript:void(0)">Action</a></li>
                                <li class="divider"></li>
                                <li><a href="logout.php">Logout</a></li>
                                </ul>
                                </ul>
                                </li>');
					echo (" <script>
										 $(document).ready(function(){
											$('.dropdown-toggle').dropdown();
										});
									</script>'");
				}
				?>
		</div>
	</div>
</nav>

<script>
	$(document).ready(function() {
		$.material.init();
	});
</script>