{% load static %}
{% load activity_tags %}
<div class="post {% if reply %}reply{% endif %}" data-takahe-id="{{ post.id }}" role="article" tabindex="0">

    <a href="{{ post.author.urls.view }}" tabindex="-1">
        <img src="{{ post.author.local_icon_url.relative }}" class="icon" loading="lazy">
    </a>

    <time _="on click go url {% if link_original %}{{ post.url }}{% else %}{{ post.urls.view }}{% endif %} then halt">
        {% if post.visibility == 0 %}
            <i class="visibility fa-solid fa-earth-oceania" title="Public" aria-label="public"></i>
        {% elif post.visibility == 1 %}
            <i class="visibility fa-solid fa-lock-open" title="Unlisted" aria-label="unlisted"></i>
        {% elif post.visibility == 2 %}
            <i class="visibility fa-solid fa-lock" title="Followers Only" aria-label="followers only"></i>
        {% elif post.visibility == 3 %}
            <i class="visibility fa-solid fa-at" title="Mentioned Only" aria-label="mentioned only"></i>
        {% elif post.visibility == 4 %}
        <i class="visibility fa-solid fa-link-slash" title="Local Only" aria-label="local only"></i>
        {% endif %}
        {% if post.published %}
            <a href="{% if link_original %}{{ post.url }}{% else %}{{ post.urls.view }}{% endif %}" title="{{ post.published }}">{{ post.published | timedeltashort }}</a>
        {% else %}
            <a href="{% if link_original %}{{ post.url }}{% else %}{{ post.urls.view }}{% endif %}" title="{{ post.created }}">{{ post.created | timedeltashort }}</a>
        {% endif %}
    </time>

    <a href="{{ post.author.urls.view }}" class="handle">
        <span class="link">{{ post.author.html_name_or_handle }}</span> <small>@{{ post.author.handle }}</small>
    </a>

    {% if post.summary %}
        <div class="summary" _="on click toggle .enabled then  toggle .hidden on the next .content then halt">
            {{ post.summary }}
        </div>
    {% endif %}

    <div class="content {% if post.summary %}hidden{% endif %}">
        {{ post.safe_content_local }}

        {% if post.attachments.exists %}
          <div class="attachments">
            {% for attachment in post.attachments.all %}
              {% if attachment.is_image %}
                <a href="{{ attachment.full_url.relative }}" class="image">
                  <img src="{{ attachment.thumbnail_url.relative }}" title="{{ attachment.name }}" alt="{{ attachment.name }}" loading="lazy" />
                </a>
              {% elif attachment.is_video %}
                <a href="{{ attachment.full_url.relative }}" class="video">
                  <video muted controls loop>
                    <source src="{{ attachment.full_url.relative }}">
                  </video>
                </a>
              {% endif %}
            {% endfor %}
          </div>
        {% endif %}
    </div>

    {% if post.edited %}
    <div class="edited" title="{{ post.edited }}">
        <small>Edited {{ post.edited | timedeltashort }} ago</small>
    </div>
    {% endif %}

    {% if request.identity %}
      <div class="actions" role="menubar">
        {% include "activities/_reply.html" %}
        {% include "activities/_like.html" %}
        {% include "activities/_boost.html" %}
        <a title="Menu" class="menu" _="on click toggle .enabled on the next <menu/> then halt" role="menuitem" aria-haspopup="menu">
          <i class="fa-solid fa-bars"></i>
        </a>
        <menu>
          <a href="{{ post.urls.view }}" role="menuitem">
            <i class="fa-solid fa-comment"></i> View Post &amp; Replies
          </a>
          <a href="{{ post.urls.action_report }}" role="menuitem">
            <i class="fa-solid fa-flag"></i> Report
          </a>
          {% if post.author == request.identity %}
            <a href="{{ post.urls.action_edit }}" role="menuitem">
              <i class="fa-solid fa-pen-to-square"></i> Edit
            </a>
            <a href="{{ post.urls.action_delete }}" role="menuitem">
              <i class="fa-solid fa-trash"></i> Delete
            </a>
          {% elif not post.local and post.url %}
            <a href="{{ post.url }}" role="menuitem">
              <i class="fa-solid fa-arrow-up-right-from-square"></i> See Original
            </a>
          {% endif %}
          {% if request.user.admin %}
            <a href="{{ post.urls.admin_edit }}" role="menuitem">
              <i class="fa-solid fa-gear"></i> View In Admin
            </a>
          {% endif %}
        </menu>
      </div>
    {% endif %}

</div>
