{% extends "base.html" %}

{% block content %}
<form action = '/multi_installing' method = 'POST'>
    <div id='right_panel'>
        <div class="ui-state-background ui-corner-all" style = 'height: 90%;'>
            <ul id = 'servers_list'>
                {% for s in servers %}
                    <li class = '{{s.status}}'>
<!--                         <input type = 'checkbox' name = 'servers' value = '{{s.id}}' style = 'position: absolute' /> -->
                        <a href="/servers/{{s.id}}">{{s.name}}<br />({{s.status}})</a>
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>

    <div id = 'left_panel'>
        <div class="ui-state-background ui-corner-all" style = 'height: 90%;'>
            <div id = 'recipes_container'>
                <ul id = 'recipes_list'>
                    {% for name, id, versions in recipes %}
                        <li id='recipe_{{id}}' onclick = 'click_{{id}}()'>
                            <a href = '#'><div id = 'span_{{id}}' class = 'right'><b>{{name}}</b></div></a>
<!--                             <input type='submit' class = 'button' name = 'install_{{id}}' value = 'Установить' style = 'height: 20px' /> -->
                        </li>
                        <ul id='versions_{{id}}' style = 'display: None'>
                            {% for v in versions %}
                                <li><a href = '/recipes/{{id}}/{{v.s}}'>{{v.name}}
                                {% if v.who %} ({{v.who}} от {{v.when}}) {% endif %}
                                </a></li>
                            {% endfor %}
                        </ul>
                        <br />
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>
    {% csrf_token %}
</form>
{% endblock %}