{% extends "layout.html" %}

{% import "macros.html" as macros %}


{% block page_title %}
  {{ entry.title or 'untitled' }}
  - {{ super() }}
{% endblock %}


{% block body %}

<ul class="list-inline text-secondary small mb-2">
  {{ macros.entry_feed(entry) }}
  {{ macros.entry_published(entry) }}
  {{ macros.entry_author(entry) }}
</ul>

<h1 class="mb-1">
  {{ macros.title_href(entry.title or 'untitled', external=entry.link) }}
</h1>


{% set content = entry.get_content() %}
{% set summary = entry.get_content(prefer_summary=True) %}
{% set summary = summary if summary != content and not (content.value | striptags).startswith(summary.value | striptags) else none %}

<form
  action="{{ url_for('.entry_actions') }}"
  method="post"
  hx-target="closest .actions"
  hx-target-419="this"
  class="actions mt-3 mb-4"
>
  <div class="actions">
    {% block entry_actions scoped %}

    {{ macros.csrf_token_field() }}
    <input type="hidden" name="feed" value="{{ entry.feed_url }}">
    <input type="hidden" name="entry" value="{{ entry.id }}">
    <input type="hidden" name="next" value="{{ url_for(request.endpoint, **request.args) }}">

    {{ macros.entry_read_button(entry) }}
    {{ macros.entry_important_button(entry) }}

    {% endblock %}
  </div>

  <div class="icons">

  {%- if summary %}
    <a
      href="#summary"
      title="summary"
      class="btn text-secondary"
      role="button"
      data-bs-toggle="collapse"
      aria-expanded="false"
      aria-controls="summary"
    >
      <i class="bi bi-card-text"></i>
    </a>
  {%- endif %}

  {%- if entry.enclosures %}
    <a
      href="#enclosures"
      title="enclosures"
      class="btn text-secondary"
      role="button"
    >
      <i class="bi bi-{{ macros.bs_file_icon(entry.enclosures[0].type) }}"></i>
    </a>
  {%- endif %}

  </div>


</form>


{% if summary %}
<div class="collapse" id="summary">
<div class="card mb-3">
<div class="card-body">
{{ summary.value | safe }}
</div>
</div>
</div>
{% endif %}


<article class="entry-content mb-4">
{% if content %}
{% if not content.is_html -%}
<pre class='plaintext'>{{ content.value }}</pre>
{# TODO: toggle button for pre-wrap #}
{%- else -%}
{{ content.value | safe }}
{%- endif %}
{% else %}
<p>no content</p>
{% endif %}
</article>


{% if entry.enclosures %}
<div id="enclosures" class="card mb-4">
<div class="card-body">
<h6 class="card-title">enclosures</h6>

<ul class="card-text list-unstyled">
{% for enclosure in entry.enclosures %}
<li>
<a href="{{ enclosure.href }}">{{ enclosure.href.split('/')[-1].split('?')[0] }}</a>
<small>{{ enclosure.type }}</small>
</li>
{% endfor %}
</ul>

</div>
</div>
{% endif %}


{# TODO: links #}


<nav aria-label="page navigation">
  {{ macros.pagination_top() }}
</nav>


{% endblock %}