{% extends "framework.html" %}
{% load envipytags %}

{% block content %}

    {% block action_modals %}
        {% include "modals/objects/add_additional_information_modal.html" %}
        {% include "modals/objects/update_scenario_additional_information_modal.html" %}
        {% 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|nh_safe }}
                <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="panel panel-default">
        <div class="panel-heading">Description</div>
        <div class="panel-body">
            {{ scenario.description|nh_safe }}
            <br>
            {{ scenario.scenario_type }}
            <br>
            Reported {{ scenario.scenario_date }}
        </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>
                {% if meta.can_edit %}
                <th>Remove</th>
                {%  endif %}
            </tr>

            {% for ai in scenario.get_additional_information %}
                <tr>
                    <td> {{ ai.property_name|nh_safe }} </td>
                    <td> {{ ai.property_data|nh_safe }} </td>
                    <td> {{ ai.property_unit|nh_safe }} </td>
                    {% if meta.can_edit %}
                    <td>
                        <form action="{% url 'package scenario detail' scenario.package.uuid scenario.uuid %}" method="post">
                            {% csrf_token %}
                            <input type="hidden" name="uuid" value="{{ ai.uuid }}">
                            <input type="hidden" name="hidden" value="delete-additional-information">
                            <button type="submit" class="btn"><span class="glyphicon glyphicon-minus"></span></button>
                        </form>
                    </td>
                    {%  endif %}
                </tr>
            {% endfor %}
            {% if meta.can_edit %}
                <tr>
                    <td></td>
                    <td></td>
                    <td>Delete all</td>
                    <td>
                        <form action="{% url 'package scenario detail' scenario.package.uuid scenario.uuid %}" method="post">
                            {% csrf_token %}
                            <input type="hidden" name="hidden" value="delete-all-additional-information">
                            <button type="submit" class="btn"><span class="glyphicon glyphicon-trash"></span></button>
                        </form>
                    </td>
                </tr>
            {% endif %}
            </tbody>
        </table>
    </div>


{% endblock content %}