<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta content="/img/logo_qkf.png" itemprop="image">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="">
        <meta name="author" content="">
        {% block metadata %}{% endblock %}
        <title>{% block title %}Grading App{% endblock %}</title>
        <!-- Font Awesome Icons -->
        <link href="/vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">

        <!-- Google Fonts -->
        <link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet">
        <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>

        <!-- Theme CSS - Includes Bootstrap -->
        <link href="/css/creative.min.css" rel="stylesheet">

        <link rel="icon" type="image/png" href="/img/logo_qkf.png">
        {% block stylesheets %}{% endblock %}
    </head>
    <body>
    {% block menu %}
    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
        <div class="container">
            <a class="navbar-brand js-scroll-trigger">You logedin as "{{ app.user.name }}"</a>
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarResponsive">
                <ul class="navbar-nav ml-auto my-2 my-lg-0">
                    {% if is_granted('ROLE_SUPER_ADMIN') %}
                    <li class="nav-item">
                        <a class="nav-link js-scroll-trigger" href="/admin">Admin panel</a>
                    </li>
                    {% endif %}
                    {% if is_granted('ROLE_ADMIN') %}
                    <li class="nav-item">
                        <a class="nav-link js-scroll-trigger" href="/group">Groups</a>
                    </li>
                    {% endif %}
                    <li class="nav-item">
                        <a class="nav-link js-scroll-trigger" href="/screen">Screen</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link js-scroll-trigger" href="/logout">Logout</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    {% endblock %}
        {% block body %}{% endblock %}

        {% block footer %}
        <!-- Footer -->
        {#<footer class="bg-light py-5">#}
            {#<div class="container">#}
                {#<div class="small text-center text-muted">Copyright &copy; 2019 - Scoring app</div>#}
            {#</div>#}
        {#</footer>#}
        {% endblock %}
        <!-- Bootstrap core JavaScript -->
        <script src="/vendor/jquery/jquery.min.js"></script>
        <script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

        <!-- Plugin JavaScript -->
        <script src="/vendor/jquery-easing/jquery.easing.min.js"></script>
    {% block javascripts %}{% endblock %}
    </body>
</html>
