{% extends "layout/basic.html" %}
{% block content %}
<div class="row">
  <div class="medium-9 columns">
    <div class="section">
      <div class="section__body">
        <ul class="supplementary list">
          <li>
            <a class="discussion-node-tag" href="{{ url('announce_main') }}">
              <span class="v-center icon icon-flag"></span>
              {{ _("announce") }}
            </a>
          </li>
          <li>
            <h2>{{ adoc.title }}</h2>
          </li>
          <li>
            {{ user.render_inline(udoc) }}
            @
            {{ datetimeSpan(adoc._id)|safe }}
          </li>
        </ul>
        <div class="typo richmedia topic__content" data-emoji-enabled>
          {{ adoc['content']|markdown|safe }}
        </div>
      </div>
      <ul class="section__footer supplementary dot list">
        {% if handler.user.hasPerm(perm.PERM_EDIT_DOMAIN) %}
        <li><a href="{{ url('announce_edit', aid=adoc.docId) }}">
            <span class="icon icon-edit"></span> {{ _('Edit') }}
          </a></li>
        {% endif %}
        <li>{{ _('{0} views').format(adoc.views) }}</li>
      </ul>
    </div>
  </div>
  <div class="medium-3 columns">
    <div class="section side">
      <div class="profile__bg user-profile-bg--1"></div>
      <div class="section__body">
        <div class="media sidebar-user-profile">
          <div class="media__left">
            <img src="{{ avatarUrl(udoc.avatar, 80) }}" width="80" height="80" class="medium user-profile-avatar">
          </div>
          <div class="media__body">
            <p>
              {{ user.render_inline(udoc, avatar=false, modbadge=false) }}
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}