<!--Links to the navbar css file-->
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='navbar.css') }}">

<!-- get the error message from wtf forms -->
{% from "_formhelpers.html" import render_field %}
<header>
    <div class="container"> <!-- better name? -->
        <h1 class="title"> somewebsite.com </h1>
        <h3 class="seccondary-title"> <p> A website for doing stuff and doing other stuff  </p>  </h3>
    </div>

    <nav>
        <ul>
            <li>
                <a href="{{ url_for ('payment.donations') }}">Donations</a>
            </li>
            <li>
                <a href="{{ url_for ('main.home') }}">Home</a>
            </li>
            <li>
                <a href="{{ url_for ('main.about') }}">About</a>
            </li>
            <!-- if the current user is logged in the code activates -->
            {% if current_user.is_authenticated %}
                <li>
                    <a href="{{ url_for ('auth.logoff') }}">Logoff</a>
                </li>
                <li>
                    <a href="{{ url_for ('postinfo.new_post')}}">New Posts</a>
                </li>
                <li>
                    <a href="{{ url_for ('main.profile', username = current_user.username) }}"> Profile </a>
                </li>
            <!-- if the current user is not logged in the code activates -->
            {% else %}
                <li>
                    <a href="{{ url_for ('auth.login') }}">Login</a>
                </li>
                <li>
                    <a href="{{ url_for ('auth.register') }}">Register</a>
                </li>
            {% endif %}
               <li>
                    <!-- redirected to /search when I fill out the form -->
                    <form class="searchform" method="POST" action="{{ url_for('main.search') }}">
                            {{ searchform.csrf_token }}
                            {{ searchform.search_input(placeholder='search') }}
                            {{ searchform.submit()}}
                    </form>
                </li>
        </ul>
    </nav>
</header>