{% extends "base.html" %}

{% block content %}
<form action = '/multi_installing'>
    <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 = '{{s.name}}' value = '{{s.name}}' /> -->
                        <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%;'>
            {% include 'recipes_list.html' %}
        </div>
    </div>
    {% csrf_token %}
</form>
{% endblock %}