<!doctype html>

<html>
    <head>
        <link rel="stylesheet" href="/static/style.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        {% block head %}
	<title>{% block full_title %}{% block title %}{% endblock %} - SimpleerTube{% endblock %}</title>
	{% endblock %}
    </head>

    <body>
        <center>
        <h2>{{ instance_name }}</h2>
        <form action="/{{ domain }}/search" method="POST">
            <input size="45" style="max-width: 100%" type="text" name="query" id="query" placeholder="Search" value="{{ search_term }}"/>
            <button type="submit">Search</button>
        </form>

        <br>

        <a href="/{{ domain }}/videos/local">Local</a>
        <b> | </b>
        <a href="/{{ domain }}/videos/trending">Trending</a>
        <b> | </b>
        <a href="/{{ domain }}/videos/most-liked">Most Liked</a>
        <b> | </b>
        <a href="/{{ domain }}/videos/recently-added">Recently Added</a>
        <br>
        <br>

        {% block head_content %}{% endblock %}

        {% if pagination_url %}
            {% if pages_total > 1 %}
                {% if page > 1 %}
                    <a href="{{ pagination_url }}{{ page - 1 }}">Previous</a>
                    <b> | </b>
                {% endif %}
                Page {{ page }} of {{ pages_total }}
                {% if page < pages_total %}
                    <b> | </b>
                    <a href="{{ pagination_url }}{{ page + 1}}">Next</a>
                {%  endif %}
            {% endif %}
        {% endif %}
        <br>

        {% block content %}{% endblock %}

        {% if pagination_url %}
            {% if pages_total > 1 %}
                {% if page > 1 %}
                    <a href="{{ pagination_url }}{{ page - 1 }}">Previous</a>
                    <b> | </b>
                {% endif %}
                Page {{ page }} of {{ pages_total }}
                {% if page < pages_total %}
                    <b> | </b>
                    <a href="{{ pagination_url }}{{ page + 1}}">Next</a>
                {%  endif %}
            {% endif %}
        {% endif %}
        </center>
    </body>
</html>