{% extends "base.html" %}
{% block content %}
  <section class="toolbar">
    <h1>Home</h1>
    {% if current_user.is_authenticated and current_user.can_write_posts %}<a class="button" href="{{ url_for('post_new') }}">Dodaj news</a>{% endif %}
  </section>
  {% for post in posts.items %}
    <article class="card post" id="post-{{ post.id }}">
      <h2>{{ post.title }}</h2>
      <div class="content">{{ post.body|safe }}</div>
      <p class="meta">Dodano przez {{ post.author.username }}: {{ post.created_at|dt }}</p>
      {% if post.updated_at %}<p class="meta">Edytowal {{ post.edited_by.username }}: {{ post.updated_at|dt }}</p>{% endif %}
      <div class="actions">
        {% if can_edit_post(post) %}<a class="button small" href="{{ url_for('post_edit', post_id=post.id) }}">Edytuj</a>{% endif %}
        {% if current_user.is_authenticated and current_user.is_admin %}
          <form method="post" action="{{ url_for('post_delete', post_id=post.id) }}" onsubmit="return confirm('Usunac news?')"><button class="button danger small">Usun</button></form>
        {% endif %}
      </div>
      <section class="comments">
        <button class="comments-toggle" type="button" data-comments-toggle="comments-{{ post.id }}">
          Komentarze: {{ post.comments|length }}
        </button>
        <div class="comments-body" id="comments-{{ post.id }}" hidden>
        {% for comment in post.comments %}
          <div class="comment">
            <strong>{{ comment.nickname }}</strong> <span>{{ comment.created_at|dt }}</span>
            <p>{{ comment.body }}</p>
            {% if current_user.is_authenticated and current_user.is_admin %}
              <form method="post" action="{{ url_for('comment_delete', comment_id=comment.id) }}"><button class="link-button">Usun komentarz</button></form>
            {% endif %}
          </div>
        {% else %}
          <p class="muted">Brak komentarzy.</p>
        {% endfor %}
        <form class="comment-form" method="post" action="{{ url_for('comment_add', post_id=post.id) }}">
          {% if not current_user.is_authenticated %}<input name="nickname" maxlength="80" placeholder="Nick" required>{% endif %}
          <textarea name="body" rows="3" maxlength="2000" placeholder="Napisz komentarz" required></textarea>
          <button class="button small">Dodaj komentarz</button>
        </form>
        </div>
      </section>
    </article>
  {% else %}
    <section class="card"><p>Brak newsow.</p></section>
  {% endfor %}
  {% if posts.pages > 1 %}
    <nav class="pagination" aria-label="Strony newsow">
      {% if posts.has_prev %}<a href="{{ url_for('home', page=posts.prev_num) }}">Poprzednia</a>{% endif %}
      {% for page_num in posts.iter_pages(left_edge=1, right_edge=1, left_current=2, right_current=2) %}
        {% if page_num %}
          <a class="{% if page_num == posts.page %}active{% endif %}" href="{{ url_for('home', page=page_num) }}">{{ page_num }}</a>
        {% else %}
          <span>...</span>
        {% endif %}
      {% endfor %}
      {% if posts.has_next %}<a href="{{ url_for('home', page=posts.next_num) }}">Nastepna</a>{% endif %}
    </nav>
  {% endif %}
{% endblock %}