{% extends 'sections/administrators/layout.html' %}

{% set menu = 'features-sets' %}

{% block content %}
    <h1>{% trans %}Features Sets - Assign{% endtrans %}</h1>
    <form action="{{ urlFor('features_sets_assign') }}" method="post">
        <h2>{% trans %}Packages{% endtrans %}</h2>
        <table class="table-condensed table table-striped table-hover">
            <tr>
                <th class="text-right small">{% trans %}No.{% endtrans %}</th>
                <th>{% trans %}Name{% endtrans %}</th>
                <th class="small select">
                    {% trans %}Features Set{% endtrans %}
                </th>
            </tr>
            {% for key, value in contents['packages'] %}
                <tr>
                    <td class="text-right small">{{ loop.index }}</td>
                    <td>{{ key }}</td>
                    <td class="small select">
                        <select name="packages[{{ key }}]">
                            {% for k, v in contents['items'] %}
                                <option
                                    {% if value == k %}
                                        selected="selected"
                                    {% endif %}
                                    value="{{ k }}"
                                    >{{ v['name'] }}</option>
                            {% endfor %}
                        </select>
                    </td>
                </tr>
            {% endfor %}
        </table>
        <h2>{% trans %}Users{% endtrans %}</h2>
        <p>
            <label>
                <input id="assigned_hosting_package" type="checkbox">
                {% trans %}Assigned Hosting Package{% endtrans %}
            </label>
        </p>
        <table class="table-condensed table table-striped table-hover">
            <tr>
                <th class="text-right small">{% trans %}No.{% endtrans %}</th>
                <th>{% trans %}Name{% endtrans %}</th>
                <th class="small text-right">
                    {% trans %}Features Set{% endtrans %}
                </th>
            </tr>
            {% for key, value in contents['users'] %}
                <tr>
                    <td class="text-right small">{{ loop.index }}</td>
                    <td>{{ key }}</td>
                    <td class="small select">
                        <input name="users[{{ key }}]" type="hidden" value="">
                        <select name="users[{{ key }}]">
                            {% for k, v in contents['items'] %}
                                <option
                                    {% if value == k %}
                                        selected="selected"
                                    {% endif %}
                                    value="{{ k }}"
                                    >{{ v['name'] }}</option>
                            {% endfor %}
                            <option
                                {% if value == '' %}
                                    selected="selected"
                                {% endif %}
                                value=""
                                >{% trans %}N/A{% endtrans %}</option>
                        </select>
                    </td>
                </tr>
            {% endfor %}
        </table>
        <p class="buttons">
            <button
                class="button reset"
                id="reset"
                name="reset"
                type="reset"
                >{% trans %}Reset{% endtrans %}</button>
            <button
                class="button submit"
                id="submit"
                name="submit"
                type="submit"
                >{% trans %}Submit{% endtrans %}</button>
        </p>
    </form>
{% endblock %}