{% extends "base.html" %}
{% load navigation_tags %}
{% block content %}
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading tight">
                    <h3 class="has-filters">
                        Closed Findings
                        <div class="dropdown pull-right"></div>
                    </h3>
                </div>
                <div id="the-filters" class="panel-body collapse {% if request.META.QUERY_STRING %}in{% endif %}">
                    {% include "dojo/filter_snippet.html" with form=filtered.form %}
                </div>
            </div>
            {% if findings %}
                <div class="clearfix">
                    {% include "dojo/paging_snippet.html" with page=findings page_size=True%}
                </div>
                <div class="table-responsive panel panel-default">
                    <table id="open_findings"
                           class="tablesorter-bootstrap table table-bordered table-condensed table-striped table-hover">
                        <thead>
                        <tr>
                            <th class="nowrap">{% dojo_sort request 'Name' 'title' %}</th>
                            <th class="nowrap">{% dojo_sort request 'Date' 'date' %}</th>
                            <th class="nowrap">{% dojo_sort request 'Mitigated On' 'mitigated' %}</th>
                            <th class="nowrap">Age</th>
                            <th class="nowrap">{% dojo_sort request 'Severity' 'numerical_severity' 'asc' %}</th>
                            <th class="nowrap">{% dojo_sort request 'Product' 'test__engagement__product__name'%}</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for finding in findings %}
                            <tr>
                                <td><a title="{{ finding.title }}"
                                                      href="{% url 'view_finding' finding.id %}">{{ finding.title}}</a>
                                <sup>
                                    {% for tag in finding.tags %}
                                    <a title="Search {{ tag }}" class="tag-label tag-color" href="{% url 'simple_search' %}?query={{ tag }}">{{ tag }}</a>
                                    {% endfor %}
                                </sup>
                                </td>
                                <td class="nowrap">{{ finding.date }}</td>
                                <td class="">{{ finding.mitigated.date }}</td>
                                <td>{{ finding.age }}</td>
                                <td>
                                    <p class="label severity severity-{{ finding.severity }}">
                                        {{ finding.severity_display }}
                                    </p>
                                </td>
                                <td><a
                                        href="{% url 'view_product' finding.test.engagement.product.id %}"
                                        title="{{ finding.test.engagement.product }}">{{ finding.test.engagement.product}}</a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
                <div class="clearfix">
                    {% include "dojo/paging_snippet.html" with page=findings page_size=True%}
                </div>
            {% else %}
                <p class="text-center">No findings found.</p>
            {% endif %}
        </div>
    </div>


{% endblock %}
{% block postscript %}
    <script>
        $(function () {
            var availableTags = [
                {% for word in title_words %}
                    "{{word}}",
                {% endfor %}
            ];
            $("#id_title").autocomplete({
                source: availableTags
            });
        });
    </script>
    {% include "dojo/filter_js_snippet.html" %}
{% endblock %}