<!DOCTYPE html>
    
    <head>

        {% load static %}
        {% load qr_code %}
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>{% block title %}reValuate{% endblock %}</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="{% static 'home/css/style.css' %}">
        <link rel="shortcut icon" type="image/png" href="{% static 'home/img/logo.png' %}"/>

        {% block optionalParams %} {% endblock %}

    </head>
    <body>
        {% block aboveNav %} {% endblock %}
        <header id="navbar">
            <a class="logo" href="/"><img src="{% static 'home/img/logo.png' %}" style="max-height: 100px;" alt="logo"></a>
            <nav>
                <ul class="nav__links">
                    
                    {% if user.is_authenticated %}
                    <li><a href="{% url 'Image' %}"><u>Качи</u></a></li>
                    <li><a href="{% url 'Media' %}"><u>{{ request.user.balance.balanceValue }} reCoins </u></a></li>
                    {% endif %}

                    <li><a href="{% url 'leaderboard' %}"><u>Класация</u></a></li>
                    <li><a href="#"><u>За нас</u></a></li>
                    
                    
                    {% if isProcessor %} 
                    <li><a href="{% url 'admin' %}"><u>Админ</u></a></li>
                    {% endif %}
                    
                    {% if isCashier %}
                    <li><a href="{% url 'cashier' %}"><u>Каса</u></a></li>
                    {% endif %}
                    
                </ul>
            </nav>
            {% if user.is_authenticated %}
            <a class="cta" href="{% url 'logout' %}">Излез!</a>
            {% else %}
            <a class="cta" href="{% url 'login' %}">Влез!</a>
            {% endif %}
            
            <p class="menu cta">Меню</p>
        </header>
        <div id="container">
        <div class="overlay">
            <a class="close">&times;</a>
            <div class="overlay__content">
                <a href="{% url 'leaderboard' %}">Класация</a>
                <a href="#">За нас</a>
                {% if user.is_authenticated %}
                <a href="{% url 'logout' %}">Излез!</a>
                {% else %}
                    <a href="{% url 'login' %}">Влез!</a>
                {% endif %}

                <p style="color:white;">___</p>

                {% if user.is_authenticated %}
                <a href="{% url 'Image' %}">Качи</a>
                <a href="{% url 'Media' %}">Прогрес</a>
                {% endif %}    
            </div>
            
            <script type="text/javascript" src="{% static 'home/js/mobile.js' %}"></script>
        </div>
            {% block content %}
            {% endblock %}
    </div>
    </body>
    </html>