{% extends '_without_nav_base.html' %}
{% load i18n %}
{% block body %}
    <style>
li {
    list-style: disc;
}

ul {
    padding-left: 30px;
    padding-top: 10px;
}

p {
    padding-top: 10px;
}
</style>
    <div style="margin: 0 200px">
    <div class="group">
        <h2>{{ VENDOR }} {% trans 'Client' %} {{ CLIENT_VERSION }}</h2>
        <p>
            {% trans 'Client, currently used to launch the client' %}
        </p>
        <ul>
            <li> <a href="/download/public/Client_{{ CLIENT_VERSION }}_x64-setup.exe">{{ VENDOR }}Client_{{ CLIENT_VERSION }}_x64-setup.exe</a></li>
            <li> <a href="/download/public/Client_{{ CLIENT_VERSION }}_aarch64.dmg">{{ VENDOR }}Client_{{ CLIENT_VERSION }}_aarch64.dmg</a></li>
        </ul>
    </div>

    <div class="group">
        <h2> {{ VENDOR }} {% trans 'Offline video player' %} v{{ VIDEO_PLAYER_VERSION }}</h2>
        <ul>
            <li><a href="/download/public/VideoPlayer-{{ VIDEO_PLAYER_VERSION }}.dmg">{{ VENDOR|lower }}-video-player.dmg</a></li>
            <li><a href="/download/public/VideoPlayer-{{ VIDEO_PLAYER_VERSION }}.exe">{{ VENDOR|lower }}-video-player.exe</a></li>
        </ul>
    </div>
</div>
    <style>
    ul {
        list-style-type: disc;
    }

    li a {
        color: blue;
    }

    .group {
        padding-top: 40px;
    }

    .group ul {
        padding-top: 10px;
    }
</style>

{% endblock %}