{% extends 'settings/layout.html' %}
{% load i18n %}{% load humanize %}
{% block title %}{% trans "Announcement" %} - {{ announcement.preview }}{% endblock %}

{% block header %}
{% trans "Announcement" %}
<a href="{% url 'settings-announcements' %}" class="has-text-weight-normal help">{% trans "Back to list" %}</a>
{% endblock %}

{% block edit-button %}
{% trans "Edit Announcement" as button_text %}
<div class="field has-addons">
    <div class="control">
        {% include 'snippets/toggle/open_button.html' with controls_text="edit_announcement" icon_with_text="pencil" text=button_text focus="edit_announcement_header" %}
    </div>
    <form class="control" action="{% url 'settings-announcements-delete' announcement.id %}" method="post">
        {% csrf_token %}
        <button type="submit" class="button is-danger">
            <span class="icon icon-x m-0-mobile" aria-hidden="true"></span>
            <span class="is-sr-only-mobile">{% trans "Delete" %}</span>
        </button>
    </form>
</div>
{% endblock %}

{% block panel %}

<form name="edit-announcement" method="post" action="{% url 'settings-announcements' announcement.id %}" class="block">
    {% include 'settings/announcements/announcement_form.html' with controls_text="edit_announcement" %}
</form>

<div class="block content">
    <dl>
        <dt class="is-pulled-left mr-5 has-text-weight-bold">{% trans "Visible:" %}</dt>
        <dd>
            <span class="tag {% if announcement in active_announcements %}is-success{% else %}is-danger{% endif %}">
            {% if announcement in active_announcements %}
            {% trans "True" %}
            {% else %}
            {% trans "False" %}
            {% endif %}
            </span>
        </dd>

        {% if announcement.start_date %}
        <dt class="is-pulled-left mr-5 has-text-weight-bold">{% trans "Start date:" %}</dt>
        <dd>{{ announcement.start_date|naturalday }}</dd>
        {% endif %}

        {% if announcement.end_date %}
        <dt class="is-pulled-left mr-5 has-text-weight-bold">{% trans "End date:" %}</dt>
        <dd>{{ announcement.end_date|naturalday }}</dd>
        {% endif %}

        <dt class="is-pulled-left mr-5 has-text-weight-bold">{% trans "Active:" %}</dt>
        <dd>{{ announcement.active }}</dd>
    </dl>

    <hr aria-hidden="true">

    {% include 'snippets/announcement.html' with announcement=announcement pressed=True admin_mode=True %}
</div>

{% endblock %}