{% extends "domain_base.html" %}
{% block domain_content %}
<div class="section">
  <div class="section__header">
    <h1 class="section__title">{{ _('Announcements') }}</h1>
  </div>
  <div class="section__body typo">
    <p>{{ _('Post announcements for the domain homepage. Leave the group empty for everyone, or pick a group to target only its members.') }}</p>
  </div>
  <div class="section__body">
    <form method="post">
      <input type="hidden" name="operation" value="create">
      <div class="row">
        <div class="medium-8 columns">
          <label>{{ _('Title') }}
            <input type="text" name="title" class="textbox" required>
          </label>
        </div>
        <div class="medium-4 columns">
          <label>{{ _('Group') }}
            <select name="group" class="select">
              <option value="">{{ _('Everyone') }}</option>
              {%- for g in groups -%}<option value="{{ g.name }}">{{ g.name }}</option>{%- endfor -%}
            </select>
          </label>
        </div>
      </div>
      <label>{{ _('Content') }}
        <textarea name="content" class="textbox" rows="3" required></textarea>
      </label>
      <button type="submit" class="rounded primary button">{{ _('Post') }}</button>
    </form>
  </div>
  {% if notices.length %}
  <div class="section__body no-padding">
    <table class="data-table">
      <thead><tr><th>{{ _('Title') }}</th><th>{{ _('Group') }}</th><th>{{ _('Date') }}</th><th></th></tr></thead>
      <tbody>
        {%- for n in notices -%}
        <tr>
          <td>{{ n.title }}</td>
          <td>{% if n.group %}{{ n.group }}{% else %}<span class="supplementary">{{ _('Everyone') }}</span>{% endif %}</td>
          <td>{{ datetimeSpan(n._id)|safe }}</td>
          <td>
            <form method="post" onsubmit="return confirm('{{ _('Delete this announcement?') }}')">
              <input type="hidden" name="operation" value="delete">
              <input type="hidden" name="id" value="{{ n._id }}">
              <button type="submit" class="rounded button">{{ _('Delete') }}</button>
            </form>
          </td>
        </tr>
        {%- endfor -%}
      </tbody>
    </table>
  </div>
  {% endif %}
</div>
{% endblock %}