{% load static %}
{% block css %}
<link rel="stylesheet" href="{% static 'client/css/templatemo-hexashop.css' %}" />

{% endblock %}
<!-- ***** Header Area Start ***** -->
<header class="header-area header-sticky">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <nav class="main-nav">
                    <ul class="nav">
                        <a class="nav-item mr-lg-3" href="{% url 'survey:home' %}" class="logo">
                            <h3>AquaGuardian</h3>
                        </a>
                        <li class="scroll-to-section"><a href="{% url 'survey:survey_form' %}">
                                Survey
                            </a></li>
                        <li class="scroll-to-section"><a href="#">
                                About us
                            </a></li>
                        <li class="scroll-to-section"><a href="#">
                                Contact us
                            </a></li>
                        {% if request.user.is_authenticated %}
                        <li class="submenu">
                            <a href="#">
                                Hello {{ request.user.first_name|default:request.user.username }}
                            </a>
                            <ul>
                                <li><a href="{% url 'account:profile_info' %}">Settings</a></li>
                                <li><a href="{% url 'account:logout' %}">Logout</a></li>
                            </ul>
                        </li>
                        {% else %}
                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#loginModal">
                            Login
                        </button>
                        {% endif %}
                    </ul>
                    <a class='menu-trigger'>
                        <span>Menu</span>
                    </a>
                </nav>
            </div>
        </div>
    </div>
</header>
<!-- ***** Header Area End ***** -->


{% block domready %}

{% endblock %}