{% extends "central/base.html" %}

{% load i18n %}
{% load my_filters %}
{% load staticfiles %}

{% block title %}{% trans "Download" %}{% endblock %}

{% block download_active %}active{% endblock download_active %}

{% block headcss %}{{ block.super }}
<style>
    .checkmark {
        font-size:200%;
        text-align: center;
        margin: auto;
        padding: auto;
    }
</style>
{% endblock headcss %}

{% block content %}
{% comment "Header instructions" %}{% endcomment %}
<div class="instructions"></div>

{% comment "Form for downloading KALite is accessible only to authenticatd users" %}{% endcomment %}
<div class="installation">
    <h1>Downloads</h1> for Offline Installation / Upgrade
    <form name="test" method="post" class="basic-form">
    {% csrf_token %} 

    {% if user.is_anonymous %}
        <table class="table">
            <tr >
                <th width="30%">&nbsp;</th>
                <th width="35%"><h2>Single-server Edition</h2></th>
                <th width="35%"><h2>Multiple-server Edition</h2></th>
            </tr>
            <tr>
                <th style="vertical-align:bottom">Features</th>
                <td>
                    <img width="200" src="{% static 'images/single-server.png' %}" />
                </td>
                <td>
                    <img width="200" src="{% static 'images/multiple-server2.png' %}" />
                </td>
            </tr>
            <tr>
                <td>Students can log in and record progress.</td>
                <td class="checkmark">&#x2713;</td>
                <td class="checkmark">&#x2713;</td>
            </tr>
            <tr>
                <td>Share student and teacher data across multiple installs.*</td>
                <td>&nbsp;</td>
                <td class="checkmark">&#x2713;</td>
            </tr>
            <tr>
                <td>View usage data online.*</td>
                <td>&nbsp;</td>
                <td class="checkmark">&#x2713;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>
                    <a class="button-download" href="single-server/" title="Download and go! Fully-featured KA Lite local installation.">
                        Download <br/>Single-server Edition
                    </a>
                </td>
                <td>
                    <a class="button-download" href="multiple-server/" title="Download KA Lite through your online user account, then use the zip file to install multiple machines.">
                        Login to get <br/>Multiple-server Edition
                    </a>
                </td>
            </tr>
            <tr>
                <td>* requires occasional internet access </td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
        </table>

    {% else %}

    <div id="zone_section">
            <div class="errors">{% for err in errors %}{{ err }}{% endfor %}</div>
            <div class="form-section">
                <div class="row-fluid">

                    <div class="span2">
                        <p class="form-dropdown-label">{% trans "Select Network:" %}</p>
                    </div>
                    <div class="span10">
                        <div class="form-selection">
                            <select name="zone" id="zone">
                                <option disabled="disabled" value="__empty__" {% if not selected_zone %}selected{% endif %}>
                                    --select your network--
                                </option>
                                {% for zone in zones %}
                                <option value="{{ zone.id }}"{% if selected_zone == zone.id %}selected{% endif %}>
                                    {{ zone.name }}
                                </option>
                                {% endfor %}
                            </select>
                            <span><a href="{% url org_management %}">Add a network</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span12"> 
                    <button class="button-download" type="submit" style="width:300px">
                        Download Multiple-servers Edition
                    </button>
                </div>
            </div>
        </div><!-- zone_section -->
    {% endif %}

        
    </div><!-- download  -->


    <div id="instructions" style="display:none">
        <div id="windows-instructions">
            Windows installation instructions:
            <ul>
                <li>Click "download" to download the Windows installer</li>
                <li>When the download completes, copy the file to your server(s).
                    <li>From the server(s), unzip the zip file.</li>
                    <li>From the server(s), double-click the install.bat script (inside the ka-lite folder).</li>
                    <li>After installation completes, double-click the start.bat script (inside the ka-lite folder) .</li>
                </ul>                
            </div>
            <div id="linux-instructions">
                Linux installation instructions:
                <ul>
                    <li>Click "download" to download  the KA Lite zip file.</li>
                    <li>When the download completes, copy the file to your server(s).</li>
                    <li>From the server(s), unzip the zip file.</li>
                    <li>From the server(s), run the install.sh script (inside the ka-lite folder).</li>
                    <li>From the server(s), run the start.sh script (inside the ka-lite folder).</li>
                </ul>
            </div>
            <div id="darwin-instructions">
                Mac installation instructions:
                <ul>
                    <li>Click "download" to download  the KA Lite zip file.</li>
                    <li>When the download completes, copy the file to your server(s).</li>
                    <li>From the server(s), unzip the zip file.</li>
                    <li>From the server(s), run the install.sh script (inside the ka-lite folder).</li>
                    <li>From the server(s), run the start.sh script (inside the ka-lite folder).</li>
                </ul>
            </div>
            <div id="python-instructions">
                Python - this is the program that runs KA Lite; please install as well!
                <ul>
                    <li><a target="_new" href="http://www.python.org/getit/releases/2.7.5/#download">Download Python</a>.</li>
                    <li>Copy the Python installer over to your server.</li>
                    <li>Install Python</li>
                    <li>Make sure to add Python to your PATH (<a target="_new" href="https://www.google.com/search?q=add+python+to+path+tutorial+windows">Windows</a>, <a target="_new" href="https://www.google.com/search?q=add+python+to+path+tutorial+linux">Linux</a>, <a target="_new" href="https://www.google.com/search?q=add+python+to+path+tutorial+mac">MacOS</a>)</li>
                </div>  
            </div>
            {% endblock %}