<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}Picture Puzzle Website{% endblock %}</title>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/main.css') }}">
    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
    <script src="https://kit.fontawesome.com/65669fdef7.js" crossorigin="anonymous"></script>
</head>
<body>
    <nav>
        <div class="logo-container">
            <a href="{{ url_for('index') }}"><img class="logo" src="{{ url_for('static', filename='images/Picture-Puzzle-logo.png') }}" alt="Picture Puzzle website logo"></a>
            <div class="gif-container">
                <img src="{{ url_for('static', filename='images/bird.gif') }}" class="clickable" aria-label="Copy game link" alt="Bird">
                <span class="tooltiptext" id="copyNotification">Get link to game</span>
            </div>
        </div>
        <ul>
            <li><a class="link" href="{{ url_for('all_posts') }}">Posts</a></li>
            <li><a class="link" href="{{ url_for('about') }}">About</a></li>
            <li class="dropdown">
                <a href="#" class="dropbtn">Docs</a>
                <div class="dropdown-content">
                    <a href="https://gitea.rkg.lv/elukjanovica/Picture_Puzzle">Source page</a>
                    <a href="#">Documentation</a>
                    <a href="#">Tutorials</a>
                </div>
            </li>
            <li class="dropdown">
                <a href="#" class="dropbtn">Community</a>
                <div class="dropdown-content">
                    <a href="#">Forums</a>
                    <a href="#">Updates</a>
                    <a href="#">Gallery</a>
                </div>
            </li>
            <li class="dropdown pull-left">
                <a href="#" class="dropbtn">Account</a>
                <div class="dropdown-content">
                    {% if g.user %}
                        <a href="{{ url_for('logout') }}">Log Out</a>
                    {% else %}
                        <a href="{{ url_for('register') }}">Register</a>
                        <a href="{{ url_for('login') }}">Log In</a>
                    {% endif %}
                </div>
            </li>
        </ul>
    </nav>
    <section class="content">
        {% block content %}
        {% endblock %}
    </section>
    <footer>
        <ul>
            <li><a href="#">Privacy and Cookies</a></li>
            <li><a href="#">Terms of Use</a></li>
            <li><a href="https://gitea.rkg.lv/elukjanovica/Picture_Puzzle/issues">Known Issues</a></li>
        </ul>
        <p>&copy; 2024 Picture Puzzle. All rights reserved.</p>
    </footer>
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
</body>
</html>