{% extends 'base.html' %}
{% load i18n static %}

{% block body %}
    <div class="rows">
        <div class="columns">
            <div class="large-10 column">
                <h3>{% trans 'Intervention' %}: {{ intervention.title }}</h3>
            </div>
            <div class="large-2 column">
                <a href="{% url 'intervention:edit' intervention.id %}">
                    <button class="button small" role="button" value="{% trans 'Edit' %}"><i class='fas fa-edit'></i> {% trans 'Edit' %}</button>
                </a>
            </div>

        </div>
        <hr>
        {% comment %}
        form.media needs to be loaded to ensure the openlayers client will be loaded properly
        {% endcomment %}
        {{ form.media }}
        <div class="columns">
            <div class="small-6 columns">
                <table>
                    <tbody>
                        {% for field in form %}
                            {% if field != form.geometry %}
                            <tr title="{{ field.help_text }}" class="{% if field.errors %}error{% endif %}">
                                <th scope="row" class="small-3">
                                    <div>{{ field.label }}</div>
                                    <small>{{ field.help_text }}</small>
                                </th>
                                <td class="small-12">
                                    {{ field }}
                                </td>
                            </tr>
                            {% endif %}
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            <div class="small-6 columns">
                {{ form.geometry }}
            </div>
        </div>
    </div>
{% endblock %}