{% extends "default.html" %}
{% block title %}
    {{ user.username }}
{% endblock %}
{% block breadcrumbs %}
    <li><a href="/{{ user.username }}">{{ user.username }}</a></li>
{% endblock %}
{% block nav %}
    <nav id="repo-nav" class="navbar">
        <ul id="repo-tabs">
            <li><a href="?">Overview</a></li>
            <li><a href="?action=repositories">Repositories ({{ user.repositories | length }})</a></li>
            <li><a href="?action=followers">Followers ({{ user.followers | length }})</a></li>
            <li><a href="?action=follows">Follows ({{ user.follows | length }})</a></li>
        </ul>
        <x-buttonbox>
            {% if loggedInUser != user.username and loggedInUser %}
                <form action="?action=follow" method="POST">
                    <button type="submit">
                        <iconify-icon icon="mdi:eye"></iconify-icon>
                        {% if relationship %}Unfollow{% else %}Follow{% endif %}
                    </button>
                </form>
            {% endif %}
        </x-buttonbox>
    </nav>
{% endblock %}

{% block scripts %}
    <script src="/static/marquee.js"></script>
{% endblock %}