{% extends 'pages/_install_base.html' %}
{% load i18n %}
{% load dltags %}

{% block pagetitle %}
    {% trans "Install on Windows" %}
{% endblock %}

{% block wireguard_import %}
    {% trans "Import the configuration in WireGuard."%}
{% endblock %}

{% block openvpn_outer %}
<div class="install-section content-box">
    <h3>{% trans "With CCVPN GUI" %}</h3>
    <p>
        {% blocktrans trimmed %}
            CCVPN GUI is a VPN client specifically made for our VPN on Windows.
            It should provide the simplest and smoothest interface to connect over OpenVPN.
        {% endblocktrans %}
        {% blocktrans trimmed with url="https://github.com/PacketImpact/lvpngui/" %}
            It's also <a href="{{url}}">open-source</a>.
        {% endblocktrans %}
    </p>
    <hr />
    <div class="install-instructions">
        <ol>
            <li>
                {% trans "Download and run the CCVPN GUI installer:" %}<br />
                {% download_button "ccvpngui" "windows" %}
                <br />
                <br />
                {% blocktrans trimmed %}
                    Please ignore Windows's warnings and click "Run anyway" -
                    they are due to the file not having been downloaded frequently enough to be considered safe.
                {% endblocktrans %}
                <br />
            </li>
            <li>
                {% blocktrans trimmed %}
                    Once installed and started, right click the icon in the notification
                    area and select "Connect".  
                {% endblocktrans %}
                {% blocktrans trimmed %}
                    A window will open to show you the progression, you can close it at any time and
                    the VPN will stay connected.
                {% endblocktrans %}
            </li>
            <li>
                <em>{% trans "(Optional)" %}</em>
                {% blocktrans trimmed %}
                    You can set it to start and connect automatically on boot in the <em>Settings</em>.
                {% endblocktrans %}
                <br />
                {% blocktrans trimmed %}
                    If you have connection issues and you think it might be blocked, try <em>TCP mode</em> in the settings.
                {% endblocktrans %}
            </li>
        </ol>
    </div>
</div>

<div class="install-section content-box">
    <h3>{% trans "With OpenVPN" %}</h3>
    <p>
        <a href="https://www.openvpn.net/">OpenVPN<i class="fa fa-external-link external-link"></i></a>
        {% blocktrans trimmed %}
            is an older VPN protocol and software, still considered secure and one of the best VPN protocols available.
        {% endblocktrans %}
        <br />
        {% blocktrans trimmed %}
            This section is about the reference implementation, OpenVPN GUI.
        {% endblocktrans %}
    </p>
    <hr />
    <div class="install-instructions">
        <ol>
            <li>
                {% blocktrans trimmed with url="http://openvpn.net/index.php/open-source/downloads.html" %}
                    Download the Windows Installer for OpenVPN on <a href="{{url}}">OpenVPN.net</a> and install it.
                {% endblocktrans %}
            </li>
            <li>
                {% blocktrans trimmed %}
                    In <a href="/account/config">your account</a>, download a .ovpn configuration file,
                    and copy it into <code>C:\Program Files\OpenVPN\config\</code>.
                {% endblocktrans %}
                <br />
                {% blocktrans trimmed %}
                    If you downloaded multiple config files as an archive, extract it in that folder so that
                    the individual .ovpn files are directly in the config folder.
                {% endblocktrans %}
            </li>
            <li>
                {% blocktrans trimmed %}
                    Start OpenVPN GUI <em>as Administrator</em>. You can find it on your desktop or in the start menu.
                {% endblocktrans %}
                <br />
                {% blocktrans trimmed %}
                    Once it's started, you should see it in the system tray. Right click it and select Connect.
                {% endblocktrans %}
            </li>
            <li>
                {% blocktrans trimmed %}
                    It should now open a OpenVPN log window showing its progress.
                {% endblocktrans %}
            </li>
            <li>
                {% blocktrans trimmed %}
                    If everything worked, the OpenVPN icon should turn green.<br />
                    Your are now connected and can enjoy your secure connection.
                {% endblocktrans %}
            </li>
            <li>
                <em>{% trans "(Optional) Save your username and password:" %}</em><br />
                <ul>
                    <li>
                        {% blocktrans trimmed %}
                            Create a text file "ccrypto_creds.txt" containing your username and password on two lines as follows:
                        {% endblocktrans %}
                        <code class="codeblock">Alice<br />p4ssw0rd</code>
                    </li>
                    <li>
                        {% blocktrans trimmed %}
                        Move the file to <code>C:\Program Files\OpenVPN\config\</code> along with the .ovpn file.
                        {% endblocktrans %}
                    </li>
                    <li>
                        {% blocktrans trimmed %}
                            Then, open the .ovpn file with a text editor (Notepad, Notepad++, ...)
                            and add this line at the end of the file:
                        {% endblocktrans %}
                        <code class="codeblock">auth-user-pass ccrypto_creds.txt</code>
                    </li>
                    <li>
                        {% trans "Reconnect and it should not ask for your password." %}
                    </li>
                </ul>
            </li>
        </ol>
    </div>
</div>
{% endblock %}