<!doctype html>
<html>
    <head>
        <title>SimpleerTube - Search Results</title>
        <link rel="stylesheet" href="/static/style.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    </head>
    <body>
        <h2>SimpleerTube</h2>
        <form action="/search" method="POST">
            <input size="45" type="text" name="query" id="query" placeholder="Search" value="{{ query }}"/>
            <button type="submit">Search</button>
        </form>
        <br>
        <br>

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

        <br>
        <br>

        {{ results.total }} Results
        <table>
            {% for result in results.data %}
                <tr>
                    <td>
                        <img src="{{ result.thumbnailUrl }}" height="150"/>
                    </td>
                    <td>
                        <a href="/{{ result.channel.host }}/videos/watch/{{ result.uuid }}">
                        {{ result.name }}
                        </a>
                        <br>
                        {{ result.views }} Views
                        <br>
                    </td>
                </tr>
            {% endfor %}
        </table>


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

        <footer>
            <a href="https://codeberg.org/simple-web/peertube/src/commit/{{ commit }}">Commit: {{ commit }}</a>
        </footer>
    </body>
</html>