{% extends 'scopes.html' %}
{% import "bootstrap/wtf.html" as wtf %}

{% set sidebar_state = 'disabled' %}
{% set btn_back = true %}

{% block nav_room %} active{% endblock %}
{% block nav_room_delete %} active{% endblock %}
{% block content %}

<h2 class="mx-5 subhead-heading">{{_('Delete room')}}</h2>

{% if children %}
<p class="text-left mx-5">The following room and its content will be deleted</p>
<table class="table table-hover mx-5">
<thead class="thead-light">
<tr>
<th colspan="2">
{% for x in ancestors %}
    {{x}}
    {% if not loop.last %}
     >
    {% endif %}
{% endfor %}
</th>
</tr>
</thead>
<tbody class="text-left">
{% if children %}
{% for type, elements in children.items() %}
    <tr>
        <th>{{ type }}</th>
        <td>
        {% for e in elements %}
            {{e}}
        {% endfor %}
        </td>
    </tr>
{% endfor %}
{% else %}
    <tr><td>This room is empty</td></tr>
{% endif %}
</tbody>
</table>
{% endif %}

{{ wtf.quick_form(form,
                  action=url_for('action_room_delete'),
                  method='post',
                  button_map={'submit': 'primary'},
                  extra_classes="mx-5") }}

{% endblock %}