{% extends 'layout.html' %}
{% block title_name %} - {{ _('overlay')|uc_first }}{% endblock %}
{% block breadcrumb %}
    {{ [[_('place'), 'place_index'], place, image, _('update overlay')]|crumb }}
{% endblock %}
{% block content %}
    <div class="toolbar">
        {{ _('remove')|button(url_for('overlay_remove', id_=overlay.id, place_id=place.id), onclick="return confirm('" +  _('remove')|uc_first + "?');") }}
    </div>
    <form method="post">
        {{ form.csrf_token }}
        <div class="data-table">
            <div class="table-row">
                <div></div>
                <div class="table-cell">{{ _('easting')|uc_first }}</div>
                <div class="table-cell">{{ _('northing')|uc_first }}</div>
            </div>
            <div class="table-row">
                <div>{{ _('top left')|uc_first }}</div>
                <div class="table-cell">{{ form.top_left_easting(class_='number') }}</div>
                <div class="table-cell">{{ form.top_left_northing(class_='number') }}</div>
            </div>
            <div class="table-row">
                <div>{{ _('bottom right')|uc_first }}</div>
                <div class="table-cell">{{ form.bottom_right_easting(class_='number') }}</div>
                <div class="table-cell">{{ form.bottom_right_northing(class_='number') }}</div>
            </div>
        </div>
        {{ form.save(class=config['CSS']['button']['primary']) }}
    </form>
{% endblock %}