{% extends 'base.html' %}
{% from 'bootstrap5/pagination.html' import render_pagination %}
{% from 'macros.html' import render_inline_form %}

{% block title %}Manage Comments{% endblock %}

{% block content %}
<div class="page-header">
  <h1>Comments
    <small class="text-muted">{{ pagination.total }}</small>
    {% if request.args.get('filter') == 'unread' %}
    <span class="float-end">
      {{ render_inline_form(
        action=url_for('.approve_all_comment'),
        button_style='outline-success',
        button_text='Approve All',
      ) }}
    </span>
    {% endif %}
  </h1>
  <ul class="nav nav-pills">
    <li class="nav-item">
      <a class="nav-link {% if request.args.get('filter', 'all') == 'all' %}active{% endif %}"
        href="{{ url_for('admin.manage_comment', filter='all') }}">All</a>
    </li>
    <li class="nav-item">
      <a class="nav-link {% if request.args.get('filter') == 'unread' %}active{% endif %}"
          href="{{ url_for('admin.manage_comment', filter='unread') }}">
        Unread
        {% if unread_comments %}
        <span class="badge text-bg-success rounded-pill">
          {{ unread_comments }}
        </span>
        {% endif %}
      </a>
    </li>
    <li class="nav-item">
      <a class="nav-link {% if request.args.get('filter') == 'admin' %}active{% endif %}"
          href="{{ url_for('admin.manage_comment', filter='admin') }}">
        From Admin
      </a>
    </li>
  </ul>
</div>
{% if comments %}
<table class="table table-striped">
  <thead>
    <tr>
      <th>Author</th>
      <th>Body</th>
      <th>Date</th>
      <th>Actions</th>
    </tr>
  </thead>
  {% for comment in comments %}
  <tr {% if not comment.reviewed %}class="table-warning" {% endif %}>
    <td>
      {% if comment.from_admin %}{{ admin.name }}{% else %}{{ comment.author }}{% endif %}<br>
      {% if comment.site %}
      <a href="{{ comment.site }}" target="_blank">
        {{ comment.site }}
      </a><br>
      {% endif %}
      <a href="mailto:{{ comment.email }}">{{ comment.email }}</a>
      {% if comment.from_admin %}
      <span class="badge text-bg-primary rounded-pill">Admin</span>
      {% endif %}
    </td>
    <td>{{ comment.body }}</td>
    <td class="dayjs">{{ comment.created_at }}</td>
    <td>
      {% if not comment.reviewed %}
      {{ render_inline_form(
        action=url_for('.approve_comment', comment_id=comment.id, next=request.full_path),
        button_style='outline-success',
        button_text='Approve',
        confirm=None,
      ) }}
      {% endif %}
      <a class="btn btn-outline-info btn-sm"
          href="{{ url_for('blog.show_post', post_id=comment.post.id) }}">
          Post
      </a>
      {{ render_inline_form(
        action=url_for('.delete_comment', comment_id=comment.id, next=request.full_path),
        button_style='outline-danger',
        button_text='Delete',
      ) }}
    </td>
  </tr>
  {% endfor %}
</table>
<div class="page-footer">
  {{ render_pagination(pagination) }}
</div>
{% else %}
<div class="tip">
  <h5>No comments.</h5>
</div>
{% endif %}
{% endblock %}