{% set page_title = _("Unread Reports") %}
{% set active_management_report_nav=True %}

{% extends theme("management/management_layout.html") %}
{% block management_content %}
{% from theme('macros.html') import render_pagination, navlink with context %}

<div class="col-md-3">
    <ul class="nav nav-pills nav-stacked">
        {{ navlink('management.unread_reports', _("Show unread reports")) }}
        {{ navlink('management.reports', _("Show all reports")) }}
    </ul>
</div>

<div class="col-md-9">
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <span class="fa fa-flag"></span> {% trans %}Unread Reports{% endtrans %}
                </div>
                <div class="panel-body management-body"></div>

                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>{% trans %}Poster{% endtrans %}</th>
                            <th>{% trans %}Topic{% endtrans %}</th>
                            <th>{% trans %}Reporter{% endtrans %}</th>
                            <th>{% trans %}Reason{% endtrans %}</th>
                            <th>{% trans %}Reported{% endtrans %}</th>
                            <th>
                                <div class="btn-group">
                                    <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
                                        <span class="fa fa-cog" style="margin-right: 0px;"></span> {% trans %}Actions{% endtrans %}
                                    </button>
                                    <ul class="dropdown-menu slidedown">
                                        <li>
                                            <a href="javascript:void(0)" onclick="return bulk_actions.execute('/reports/markread', '{% trans %}Are you sure you want to mark these Reports as read?{% endtrans %}')">
                                                <span class="fa fa-flag-o text-primary"></span> {% trans %}Mark as Read{% endtrans %}
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for report in reports.items %}
                        <tr>
                            <td>{{ report.id }}</td>
                            <td>{{ report.post.user.username }}</td>
                            <td><a href="{{ url_for('forum.view_post', post_id=report.post.id) }}" target="_blank">{{ report.post.topic.title }}</a></td>
                            <td>{{ report.reporter.username }}</td>
                            <td>{{ report.reason }}</td>
                            <td>{{ report.reported|time_since }}</td>
                            <td>
                                <form class="inline-form" method="post" action="{{ url_for('management.report_markread', report_id=report.id) }}">
                                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
                                    <button class="btn btn-link">
                                        <span class="fa fa-flag-o text-primary" data-toggle="tooltip" data-placement="top" title="{% trans %}Mark as Read{% endtrans %}"></span>
                                    </button>
                                </form>
                            </td>
                        </tr>
                        {% else %}
                        <tr>
                            <td colspan="7">{% trans %}No unread reports.{% endtrans %}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>

                <div class="panel-footer">
                    <div class="row">
                        <div class="col-md-12">
                            {{ render_pagination(reports, url_for('management.unread_reports')) }}
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
    <script>
    var bulk_actions = new BulkActions();

    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    })
    </script>
{% endblock %}