{% extends 'layout.html' %}

{% block header %}
    <div class="background-decoration">
        <img src="{{ url_for('static', filename='images/background.svg') }}" onload="imgFade(this)" style="opacity:0;"/>
        <span></span>
    </div>
{% endblock %}

{% block nav_profile %}navigation-item__selected{% endblock %}

{% block content %}
    <h1>User</h1>
    <p>{{user_id}}</p>
    <ul>
        {% if g.user %}
            <li><span>{{ g.user['username'] }}</span>
            <li><a href="{{ url_for('auth.logout') }}">Log Out</a>
        {% else %}
            <li><a href="{{ url_for('auth.register') }}">Register</a>
            <li><a href="{{ url_for('auth.login') }}">Log In</a>
        {% endif %}
    </ul>
{% endblock %}