{% extends "base.html" %}

{% block script_recent_logs %}
    {% for s in servers %}
        $('#dialog_link_{{s.id}}').click(function(){
            $('#dialog_{{s.id}}').dialog('open');
            return false;
        });
    {% endfor %}
{% endblock %}

{% if is_installation %}
    {% block script_installation %}
        $('#dialog_installation').dialog({
            autoOpen: false,
            width: 600,
            buttons: {
                "Установить": function() {
                    $('#form_installation').submit();
                },
                "Отмена": function() {
                    $('#form_installation_close').submit();
                }
            }
        });
        
        $('#dialog_installation').dialog('open');
    {% endblock %}
{% endif %}


{% block content %}
    {% if is_installation %}
        <div id="dialog_installation" title="Множественная установка">
            <form method = 'POST' id='form_installation'>
                <div id = 'configuration'>
                <table>
                    {% for k, v, t in config %}
                    <tr>
                        <td>{{k}}</td>
                        <td><input type = '{{t}}' name = "config.{{k}}" value = '{{v}}' /></td>
                    </tr>
                    {% empty %}
                        <tr><td>Аргументы не требуются. Продолжить?</td></tr>
                    {% endfor %}
                </table>
                </div>

                <input type = 'hidden' class = 'button' name = 'action' value = 'Готово' />
                <input type = 'hidden' name = 'recipe_id' value = '{{recipe_id}}' />
                <input type = 'hidden' name = 'servers_to_install' value = '{{servers_to_install}}' />
                {% csrf_token %}
            </form>
        </div>
    {% endif %}

    <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}}'>
                            {% if s.status != 'Installation' and s.status != 'Offline' %}
                                <input type = 'checkbox' name = 'servers_to_install' value = '{{s.id}}' style = 'position: absolute'
                                {% if s.checked %} checked {% endif %} />
                            {% endif %}
                            <a href="/servers/{{s.id}}">{{s.name}}</a>

                            {% if s.status != 'Online' and s.status != 'Offline' %}
                                <a href="#" id = 'dialog_link_{{s.id}}' style='text-decoration: underline;'>({{s.status}})</a>
                            {% else %}
                                <p>({{s.status}})</p>
                            {% endif %}
                        </li>

                        <div class="dialog" id="dialog_{{s.id}}" title="Лог последней установки">
                            <div id = 'installed_container' >
                                <p class = 'log_content'>
                                {% for l in s.log %}
                                    <span class = '{{l.1}}'>{{l.2}}</span><br />
                                {% endfor %}
                                </p>
                            </div>
                        </div>
                    {% 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.name}}'>{{v.name}}
                                    {% if v.who %} ({{v.who}} от {{v.when}}) {% endif %}
                                    </a></li>
                                {% endfor %}
                            </ul>
                            <br />
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
        {% csrf_token %}
    </form>

    <form method = 'GET' id='form_installation_close'>
    </form>

    <form method = 'get' id = 'filter_by_group_form'>
        {% if filter_by_group %}
            <select name = 'filter_by_group' class = 'top_right_edit' id = 'filter_by_group'>
                <option {% ifequal filter_by_group 'Все группы' %} selected {% endifequal%} >Все группы</option>
                {% for g in groups %}
                    <option {% ifequal filter_by_group g %} selected {% endifequal%} >{{g}}</option>
                {% endfor %}
                <option {% ifequal filter_by_group 'Снять все' %} selected {% endifequal%} >Снять все</option>
            </select>
        {% else %}
            <select name = 'filter_by_group' class = 'top_right_edit' id = 'filter_by_group'>
                <option>Все группы</option>
                {% for g in groups %}
                    <option>{{g}}</option>
                {% endfor %}
                <option>Снять все</option>
            </select>
        {% endif %}
    </form>
{% endblock %}