{% load static %}

<style>
  .hello-msg{
    font-size: 18px;
    color: #fff;
    margin-right: 20px;
  }
</style>

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <img src="{% static 'images/logo.jpg' %}" width="75" height="75">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="{% url 'home' %}">Dashboard</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="{% url 'details' request.user %}">User Details</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="{% url 'univ_finder' %}">College Finder</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="{% url 'univ_detail' %}">University Details</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="{% url 'donate_pay' %}">Donate Now</a>
      </li>
  </div>

  <span class="hello-msg">Hello, {{ request.user.first_name }}</span>
  <span><a class = "hello-msg" href="{% url 'logout' %}">Logout</a></span>
  
</nav>