{% extends "framework.html" %}

{% block content %}

    {% block action_modals %}
        {% include "modals/objects/generic_delete_modal.html" %}
    {% endblock action_modals %}
    <div class="panel-group" id="scenario-detail">
        <div class="panel panel-default">
            <div class="panel-heading" id="headingPanel" style="font-size:2rem;height: 46px">
                {{ scenario.name }}
                <div id="actionsButton"
                     style="float: right;font-weight: normal;font-size: medium;position: relative; top: 50%; transform: translateY(-50%);z-index:100;display: none;"
                     class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                         aria-haspopup="true" aria-expanded="false"><span
                        class="glyphicon glyphicon-wrench"></span> Actions <span class="caret"></span><span
                        style="padding-right:1em"></span></a>
                    <ul id="actionsList" class="dropdown-menu">
                        {% block actions %}
                            {% include "actions/objects/scenario.html" %}
                        {% endblock %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="table-responsive">
        <table id="scenario-table" class="table table-bordered table-striped table-hover">
            <tbody>
            <tr>
                <th>Property</th>
                <th>Value</th>
                <th>Unit</th>
                <th>Remove</th>
            </tr>

            {% for ai in scenario.get_additional_information %}
                <tr>
                    <td>{{ ai.property_name|safe }} </td>
                    <td> {{ ai.property_data|safe }} </td>
                    <td> {{ ai.property_unit|safe }} </td>
                    <td></td>
                </tr>
            {% endfor %}

            </tbody>
        </table>
    </div>


{% endblock content %}