{% extends 'core/page.html' %}
{% load staticfiles %}

{% block page %}
<div class="news">
    <h2>Newsletter für deinen Bezirk abonnieren</h2>

    {% if success %}
    <p>
        Danke das Du unseren Newsletter abonnieren willst. In Kürze wirst du eine Mail mit einem Validierungslink erhalten. Wenn du auf diesen Link klickst, ist der Vorgang abgeschlossen und du wirst informiert, wenn in deinem Bezirk eine neue Veröffenlichung zu einem Bauvorhaben ausliegt.
    </p>
    <p>
        Der Newletter kann unter <a href="{{unsubscribe_link}}">{{unsubscribe_link}}</a> wieder abbestellt werden.
    </p>
    {% else %}

    {% include "news/subscribe_info.html" %}

    <form action="/news/abonnieren/" method="post" role="form" class="form-horizontal">
        {% csrf_token %}
        <div class="form-group">
            <label class="control-label col-sm-2">Bezirke</label>
            <div class="controls col-sm-10">
                <ul>
                    {% for field in form %}
                    {% if field.html_name != "email" %}
                    <li>
                        {{ field }}
                        {{ field.label_tag }}
                    </li>
                    {% endif %}
                    {% endfor %}
                </ul>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-sm-2">{{ form.email.label }}</label>
            <div class="controls col-sm-10">
                {{ form.email }}
                <div>
                {{ form.email.errors }}
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="control-label col-sm-2"></div>
            <div class="controls col-sm-10">
                <input class="btn btn-primary" type="submit" value="Newsletter abonnieren" />
            </div>
        </div>
        <div>
            {{ form.non_field_errors }}
        </div>
    </form>
    <p>
        Der Newsletter kann unter <a href="{{unsubscribe_link}}">{{unsubscribe_link}}</a> wieder abbestellt werden.
    </p>
    {% endif %}
</div>
{% endblock %}
