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

<!-- get the error message from wtf forms -->
{% from "_formhelpers.html" import render_field %}
<header>
    <div class="container"> <!-- better name?  How do I know to put and end the div container?-->
        <h1 class="title"> somewebsite.com </h1>
        <h3 class="seccondary-title"> <p> A website for doing stuff and other things </p>  </h3>
        <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>
    </div><!-- end of the containern div  -->
</header>