{% load static %} 
{% load sass_tags %}
<!DOCTYPE html>
<html lang="en">
{% if messages %}
	{% for message in messages %}
		{{message}}
	{% endfor %}
{% endif %}
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="description" content="">
	<meta name="author" content="">
	
	<title>Aviation Job Board</title>
	
	<!-- Bootstrap core CSS -->
	<link href="{% static 'vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>

	<!-- Navigation Bar CSS -->
  	<link href="{% sass_src 'front/scss/nav/nav.scss' %}" rel="stylesheet" type="text/css" />
  
	<!-- Where page-specific css files are inserted -->
	{% block other_css %}

	{% endblock %}
</head>

<body>
	<!-- Where the sideDashBoard is inserted if applicable. NOTE: Must be positioned before the standard navigation bar -->
	{% block sideDashBoard %}

	{% endblock %}
  
	<!-- Navigation Bar -->
	<nav class="navbar navbar-expand-lg navbar-light bg-light static-top">
		<div class="container"> 
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
			<div class="collapse navbar-collapse" id="navbarResponsive">
				<ul class="navbar-nav ml-auto">
					{% if user.is_authenticated %}
					{% if request.user.groups.all.0.name == "jobseeker" %}
					<li class="nav-item active">
						<a class="nav-link" href="{% url 'home' %}">Home
							<span class="sr-only">(current)</span>
						</a>
					</li>
					<li class="nav-item"> <a class="nav-link" href="{% url 'userProfile-home' %}">Profile</a> </li>
					<li class="nav-item"> <a class="nav-link" href="{% url 'event_list' %}">Events</a> </li>
					<li class="nav-item"> <a class="nav-link" href="{% url 'logout' %}">Logout</a> </li>
					{% endif %}
					{% if request.user.groups.all.0.name == "company_owner" %}
					<li class="nav-item active">
						<a class="nav-link" href="{% url 'company_profile' %}">Profile
							<span class="sr-only">(current)</span>
						</a>
					</li>
					<li class="nav-item"> <a class="nav-link" href="{% url 'user_search_page' %}">Search Users</a> </li>
					<li class="nav-item"> <a class="nav-link" href="{% url 'candidate_applications_page' %}">Applications</a> </li>
					<li class="nav-item"> <a class="nav-link" href="{% url 'logout' %}">Logout</a> </li>
					{% endif %}
					{% else %}
					<li class="nav-item active">
						<a class="nav-link" href="{% url 'home' %}">Home
							<span class="sr-only">(current)</span>
						</a>
					</li>
					<li class="nav-item"> 
						<a class="nav-link" href="{% url 'login' %}" style="padding: .5rem 2rem; color: white; background-color: #1de9b6; border-radius: 2px; font-size: 18px; display: flex; justify-content: center; align-content: center; align-items: center">Login</a>
					</li>
					<li class="nav-item" style="margin-top: -1.1px"> 
						<a class="nav-link" href="{% url 'choose_register' %}" style="padding: 0.5rem 2rem; background-color: #ff6d00; color: white; font-size: 18px; border-radius: 2px; margin-left: 20px; ">Register</a> 
					</li> 
					{% endif %} 
				</ul>  
			</div>
		</div>
	</nav>

   	<!--End Navigation Bar -->

	{% block content %} 
	
	{% endblock %} 
	

	<script src="{% static 'vendor/jquery/jquery.slim.min.js' %}"></script>
	<!-- JQuery JavaScript Library -->
	<script src="{% static 'vendor/jquery/jquery.min.js' %}"></script>

	<!-- Bootstrap core JavaScript -->
  	<script src="{% static 'vendor/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
	<!-- Navigation Bar JavaScript -->
	<script src='../static/front/js/nav.js' defer></script>
  
  	<!-- Where page-specific js files are inserted -->
  	{% block other_js %} 



	{% endblock %}
</body>

</html>