{% extends base_template %}
{% load debusine %}
{% block content %}
    {% ui resource as resource_ui %}
    {% ui group as group_ui %}
    <form method="post" id="role-form">
        {% csrf_token %}
        {% for hidden in form.hidden_fields %}{{ hidden }}{% endfor %}
        <table class="table table-sm table-hover table-striped" id="details">
            {% for error in form.non_field_errors %}
                <div class="alert alert-danger" role="alert">{{ error }}</div>
            {% endfor %}
            <tbody>
                <tr><th>Group:</th> <td>{% widget group_ui.place.as_link %}</td></tr>
                <tr>
                    <th>Resource type:</th>
                    <td><b>{{ resource_type }}</b></td>
                </tr>
                <tr><th>Resource:</th> <td>{% widget resource_ui.place.as_link %}</td></tr>
                {% if instance %}
                    <tr>
                        <th>Current role:</th>
                        <td>{{ current_role.label }}</td>
                    </tr>
                {% endif %}
                {% for field in form %}
                    <tr>
                        <th>{{ field.label_tag }}:</th>
                        <td>
                            {{ field }}
                            {% if field.errors %}
                                <ul>
                                    {% for error in field.errors %}
                                        <li><strong>{{ error }}</strong></li>
                                    {% endfor %}
                                </ul>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
        <div id="role-form-actions">
            <button class="btn btn-primary" type="submit">Save</button>
            {% widget resource_ui.place_roles.as_button label="Cancel" btn_type="secondary" %}
        </div>
    </form>
    <h2 class="mt-4">Available roles</h2>
    <table class="table table-sm table-hover table-striped"
           id="roles-descriptions">
        <tbody>
            {% for role in roles %}
                <tr>
                    <th>{{ role.label }}</th>
                    <td>{{ role.description }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
{% endblock %}