{% extends "base.html" %}
{% load display_tags %}
{% load multiply %}
{% load authorization_tags %}
{% load humanize %}
{% load static %}
{% load i18n %}

{% block add_styles %}
    {{ block.super }}
{% endblock %}
{% block add_css_before %}
    {{ block.super }}
<!-- Source Code Highlight CSS -->
<link rel="stylesheet" href="{% static "dojo/css/highlight.css" %}">
{% endblock %}
{% block content %}
    {{ block.super }}
{% user_can_clear_peer_review finding dojo_user as clear_peer_review %}
<div id="test">
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="clearfix">
                <h3 class="pull-left finding-title">
                    <i class="fa-solid fa-bug dd-card-icon" aria-hidden="true"></i>{{ finding.title }}
                    {% include "dojo/snippets/tags.html" with tags=finding.tags.all %}
                    {% if finding.last_reviewed %}
                        <small>Last Reviewed {{ finding.last_reviewed | naturalday }}
                            by {{ finding.last_reviewed_by }}, </small>
                    {% else %}
                        <small>Last Reviewed {{ finding.date | naturalday }} by {{ finding.reporter }}, </small>
                    {% endif %}
                    {% if finding.last_status_update %}
                        <small>Last Status Update {{ finding.last_status_update | naturalday }}, </small>
                    {% endif %}
                    <small>Created
                    {% if finding.last_reviewed > finding.created %}
                      {{ finding.created | naturalday }}
                    {% else %}
                      {{ finding.date | naturalday }}
                    {% endif %}
                    </small>
                    {% if latest_test_import_finding_action %}
                        <small>, Last Mentioned in (Re)Import: {{ latest_test_import_finding_action.created | naturalday }} as {{ latest_test_import_finding_action.get_action_display }}</small>
                    {% endif %}
                </h3>
                    <div class="dropdown pull-right">
                        <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1"
                                data-toggle="dropdown" aria-expanded="true" aria-label="{% trans 'Findings options' %}">
                            <span class="fa-solid fa-bars"></span>
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu1">
                            {% if finding|has_object_permission:"edit" %}
                                <li role="presentation">
                                    <a href="{% url 'edit_finding' finding.id %}">
                                        <i class="fa-solid fa-pen-to-square"></i> Edit Finding
                                    </a>
                                </li>
                                <li>
                                    <a class="" href="{% url 'copy_finding' finding.id %}?return_url={{ request.get_full_path|urlencode }}"/>
                                    <i class="fa-solid fa-copy"></i> Copy Finding
                                    </a>
                                </li>
                            {% endif %}
                            {% if finding|has_object_permission:"edit" %}
                                <li role="presentation">
                                    <a href="{% url 'manage_files' oid=finding.id obj_type='Finding' %}">
                                        <i class="fa-solid fa-file-image-o"></i> Manage Files
                                    </a>
                                </li>
                                <li role="separator" class="divider"></li>
                            {% endif %}
                            {% if finding|has_object_permission:"view" %}
                                {% if finding|has_object_permission:"edit" and clear_peer_review %}
                                    <li role="presentation">
                                        <a href="{% url 'clear_finding_review' finding.id %}">
                                            <i class="icon-user-check"></i> Clear Review
                                        </a>
                                    </li>
                                {% elif not finding.under_review %}
                                    <li role="presentation">
                                        <a href="{% url 'request_finding_review' finding.id %}">
                                            <i class="icon-user-check"></i> Request Peer Review
                                        </a>
                                    </li>
                                {% endif %}
                            {% endif %}
                            {% if finding|has_object_permission:"edit" %}
                                <li role="presentation">
                                    <a href="#" onclick="this.nextElementSibling.submit(); return false;">
                                        <i class="fa-solid fa-clock"></i> Touch Finding
                                    </a>
                                    <form method="post" action="{% url 'touch_finding' finding.id %}">{% csrf_token %}</form>
                                </li>
                            {% endif %}
                            <li role="separator" class="divider"></li>
                            {% if "add"|has_global_permission %}
                                <li role="presentation">
                                    <a href="#" onclick="this.nextElementSibling.submit(); return false;">
                                        <i class="fa-solid fa-copy"></i> Make Finding a Template
                                    </a>
                                    <form method="post" action="{% url 'mktemplate' finding.id %}">{% csrf_token %}</form>
                                </li>
                            {% endif %}

                            {% if finding|has_object_permission:"edit" %}
                                <li role="presentation">
                                    <a href="{% url 'find_template_to_apply' finding.id %}">
                                        <i class="fa-solid fa-copy"></i> Apply Template to Finding
                                    </a>
                                </li>
                            {% endif %}
                            {% if finding|has_object_permission:"edit" %}
                                <li role="separator" class="divider"></li>
                                    <li role="presentation">
                                        <a href="{% url 'remediation_date' finding.id %}">
                                            <i class="fa-solid fa-calendar-check"></i> Add/Edit Planned Remediation Date
                                        </a>
                                    </li>
                            {% endif %}
                            {% if finding|has_object_permission:"edit" %}
                                <li role="separator" class="divider"></li>
                                {% if finding.mitigated %}
                                    <li role="presentation">
                                        <a href="#" onclick="this.nextElementSibling.submit(); return false;">
                                            <i class="fa-solid fa-bug"></i> Open Finding
                                        </a>
                                        <form method="post" action="{% url 'reopen_finding' finding.id %}">{% csrf_token %}</form>
                                    </li>
                                {% else %}
                                {% if not finding.verified %}
                                    <li role="presentation">
                                        <a href="{% url 'verify_finding' finding.id %}">
                                            <i class="fa-solid fa-circle-check"></i> Verify Finding
                                        </a>
                                    </li>
                                {% endif %}
                                <li role="presentation">
                                    <a href="{% url 'close_finding' finding.id %}">
                                        <i class="fa-solid fa-fire-extinguisher"></i> Close Finding
                                    </a>
                                </li>
                                {% endif %}
                            {% endif %}
                            {% if finding|has_object_permission:"edit" %}
                                {% if finding.risk_accepted %}
                                    <li role="presentation">
                                    <a href="#" onclick="this.nextElementSibling.submit(); return false;">
                                        <i class="fa-solid fa-circle-exclamation"></i> Unaccept Risk
                                    </a>
                                    <form method="post" action="{% url 'risk_unaccept_finding' finding.id %}">{% csrf_token %}<input type="hidden" name="return_url" value="{{ request.get_full_path }}"></form>
                                    </li>
                                {% else %}
                                    {% if not finding.duplicate %}
                                        {% if finding.test.engagement.product.enable_simple_risk_acceptance %}
                                            <li role="presentation">
                                                <a href="#" onclick="this.nextElementSibling.submit(); return false;">
                                                    <i class="fa-solid fa-circle-exclamation"></i> Accept Risk
                                                </a>
                                                <form method="post" action="{% url 'simple_risk_accept_finding' finding.id %}">{% csrf_token %}<input type="hidden" name="return_url" value="{{ request.get_full_path }}"></form>
                                            </li>
                                        {% endif %}
                                        {% if finding.test.engagement.product.enable_full_risk_acceptance %}
                                        <li role="presentation">
                                            <a href ="{% url 'add_risk_acceptance' finding.test.engagement.id finding.id %}?return_url={{ request.get_full_path|urlencode }}">
                                                <i class="fa-solid fa-circle-exclamation"></i> Add Risk Acceptance...
                                            </a>
                                        </li>
                                        {% endif %}
                                    {% endif %}
                                {% endif %}
                            {% endif %}
                            <li role="presentation">
                                <a href="{% url 'action_history' finding|content_type finding.id %}">
                                    <i class="fa-solid fa-clock-rotate-left"></i> View History
                                </a>
                            </li>
                            {% if finding|has_object_permission:"delete" %}
                                <li role="separator" class="divider"></li>
                                <li role="presentation">
                                    <a class="text-danger delete-finding" href="#">
                                        <i class="fa-solid fa-trash"></i> Delete Finding
                                    </a>
                                </li>
                                <form id="delete-finding-form" method="post" action="{% url 'delete_finding' finding.id %}">
                                    {% csrf_token %}
                                    <input type="hidden" label="delete_finding" aria-label="{% trans 'delete_finding' %}" name="id" value="{{ finding.id }}"/>
                                    {% if system_settings.enable_jira and finding.has_jira_issue %}
                                        <label class="small">
                                            <input type="checkbox" name="push_to_jira" value="true"/>
                                            {% trans "Push deletion to JIRA" %}
                                        </label>
                                    {% endif %}
                                </form>
                                </li>
                            {% endif %}
                        </ul>
                    </div>
            </div>
        </div>
        <div class="table-responsive">
            <table id="notes" class="table-striped table table-condensed table-hover centered">
                {% if finding.under_review %}
                    <tr class="bg-warning">
                        <th class="bg-warning" colspan="7">
                            <span class="text-danger">
                                <i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i>
                                Alert: This Finding is under review and may not be 100% accurate.
                            </span>
                            {% if finding|has_object_permission:"edit" and clear_peer_review %}
                                [<a title="{% trans 'Clear Review' %}" class="text-primary" style="display: inline !important;"
                                    href="{% url 'clear_finding_review' finding.id %}">Clear Review</a>]
                            {% endif %}
                        </th>
                    </tr>
                {% endif %}
                {% if finding.under_defect_review %}
                    <tr class="bg-warning">
                        <th class="bg-warning" colspan="7">
                            <span class="text-danger">
                                <i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i>
                                Alert: Please review this finding to verify if the defect is remediated.
                            </span>
                            [<a title="{% trans 'Review Finding for Closure' %}" class="text-primary"
                                style="display: inline !important;"
                                href="{% url 'defect_finding_review' finding.id %}">Review Finding for Closure</a>]
                        </th>
                    </tr>
                {% endif %}
                <tr>
                    {% block header_head %}
                        <th>ID</th>
                        <th>Severity</th>
                        {% if system_settings.enable_finding_sla %}
                        <th>SLA</th>
                        {% endif %}
                        {% if finding.scanner_confidence %}
                        <th>Scanner Confidence</th>
                        {% endif %}
                        <th>Status</th>
                        {% if finding.risk_acceptance_set.all %}
                            <th>Risk Acceptance</th>
                        {% endif %}
                        {% if finding.duplicate_finding %}
                        <th>Original</th>
                        {% endif %}
                        {% if duplicate_cluster and not finding.duplicate %}
                            <th title="{% trans 'Findings that are marked as duplicate of this finding' %}">Duplicates</th>
                        {% elif duplicate_cluster and finding.duplicate %}
                            <th title="{% trans 'Findings that are also marked as duplicates of the same original finding' %}">Duplicate Cluster</th>
                        {% endif %}
                        <th>Type</th>
                        <th>Date discovered</th>
                        <th>Age</th>
                        {% if finding.publish_date %}
                            <th>Vuln Publish date</th>
                        {% endif %}
                        {% if finding.planned_remediation_date %}
                            <th>Planned Remediation</th>
                        {% endif%}
                        {% if finding.planned_remediation_version %}
                            <th>{% trans "Planned Remediation version" %}</th>
                        {% endif %}
                        <th>Reporter</th>
                        {% if finding.mitigated %}
                            <th>Date Mitigated</th>
                            <th>Mitigated By</th>
                        {% endif %}
                        <th>CWE</th>
                        <th>Vulnerability Id</th>
                        {% if finding.epss_score != None or finding.epss_percentile != None %}
                            {% if finding.epss_score != None and finding.epss_percentile != None %}
                                <th>EPSS Score / Percentile</th>
                            {% elif finding.epss_score != None and finding.epss_percentile == None %}
                                <th>EPSS Score</th>
                            {% elif finding.epss_score == None and finding.epss_percentile != None %}
                                <th>EPSS Percentile</th>
                            {% endif %}
                        {% endif %}
                        <th>Found by</th>
                        {% if finding.vuln_id_from_tool %}
                            <th>Vuln ID from tool</th>
                        {% endif %}
                    {% endblock header_head %}
                </tr>
                <tr>
                    {% block header_body %}
                        <td title="unique_id_from_tool: {{ finding.unique_id_from_tool }}, hash_code: {{ finding.hash_code }}">{{ finding.id }}</td>
                        <td>
                            <span class="label severity severity-{{ finding.severity }}">
                                {% if finding.severity %}
                                    {{ finding.severity_display }}
                                    {% if system_settings.enable_cvss4_display and finding.cvssv4_score or system_settings.enable_cvss3_display and finding.cvssv3_score %}
                                        <i class="no-italics has-popover" font-style="normal" data-html="true" href="#"
                                            data-content="{% if system_settings.enable_cvss4_display and finding.cvssv4 %}{{ finding.cvssv4 }} ({{ finding.cvssv4_score }}){% endif %}{% if system_settings.enable_cvss4_display and finding.cvssv4 and system_settings.enable_cvss3_display and finding.cvssv3 %}<br/>{% endif %}{% if system_settings.enable_cvss3_display and finding.cvssv3 %}{{ finding.cvssv3 }} ({{ finding.cvssv3_score }}){% endif %}">
                                        ({% if system_settings.enable_cvss4_display and finding.cvssv4_score %}{{ finding.cvssv4_score }}{% if system_settings.enable_cvss3_display and finding.cvssv3_score %}, {% endif %}{% endif %}{% if system_settings.enable_cvss3_display and finding.cvssv3_score %}{{ finding.cvssv3_score }}{% endif %})</i>
                                    {% endif %}
                                {% else %}
                                    Unknown
                                {% endif %}
                            </span>
                        </td>
                        {% if system_settings.enable_finding_sla %}
                        <td>
                        {{ finding|finding_sla }}
                        </td>
                        {% endif %}
                        {% if finding.scanner_confidence %}
                        <td> {{finding.get_scanner_confidence_text}}</td>
                        {% endif %}
                        <td class="nowrap, align-top">
                                {% comment %}
                                {% if finding.duplicate %}
                                    {% include "dojo/finding_related_actions.html" with similar_finding=finding finding_context=finding intro=finding|finding_display_status|safe %}
                                {% else %}
                                    {{ finding|finding_display_status|safe }}
                                {% endif %}
                                {% endcomment %}
                                {{ finding|finding_display_status|safe }}
                            &nbsp;{{ finding|import_history }}
                        </td>
                        {% if finding.risk_acceptance_set.all %}
                            <td>
                                {% for ra in finding.risk_acceptance_set.all|slice:":5" %}
                                    <a href="{% url 'view_risk_acceptance' finding.test.engagement.id ra.id %}"
                                    class="fa-solid fa-circle-exclamation fa-lg has-popover {% if ra.is_expired %}lightgrey{% endif%}"
                                    data-content="{{ ra.name_and_expiration_info }}"></a>
                                {% endfor %}
                            </td>
                        {% endif %}
                        {% if finding.duplicate_finding %}
                            <td>
                                <div class="align-top">
                                    <div class="dropdown">
                                        <a class="fa-solid fa-bug" href="{% url 'view_finding' finding.duplicate_finding.id %}" title="{{ finding.duplicate_finding|finding_extended_title }}"/>

                                        <a href="#" data-toggle="dropdown">&nbsp;<i class="fa-solid fa-ellipsis-vertical"></i>&nbsp;</a>
                                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                        <li>
                                            <a class="" href="{% url 'view_finding' finding.duplicate_finding.id %}">
                                            <i class="fa-solid fa-bug" title="{% trans 'valentino' %}"></i> {{ finding.duplicate_finding|finding_extended_title }}</i>
                                            </a>
                                        </li>
                                        </ul>
                                    </div>
                                </div>
                            </td>
                        {% endif %}
                        {% if duplicate_cluster %}
                        <td>
                            <div class="align-top">
                                <div class="dropdown">
                                    {% for duplicate in duplicate_cluster|slice:"5" %}
                                        <a class="fa-solid fa-bug" href="{% url 'view_finding' duplicate.id %}" title="{{ duplicate|finding_extended_title }}"/>
                                    {%  endfor %}
                                    {% if duplicate_cluster|length > 5 %}
                                        <a href="#duplicate_cluster" onclick="$('#duplicate_tree_toggle').click()">...</a>
                                    {% endif %}
                                    <a href="#" data-toggle="dropdown">&nbsp;<i class="fa-solid fa-ellipsis-vertical"></i>&nbsp;</a>
                                    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                    {% for duplicate in duplicate_cluster|slice:"5" %}
                                        <li>
                                            <a class="" href="{% url 'view_finding' duplicate.id %}">
                                            <i class="fa-solid fa-bug"></i> {{ duplicate|finding_extended_title }}</i>
                                            </a>
                                        </li>
                                    {%  endfor %}
                                    {% if duplicate_cluster|length > 5 %}
                                        <li>
                                            <a href="#duplicate_cluster" onclick="$('#duplicate_tree_toggle').click()">
                                            <i class="fa-solid fa-bug"></i>... more below ...</i>
                                            </a>
                                        </li>
                                    {% endif %}
                                    </ul>
                                </div>
                            </div>
                        </td>
                        {% endif %}
                        <td>
                            {% if finding.static_finding and finding.dynamic_finding > 0 %}
                                Static/Dynamic
                            {% elif finding.static_finding > 0 %}
                                Static
                            {% else %}
                                Dynamic
                            {% endif %}
                        </td>
                        <td>{{ finding.date }}</td>
                        <td>{{ finding.age }} days</td>
                        {% if finding.publish_date %}
                            <td>{{ finding.publish_date }}</td>
                        {% endif %}
                        {% if finding.planned_remediation_date %}
                            <td>{{ finding.planned_remediation_date }}</td>
                        {% endif %}
                        {% if finding.planned_remediation_version %}
                            <td>{{ finding.planned_remediation_version }}</td>
                        {% endif %}
                        <td>{{ finding.reporter }}</td>
                        {% if finding.mitigated %}
                            <td>{{ finding.mitigated }}</td>
                            <td>{{ finding.mitigated_by }}</td>
                        {% endif %}
                            <td>
                            {% if finding.cwe > 0 %}
                                <a target="_blank" href="{{ finding.cwe|cwe_url }}">
                                    <i class="fa-solid fa-arrow-up-right-from-square"></i> {{ finding.cwe }}
                                </a>
                            {% endif %}
                            </td>
                        <td class="text-end">
                        {% with finding|first_vulnerability_id as first_vulnerability_id %}
                        {% if first_vulnerability_id %}
                            {% if first_vulnerability_id|has_vulnerability_url %}
                                <a target="_blank" href="{{ first_vulnerability_id|vulnerability_url }}">
                                    <i class="fa-solid fa-arrow-up-right-from-square"></i> {{ first_vulnerability_id }}
                                </a>
                            {% else %}
                                {{ first_vulnerability_id }}
                            {% endif %}
                        {% endif %}
                        </td>
                        {% if finding.epss_score != None or finding.epss_percentile != None %}
                                {% if finding.epss_score != None and finding.epss_percentile != None %}
                                    <td class="text-end">{{ finding.epss_score|multiply:100|floatformat:"2" }}% / {{ finding.epss_percentile|multiply:100|floatformat:"2" }}%</td>
                                {% elif finding.epss_score != None and finding.epss_percentile == None %}
                                    <td class="text-end">{{ finding.epss_score|multiply:100|floatformat:"2" }}%</td>
                                {% elif finding.epss_score == None and finding.epss_percentile != None %}
                                    <td class="text-end">{{ finding.epss_percentile|multiply:100|floatformat:"2" }}%</td>
                                {% endif %}
                        {% endif %}
                        <td>
                            {% if found_by %}
                                {% for scanner in found_by %}
                                    {{ scanner }}
                                {% endfor %}
                            {% else %}
                                {{ finding.test.test_type }}
                            {% endif %}
                        </td>
                        {% endwith %}
                        {% if finding.vuln_id_from_tool %}
                            <td>{{ finding.vuln_id_from_tool }}</td>
                        {% endif %}
                    {% endblock header_body %}
                </tr>
            </table>
        </div>
    </div>

    {% with finding|additional_vulnerability_ids as additional_vulnerability_ids %}
    {% if additional_vulnerability_ids %}
    <div class="panel panel-default">
        <table id="additional_finding_references" class="table-striped table table-condensed table-hover centered">
            <tr>
                <th>Additional Vulnerability Ids</th>
            </tr>
            <tr>
                <td class="text-end">
                    {% for vulnerability_id in additional_vulnerability_ids %}
                        {% if vulnerability_id|has_vulnerability_url%}
                            <a target="_blank" href="{{ vulnerability_id|vulnerability_url }}">
                                <i class="fa-solid fa-arrow-up-right-from-square"></i> {{ vulnerability_id }}</a>
                        {% else %}
                            {{ vulnerability_id }}
                        {% endif %}
                        {% if not forloop.last %}, {% endif %}
                    {% endfor %}
                </td>
            </tr>
        </table>
    </div>
    {% endif %}
    {% endwith %}</td>

    {% with finding.cwes|slice:"1:" as additional_cwes %}
    {% if additional_cwes %}
    <div class="panel panel-default">
        <table id="additional_finding_cwes" class="table-striped table table-condensed table-hover centered">
            <tr>
                <th>Additional CWEs</th>
            </tr>
            <tr>
                <td class="text-right">
                    {% for cwe in additional_cwes %}
                        <a target="_blank" href="{{ cwe|cut:"CWE-"|cwe_url }}">
                            <i class="fa-solid fa-arrow-up-right-from-square"></i> {{ cwe }}</a>
                        {% if not forloop.last %}, {% endif %}
                    {% endfor %}
                </td>
            </tr>
        </table>
    </div>
    {% endif %}
    {% endwith %}

    {% if finding.static_finding or finding.line > 0 %}
        {% if finding.sast_source_object or finding.sast_sink_object or finding.sast_source_file_path or finding.sast_source_line > 0 %}
        {# For tools that give information on both source (start) and sink (end) of the attack vector #}

        <div class="panel panel-default">
            <table id="sast_source" class="table-striped table table-condensed table-hover centered">
                <tr>
                    <th>Source Filepath</th>
                    <th>Source Line Number</th>
                    <th>Source Object</th>
                </tr>
                <tr>
                    <td>
                        <span>
                            {{ finding.get_sast_source_file_path_with_link|safe }}
                        </span>
                    </td>
                    <td>
                        <span>
                           {{ finding.sast_source_line }}
                        </span>
                    </td>
                    <td>
                        <span>
                           {{ finding.sast_source_object }}
                        </span>
                    </td>
                </tr>
            </table>
        </div>
        <div class="panel panel-default">
            <table id="sast_sink" class="table-striped table table-condensed table-hover centered">
                <tr>
                    <th>Sink Filepath</th>
                    <th>Sink Line Number</th>
                    <th>Sink Object</th>
                </tr>
                <tr>
                    <td>
                        <span>
                            {{ finding.get_file_path_with_link|safe }}
                        </span>
                    </td>
                    <td>
                        <span>
                           {{ finding.line }}
                        </span>
                    </td>
                    <td>
                        <span>
                           {{ finding.sast_sink_object }}
                        </span>
                    </td>
                </tr>
            </table>
        </div>
        {% endif %}
    {% endif %}
    {% if finding.service or finding.file_path or finding.line > 0 or finding.has_jira_configured or finding.has_jira_issue or finding.github_issue or finding.github_conf_new or finding.finding_group or finding.component_name or finding.nb_occurences > 1 %}
    <div class="panel panel-default">
        <table id="error_notes" class="table-striped table table-condensed table-hover centered">
            <tr>
                <th>Service</th>
                {% if finding.file_path %}
                <th>Location</th>
                {% endif %}
                {% if finding.line %}
                <th>Line Number</th>
                {% endif %}
                {% if finding.nb_occurences > 1 %}
                <th>Nb occurences</th>
                {% endif %}
                {% if finding.component_name %}
                <th>Component Name</th>
                {% endif %}
                {% if finding.component_version %}
                <th>Component Version</th>
                {% endif %}
                {% if finding.fix_available %}
                <th>Fix Available</th>
                {% endif %}
                {% if finding.fix_version %}
                <th>Fixed Version</th>
                {% endif %}
                {% if finding.has_jira_configured or finding.jira_issue %}
                <th>JIRA</th>
                <th>JIRA Change</th>
                {% endif %}
                {% if finding.github_conf_new or finding.github_issue %}
                <th>GitHub</th>
                {% endif %}
                {% if 'is_finding_groups_enabled'|system_setting_enabled and finding.finding_group %}
                <th>Group</th>
                {% endif %}
                {% if finding.effort_for_fixing %}
                <th>{% trans "Effort for fixing" %}</th>
                {% endif %}
            </tr>
            <tr>
                <td>
                    <span>
                        {{ finding.service }}
                    </span>
                </td>
                {% if finding.file_path %}
                <td>
                    <span>
                        {{ finding.get_file_path_with_link|safe }}
                        <i class="fa-solid fa-copy fa-align-right copytoclipboard" title="{% trans 'copy to clipboard' %}"
                        data-clipboard-text="{{finding.file_path}}"></i>
                    </span>
                </td>
                {% endif %}
                {% if finding.line %}
                <td>
                    <span>
                        {{ finding.line }}
                    </span>
                </td>
                {% endif %}
                {% if finding.nb_occurences > 1 %}
                <td>
                    <span>
                        {{ finding.nb_occurences }}
                    </span>
                </td>
                {% endif %}
                {% if finding.component_name %}
                <td>
                    <span>
                        {{ finding.component_name }}
                    </span>
                </td>
                {% endif %}
                {% if finding.component_version %}
                <td>
                    <span>
                        {{ finding.component_version }}
                    </span>
                </td>
                {% endif %}
                {% if finding.fix_available %}
                <td>
                    <span>
                        {{ finding.fix_available }}
                    </span>
                </td>
                {% endif %}
                {% if finding.fix_version %}
                <td>
                    <span>
                        {{ finding.fix_version }}
                    </span>
                </td>
                {% endif %}
                {% if finding.has_jira_configured or finding.has_jira_issue or finding.has_jira_group_issue %}
                    <td id="jira">
                        {% if finding.has_jira_group_issue %}
                            <a href="{{ finding.finding_group | jira_issue_url }}"
                            target="_blank" title="{{ finding.finding_group | jira_issue_url }} (group)">{{ finding.finding_group | jira_key }}</a>
                        {% endif %}
                        {% if finding.has_jira_issue %}
                            <a href="{{ finding | jira_issue_url }}"
                            target="_blank" title="{{ finding | jira_issue_url }}">{{ finding | jira_key }}</a>
                            <i id="unlink_jira" class="fa-solid fa-trash" title="{% trans 'Unlink JIRA issue from this finding.' %}" hx-post="{% url 'finding_unlink_jira' finding.id %}" hx-swap="none" hx-on::after-request="window.location.reload()" hx-confirm="Are you sure you want to unlink this JIRA issue?" style="cursor:pointer"></i>
                            <i id="push_to_jira" class="fa-solid fa-share-from-square" title="{% trans 'Push finding data to linked JIRA issue.' %}" hx-post="{% url 'finding_push_to_jira' finding.id %}" hx-swap="none" hx-on::after-request="window.location.reload()" style="cursor:pointer"></i>
                        {% else %}
                            {% if can_be_pushed_to_jira %}
                                {% if not finding.has_jira_group_issue %}
                                None
                                <i id="push_to_jira" class="fa-solid fa-share-from-square" title="{% trans 'Create JIRA issue for this finding' %}" hx-post="{% url 'finding_push_to_jira' finding.id %}" hx-swap="none" hx-on::after-request="window.location.reload()" style="cursor:pointer"></i>
                                {% comment %} <a href="{% url 'finding_link_to_jira' finding.id %}" title="{% trans 'Link existing JIRA issue to finding.' %}">
                                    <i class="fa-solid fa-asterisk" title="{% trans 'Link existing JIRA issue to finding.' %}"></i>
                                </a> {% endcomment %}
                                {% endif %}
                            {% else %}
                                <i class="fa-solid fa-circle-question has-popover"
                                data-content="{{ can_be_pushed_to_jira_error }}">
                                </i>
                            {% endif %}
                        {% endif %}
                    </td>
                    <td>
                        {% if finding.has_jira_group_issue %}
                            <div title="{{ finding.finding_group.jira_issue.jira_change|date:"DATETIME_FORMAT" }} (group)">{{ finding.finding_group.jira_issue.jira_change|naturalday }}</div>
                        {% elif finding.jira_issue %}
                            <div title="{{ finding.jira_issue.jira_change|date:"DATETIME_FORMAT" }}">{{ finding.jira_issue.jira_change|naturalday }}</div>
                        {% endif %}
                    </td>
                {% endif %}
                {% if finding.github_conf_new or finding.github_issue %}
                    <td>
                    {% if finding.github_issue %}
                        <a href="{{ finding.github_issue.issue_url }}" target="_blank" title="{{ finding.github_issue.issue_url }}">#{{ finding.github_issue.issue_id }}</a>
                    {% endif %}
                    </td>
                {% endif %}
                {% if 'is_finding_groups_enabled'|system_setting_enabled and finding.finding_group %}
                    <td>
                        <a href="{% url 'view_finding_group' finding.finding_group.id %}" title="{{ finding.finding_group.name }}">{{ finding.finding_group.name }}</a>
                        <i id="push_group_to_jira_{{ finding.finding_group.group.id }}" data-group-id="{{ finding.finding_group.id }}" class="fa-solid fa-share-from-square push_group_to_jira" title="{% trans 'Update JIRA issue with current data from this group of findings.' %}" hx-post="{% url 'finding_group_push_to_jira' finding.finding_group.id %}" hx-swap="none" hx-on::after-request="window.location.reload()" style="cursor:pointer"></i>
                    </td>
                {% endif %}
                {% if finding.effort_for_fixing %}
                <td>
                    <span>
                        {{ finding.effort_for_fixing }}
                    </span>
                </td>
                {% endif %}
            </tr>
        </table>
    </div>
    {% endif %}
    {% if finding.param or finding.payload %}
        <div class="panel panel-default">
            <table id="error_notes" class="table-striped table table-condensed table-hover">
                <tr>
                    <th>Injected Parameter(s)</th>
                    {% if finding.payload %}
                    <th>Payload</th>
                    {% endif %}
                </tr>
                <tr>
                    <td>
                        <span>
                             {{ finding.param|default_if_none:"" }}
                        </span>
                    </td>
                    {% if finding.payload %}
                    <td>
                        <span>
                             {{ finding.payload|default_if_none:"" }}
                        </span>
                    </td>
                    {% endif %}
                </tr>
            </table>
        </div>
    {% endif %}

    {% if finding.duplicate_finding_set %}
        {% comment %}
            little extra div to serve as anchor, with some padding and padding cancelling margin to make sure it scrolls into view correctly
        {% endcomment %}
        <div id="duplicate_cluster" style="padding-top: 6em; margin-top: -6em;"></div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4><i class="fa-solid fa-clone dd-card-icon" aria-hidden="true"></i>Duplicate Cluster ({{ finding|finding_duplicate_cluster_size }})<span class="pull-right"><a data-toggle="collapse" id="duplicate_tree_toggle" href="#duplicate_tree"><i class="fa-solid fa-chevron-down"></i></a></span></h4>
            </div>
            <div id="duplicate_tree" class="panel-body collapse">
                {% if finding.duplicate_finding %}
                    {% include "dojo/finding_related_list.html" with finding_context=finding finding_first_related=finding.duplicate_finding finding_list=duplicate_cluster prefix='duplicate' %}
                {% else %}
                    {% include "dojo/finding_related_list.html" with finding_context=finding finding_first_related=finding finding_list=duplicate_cluster prefix='duplicate' %}
                {% endif %}
            </div>
        </div>
    {% endif %}

    {% if similar_findings_enabled %}
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="has-filters"><i class="fa-solid fa-clone dd-card-icon" aria-hidden="true"></i>Similar Findings ({{ similar_findings.paginator.count }})
                    <i class="fa-solid fa-circle-question has-popover"
                       data-content="Opening this panel shows findings in this Asset that are not exact duplicates,
                        but have similar values for Vulnerability Id, CWE, file_path, line number, unique_id_from_tool.
                        It has a filter panel where filtering can be made less or more strict. The resulting findings can be view, marked as duplicate or original.
                        Clear filters will empty all filters. Restart will start over by matching against the fields
                        mentioned above.">
                    </i>
                    <span class="pull-right">
                        <button id="show-filters" aria-label="{% trans 'Filters' %}" data-toggle="collapse" data-target="#the-filters-wrapper" class="btn btn-primary toggle-filters"> <i class="fa-solid fa-filter"></i> <i class="caret"></i> </button>
                        &nbsp;
                        <a data-toggle="collapse" href="#the-filters-wrapper"><i class="fa-solid fa-chevron-down"></i></a>
                    </span>
                </h4>
            </div>
            <span id="the-filters-wrapper" class="collapse {% if similar_findings_filter.has_changed %}in{% endif %}">
                <div id="the-filters" class="is-filters panel-body similar-filters">
                    {% url 'view_finding' finding.id as finding_url %}
                    {% include "dojo/filter_snippet.html" with form=similar_findings_filter.form form_id="similar" clear_js=True restart_link=finding_url %}
                </div>
                {% if similar_findings_filter %}
                    <div id="similar_findings" class="panel-body">
                        {% include "dojo/finding_related_list.html" with finding_context=finding finding_list=similar_findings prefix='similar' %}
                    </div>
                {% endif %}
            </span>
        </div>
    {% endif %}
    {% comment %} Add a form to (ab)use to submit any actions related to similar/duplicates as POST requests {% endcomment %}
    <form method="post" style="display: none" id="related_action">
        {% csrf_token %}
        <input type="hidden" name="return_url" value="{{ request.get_full_path }}" />
    </form>

    <!--Import History begin -->
    {% if 'TRACK_IMPORT_HISTORY'|setting_enabled and latest_test_import_finding_action %}
        <div class="panel panel-default collapse in">
            <div class="panel-heading">
                <div class="clearfix">
                    <h4 class="has-filters">
                        <i class="fa-solid fa-clock-rotate-left dd-card-icon" aria-hidden="true"></i>{% trans "Import History" %} ({{ test_import_finding_actions_count }})
                        <i class="fa-solid fa-circle-question has-popover"
                        data-content="List of imports/reimports that created/closed/reactivated this finding in any test.">
                        </i>
                        <div class="dropdown pull-right">
                            <button id="show-filters"
                                    aria-label="{% trans 'Filters' %}"
                                    data-toggle="collapse"
                                    data-target="#import-history-filters"
                                    class="btn btn-primary toggle-filters">
                                <i class="fa-solid fa-filter"></i> <i class="caret"></i>
                            </button>
                            &nbsp;
                            <span class="pull-right">
                                <a data-toggle="collapse" href="#import_history">
                                    <i class="fa-solid fa-chevron-down"></i>
                                </a>
                            </span>
                        </div>
                    </h4>
                </div>
            </div>
            <div id="import-history-filters" class="is-filters panel-body collapse">
                {% include "dojo/filter_snippet.html" with form=test_import_filter.form %}
                {% include "dojo/filter_snippet.html" with form=test_import_finding_action_filter.form %}
            </div>
            <div id="import_history" class="panel panel-body table-responsive collapse">
                {% if paged_test_import_finding_actions %}
                    <table class="table-striped tablesorter-bootstrap table table-hover centered">
                        <thead>
                            <tr>
                                <th>{% trans "Action" %}</th>
                                <th>{% trans "Date/Time" %}</th>
                                <th>{% trans "Import Type" %}</th>
                                <th>{% trans "Branch/Tag" %}</th>
                                <th>{% trans "Build ID" %}</th>
                                <th>{% trans "Commit" %}</th>
                                <th>{% trans "Version" %}</th>
                                <th>{% trans "Endpoint" %}</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for test_import_finding_action in paged_test_import_finding_actions %}
                                <tr>
                                    <td>
                                        {{ test_import_finding_action.get_action_display }}
                                    </td>
                                    <td>
                                        <a href="{% url 'engagement_all_findings' test_import_finding_action.test_import.test.engagement.id %}?test_import_finding_action__test_import={{ test_import_finding_action.test_import.id }}">
                                            {{ test_import_finding_action.test_import.created|date:"DATETIME_FORMAT" }}
                                        </a>
                                        {{ test_import_finding_action.test_import|import_settings_tag }}
                                    </td>
                                    <td>
                                        {{ test_import_finding_action.test_import.type }}
                                    </td>
                                    <td>
                                        {{ test_import_finding_action.test_import.branch_tag|default_if_none:"" }}
                                    </td>
                                    <td>
                                        {{ test_import_finding_action.test_import.build_id|default_if_none:"" }}
                                    </td>
                                    <td>
                                        {{ test_import_finding_action.test_import.commit_hash|default_if_none:"" }}
                                    </td>
                                    <td>
                                        {{ test_import_finding_action.test_import.version|default_if_none:"" }}
                                    </td>
                                    <td>
                                        {% if V3_FEATURE_LOCATIONS %}
                                            {{ test_import_finding_action.test_import.import_settings.locations|default_if_none:"" }}
                                        {% else %}
                                            {% comment %} TODO: Delete this after the move to Locations {% endcomment %}
                                            {{ test_import_finding_action.test_import.import_settings.endpoint|default_if_none:"" }}
                                        {% endif %}
                                    </td>

                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                {% else %}
                    <div class="panel-body">
                        <p class="text-center">
                            {% trans "No import history found." %}
                        </p>
                    </div>
                {% endif %}
                <div class="clearfix">
                    {% include "dojo/paging_snippet.html" with page=paged_test_import_finding_actions prefix='test_import_finding_actions' page_size=True %}
                </div>
            </div>
        </div>
    {% endif %}
    <!--Import activity end -->

    <div class="hidden" style="padding-bottom: 5px;" id="bulk_edit_menu">
        <div class="btn-toolbar" role="toolbar" aria-label="{% trans 'Toolbar with button groups' %}">
            <div class="btn-group me-2" role="group" aria-label="{% trans 'Second group' %}">
                <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenu2"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" aria-label="{% trans 'Bulk Edit' %}">
                    Bulk Edit
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1" id="bulk_edit">
                    <li style="padding-left: 8px;">
                        <form action="{% url 'endpoints_status_bulk' finding.id %}" method="post" id="bulk_change_form">
                            {% csrf_token %}
                            <input type="hidden" name="return_url" value="{{ request.get_full_path }}" />
                            {% if V3_FEATURE_LOCATIONS %}
                                <label style="font-size: 80%; font-weight: normal; display: block">
                                    <input id="id_bulk_active_location" name="bulk_status" type="radio" value="Active"/>
                                    <span>Active</span>
                                </label>
                                <label style="font-size: 80%; font-weight: normal; display: block">
                                    <input id="id_bulk_false_p_location" name="bulk_status" type="radio" value="FalsePositive"/>
                                    <span>False Positive</span>
                                </label>
                                <label style="font-size: 80%; font-weight: normal; display: block">
                                    <input id="id_bulk_out_of_scope_location" name="bulk_status" type="radio" value="OutOfScope"/>
                                    <span>Out of scope</span>
                                </label>
                                <label style="font-size: 80%; font-weight: normal; display: block">
                                    <input id="id_bulk_mitigated_location" name="bulk_status" type="radio" value="Mitigated"/>
                                    <span>Mitigated</span>
                                </label>
                                <label style="font-size: 80%; font-weight: normal; display: block">
                                    <input id="id_bulk_risk_accepted_location" name="bulk_status" type="radio" value="RiskAccepted"/>
                                    <span>Risk Accepted</span>
                                </label>
                            {% else %}
                                {% comment %} TODO: Delete this after the move to Locations {% endcomment %}
                                <label style="font-size: 80%; font-weight: normal; display: block">
                                    <input id="id_bulk_active" label="active" name="active" type="checkbox"/>
                                    <span>Active</span>
                                </label>
                                <label style="font-size: 80%; font-weight: normal; display: block">
                                    <input id="id_bulk_false_p" label="false_positive" name="false_positive" type="checkbox"/>
                                    <span>False Positive</span>
                                </label>
                                <label style="font-size: 80%; font-weight: normal; display: block">
                                    <input id="id_bulk_out_of_scope" label="out_of_scope" name="out_of_scope" type="checkbox"/>
                                    <span>Out of scope</span>
                                </label>
                                <label style="font-size: 80%; font-weight: normal; display: block">
                                    <input id="id_bulk_mitigated" label="mitigated" name="mitigated" type="checkbox"/>
                                    <span>Mitigated</span>
                                </label>
                                <label style="font-size: 80%; font-weight: normal; display: block">
                                    <input id="id_bulk_risk_accepted" label="risk_accepted" name="risk_accepted" type="checkbox"/>
                                    <span>Risk Accepted</span>
                                </label>
                            {% endif %}
                            <br/>
                            <input type="submit" class="btn btn-sm btn-primary" label="Submit" name="Submit" value="Submit"/>
                        </form>
                    </li>
                </ul>
            </div>
            <div class="btn-group me-2" role="group">
                <button type="button" class="btn btn-sm btn-primary remove-from-finding" data-toggle="tooltip" data-placement="bottom" title="{% trans 'Remove selected endpoints from this finding' %}" aria-label="{% trans 'Remove selected endpoints from this finding' %}">
                    <i class="fa-solid fa-trash"></i>
                </button>
            </div>
        </div>
    </div>

    {% include "dojo/snippets/endpoints.html" with finding=finding destination="UI" %}

    <div class="view-finding">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4><i class="fa-solid fa-align-left dd-card-icon" aria-hidden="true"></i>Description <span class="pull-right"><a data-toggle="collapse" href="#vuln_desc"><i
                        class="fa-solid fa-chevron-up"></i></a></span></h4>
            </div>
            <div id="vuln_desc" class="panel-body finding-description collapse in">
              <pre>{{ finding.description|markdown_render|default_if_none:"" }}</pre>
            </div>
        </div>

        {% if files %}
            <div class="row">
                <div class="col-md-12" id="cred">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4><i class="fa-solid fa-paperclip dd-card-icon" aria-hidden="true"></i>Files<span class="pull-right">
                            <a data-toggle="collapse" href="#add_feat_files">
                                <i class="fa-solid fa-chevron-down"></i></a></span>
                            <a title="{% trans 'Manage Files' %}" name="Manage Files" class="btn btn-sm btn-primary pull-right"
                                href="{% url 'manage_files' oid=finding.id obj_type='Finding' %}">
                                <span class="fa-solid fa-pen-to-square"></span></a>
                            </h4>
                        </div>

                        <div id="add_feat_files" class="panel-body collapse {% if files %}in{% endif %}">
                            {% for file in files %}
                            <div class="col-md-2" style="text-align: center">
                                <div class="row">
                                    {% url 'access_file' fid=file.id oid=finding.id obj_type='Finding' as image_url %}
                                    <a href="{{ image_url }}" target="_blank" download>
                                        {% if file|get_thumbnail %}
                                            <img src="{{ image_url }}" alt="{% trans 'thumbnail' %}" style="width:150px">
                                        {% else %}
                                            <span style="font-size: 50px;" class="fa-solid fa-file"></span>
                                        {% endif %}
                                    </a>
                                </div>
                                <div class="row">
                                    <caption style="text-align:center">{{ file.title }}</caption>
                                </div>
                            </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}

        <div class="panel panel-default">
            <div class="panel-heading">
                <h4><i class="fa-solid fa-shield-halved dd-card-icon" aria-hidden="true"></i>Mitigation <span class="pull-right"><a data-toggle="collapse" href="#vuln_mitigation"><i
                        class="fa-solid fa-chevron-{% if finding.mitigation %}up{%else%}down{%endif%}"></i></a></span></h4>
            </div>
            <div id="vuln_mitigation" class="panel-body collapse {% if finding.mitigation %}in{%endif%}">
                <pre>{{ finding.mitigation|markdown_render|default_if_none:"" }}</pre>
            </div>
        </div>
        {% if finding.burprawrequestresponse_set.all %}
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4><i class="fa-solid fa-right-left dd-card-icon" aria-hidden="true"></i>Request / Response Pairs <span class="pull-right"><a data-toggle="collapse" href="#vuln_req_res">
                        <i class="fa-solid fa-chevron-down"></i></a></span></h4>
                </div>
                <div id="vuln_req_res" class="panel-body collapse">
                    {% for req_resp in finding.burprawrequestresponse_set.all %}
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4><i class="fa-solid fa-arrow-right dd-card-icon" aria-hidden="true"></i>Request #{{ forloop.counter }}<span class="pull-right">
                                    <a data-toggle="collapse" href="#vuln_req_{{ forloop.counter }}">
                                        <i class="fa-solid fa-chevron-down"></i></a></span></h4>
                            </div>
                            <div id="vuln_req_{{ forloop.counter }}" class="panel-body collapse">
                                <pre>{{ req_resp.get_request }}</pre>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4><i class="fa-solid fa-arrow-left dd-card-icon" aria-hidden="true"></i>Response #{{ forloop.counter }}<span class="pull-right">
                                    <a data-toggle="collapse" href="#vuln_res_{{ forloop.counter }}">
                                        <i class="fa-solid fa-chevron-down"></i></a></span></h4>
                            </div>

                            <div id="vuln_res_{{ forloop.counter }}" class="panel-body collapse">
                                <pre>{{ req_resp.get_response }}</pre>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        {% endif %}
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4><i class="fa-solid fa-burst dd-card-icon" aria-hidden="true"></i>Impact <span class="pull-right"><a data-toggle="collapse" href="#vuln_impact"><i
                        class="fa-solid fa-chevron-{% if finding.impact %}up{%else%}down{%endif%}"></i></a></span></h4>
            </div>
            <div id="vuln_impact" class="panel-body collapse {% if finding.impact %}in{%endif%}">
                <pre>{{ finding.impact|markdown_render|default_if_none:"" }}</pre>
            </div>
        </div>

        <div class="panel panel-default" id="steps">
            <div class="panel-heading">
                <h4><i class="fa-solid fa-list-ol dd-card-icon" aria-hidden="true"></i>Steps To Reproduce <span class="pull-right"><a data-toggle="collapse" href="#vuln_reproduce"><i
                        class="fa-solid fa-chevron-{% if finding.steps_to_reproduce %}up{%else%}down{%endif%}"></i></a></span></h4>
            </div>
            <div id="vuln_reproduce" class="panel-body collapse {% if finding.steps_to_reproduce %}in{%endif%}">
                <pre>{{ finding.steps_to_reproduce|markdown_render|default_if_none:"" }}</pre>
            </div>
        </div>

        <div class="panel panel-default">
            <div class="panel-heading">
                <h4><i class="fa-solid fa-gauge-high dd-card-icon" aria-hidden="true"></i>Severity Justification <span class="pull-right"><a data-toggle="collapse" href="#sev_just"><i
                        class="fa-solid fa-chevron-{% if finding.severity_justification %}up{%else%}down{%endif%}"></i></a></span></h4>
            </div>
            <div id="sev_just" class="panel-body collapse {% if finding.severity_justification %}in{%endif%}">
                <pre>{{ finding.severity_justification|markdown_render|default_if_none:"" }}</pre>
            </div>
        </div>

        <div class="panel panel-default">
            <div class="panel-heading">
                <h4><i class="fa-solid fa-link dd-card-icon" aria-hidden="true"></i>References <span class="pull-right"><a data-toggle="collapse" href="#vuln_refs"><i
                        class="fa-solid fa-chevron-{% if finding.references %}up{%else%}down{%endif%}"></i></a></span></h4>
            </div>
            <div id="vuln_refs" class="panel-body collapse {% if finding.references %}in{%endif%}">
                <pre>{{ finding.get_references_with_links|markdown_render|default_if_none:"" }}</pre>
            </div>
        </div>

    </div>

    {% include "dojo/snippets/sonarqube_history.html" with finding=finding only %}

    {% include "dojo/snippets/comments.html" with notes=notes object=finding destination="finding" %}

    <div class="PrevAndNext_Buttons">
    </div>

    <div class="protip">
       <i class="fa-solid fa-lightbulb"></i> <strong>ProTip!</strong> Type <kbd>e</kbd> to edit any finding, <kbd>p</kbd> and <kbd>n</kbd> to navigate to the previous or next finding, <kbd>v</kbd> to verify, and <kbd>c</kbd> to close the finding.
    </div>
</div>
{% endblock %}
{% block postscript %}
    {{ block.super }}
    <script src="{% static "clipboard/dist/clipboard.min.js" %}"></script>
    <script type="application/javascript" src="{% static "jquery.hotkeys/jquery.hotkeys.js" %}"></script>
    <script type="text/javascript">
        var firstID = {% if findings_list.0 %}{{findings_list.0}}{% else %}null{% endif %};
        var currentID = {% if finding.id %}{{finding.id}}{% else %}null{% endif %};
        var lastID = {% if findings_list_lastElement %}{{findings_list_lastElement}}{% else %}null{% endif %};
        var canEditFinding = {% if finding|has_object_permission:"edit" %}true{% else %}false{% endif %};
        var findingIsMitigated = {% if finding.mitigated %}true{% else %}false{% endif %};
        var findingIsVerified = {% if finding.verified %}true{% else %}false{% endif %};
        if(currentID != firstID)
        {
            $('.PrevAndNext_Buttons').append('<a href="{% url 'view_finding' prev_finding_id %}" class="btn btn-primary">Previous Finding</a> ');
        }
        if(currentID != lastID)
        {
            $('.PrevAndNext_Buttons').append('<a href="{% url 'view_finding' next_finding_id %}" class="btn btn-primary">Next Finding</a>');
        }
        //Ensures dropdown has proper zindex
        $('.table-responsive').on('show.bs.dropdown', function () {
          $('.table-responsive').css( "overflow", "inherit" );
        });
        if (document.referrer.indexOf('simple_search') > 0) {
            var terms = '';
            if ($.cookie('highlight')) {
                terms = $.cookie('highlight').split(' ');

                for (var i = 0; i < terms.length; i++) {
                    $('body').highlight(terms[i]);
                }
            }

            $('input#simple_search').val(terms);
        }

        $(document).ready(function () {
            //Ensures dropdown has proper zindex
            $('.table-responsive').on('show.bs.dropdown', function () {
              $('.table-responsive').css( "overflow", "inherit" );
            });

            $('.table-responsive').on('hide.bs.dropdown', function () {
              $('.table-responsive').css( "overflow", "auto" );
            })
            $("a[data-toggle='collapse']").on('click', function () {
                var i = $($(this).find('i').get(0));
                i.toggleClass('fa-chevron-up').toggleClass('fa-chevron-down');
            })

            // Configure tooltips for CVSS vectors - try multiple approaches
            $(document).on('shown.bs.tooltip shown.bs.popover', function() {
                $('.tooltip-inner, .popover-content').css({
                    'max-width': '1200px !important',
                    'white-space': 'nowrap !important',
                    'word-wrap': 'normal !important'
                });
                $('.tooltip, .popover').css({
                    'max-width': '1200px !important'
                });
            });

            // Force tooltip configuration
            $('.has-popover').each(function() {
                $(this).on('mouseenter', function() {
                    setTimeout(function() {
                        $('.tooltip-inner, .popover-content').css({
                            'max-width': '1200px',
                            'white-space': 'nowrap',
                            'word-wrap': 'normal',
                            'overflow': 'visible'
                        });
                    }, 10);
                });
            });
        });

        // keyboard shortcuts
        $(document).on('keypress', null, 'e', function () {
            window.location.assign('{% url 'edit_finding' finding.id %}');
        });

        $(document).on('keypress', null, 'p', function () {
            window.location.assign('{% url 'view_finding' prev_finding_id %}');
        });

        $(document).on('keypress', null, 'n', function () {
            window.location.assign('{% url 'view_finding' next_finding_id %}');
        });

        $(document).on('keypress', null, 'v', function () {
            if (!canEditFinding) {
                alert('You do not have permission to verify this finding.');
                return;
            }
            if (findingIsMitigated) {
                alert('Finding is already closed and cannot be verified.');
                return;
            }
            if (findingIsVerified) {
                alert('Finding has already been verified.');
                return;
            }
            window.location.assign('{% url 'verify_finding' finding.id %}');
        });

        $(document).on('keypress', null, 'c', function () {
            if (!canEditFinding) {
                alert('You do not have permission to close this finding.');
                return;
            }
            if (findingIsMitigated) {
                alert('Finding has already been closed.');
                return;
            }
            window.location.assign('{% url 'close_finding' finding.id %}');
        });

        $('a.delete-finding').on('click', function (e) {
            if (confirm('Are you sure you want to delete this finding?')) {
                $("form#delete-finding-form").submit();
            }

        });


        $("a#next").on('click', function (e) {
            e.preventDefault();
            var showing = $("img#to_replace").attr('src');
            var thumbnails = $('a.thumbnail');

            thumbnails.each(function (index) {
                if ($(this).data('imageurl') == showing) {
                    console.log(index, thumbnails.length)
                    if (index == thumbnails.length - 1) {
                        // at the end
                        $("img#to_replace").attr('src', $(thumbnails[0]).data('imageurl'));
                        $("#caption_to_replace").html($(thumbnails[0]).data('caption'));
                    }
                    else {
                        $("img#to_replace").attr('src', $(thumbnails[index + 1]).data('imageurl'));
                        $("#caption_to_replace").html($(thumbnails[index + 1]).data('caption'));
                    }
                }
            });
        });

        var checkbox_count = 0;
        function get_checkbox_values()
        {
            var checkbox_values_vuln = $("input[type=checkbox][name^='select_vulnerable_']");
            var checkbox_values_rem = $("input[type=checkbox][name^='select_mitigated_']");
            var checkbox_values = Array.from(checkbox_values_vuln).concat(Array.from(checkbox_values_rem));

            return checkbox_values;
        }

        function check_checked_finding()
        {
          var checkbox_values = get_checkbox_values();
          for (var i = 0; i < checkbox_values.length; i++) {
            if ($(checkbox_values[i]).prop("checked")) {
              if ((checkbox_values[i].name != 'select_all_vulnerable') || (checkbox_values[i].name != 'select_all_mitigated')) {
                checkbox_count++;
              }
            }
          }
          if (checkbox_count > 0)
          {
              $('div#bulk_edit_menu').removeClass('hidden');
          }
        }

        $(function () {
            check_checked_finding();

            // Keep the dropdown menu open for selecting severity status
            $('.dropdown-menu').click(function(e) {
                e.stopPropagation();
            });
            //Ensures dropdown has proper zindex
            $('.table-responsive').on('show.bs.dropdown', function () {
              $('.table-responsive').css( "overflow", "inherit" );
            });

            $('.table-responsive').on('hide.bs.dropdown', function () {
              $('.table-responsive').css( "overflow", "auto" );
            })

            $('#bulk_edit_menu #id_bulk_active').on("click", function (e){
                var checked = this.checked;
                $('#bulk_edit_menu #id_bulk_false_p').prop('disabled', checked);
                $('#bulk_edit_menu #id_bulk_mitigated').prop('disabled', checked);
                $('#bulk_edit_menu #id_bulk_false_p').prop('checked', false);
                $('#bulk_edit_menu #id_bulk_mitigated').prop('checked', false);
            })

            $('#bulk_edit_menu #id_bulk_mitigated').on("click", function (e){
                var checked = this.checked;
                $('#bulk_edit_menu #id_bulk_active').prop('disabled', checked);
                $('#bulk_edit_menu #id_bulk_active').prop('checked', false);
            })

            $('#bulk_edit_menu #id_bulk_false_p').on("click", function (e){
                var checked = this.checked;
                $('#bulk_edit_menu #id_bulk_active').prop('disabled', checked);
                $('#bulk_edit_menu #id_bulk_risk_accepted').prop('disabled', checked);
                $('#bulk_edit_menu #id_bulk_out_of_scope').prop('disabled', checked);
                $('#bulk_edit_menu #id_bulk_active').prop('checked', false);
                $('#bulk_edit_menu #id_bulk_risk_accepted').prop('checked', false);
                $('#bulk_edit_menu #id_bulk_out_of_scope').prop('checked', false);
                $('#bulk_edit_menu #id_bulk_mitigated').prop('checked', checked);
            })

            $('#bulk_edit_menu #id_bulk_risk_accepted').on("click", function (e){
                var checked = this.checked;
                $('#bulk_edit_menu #id_bulk_false_p').prop('disabled', checked);
                $('#bulk_edit_menu #id_bulk_out_of_scope').prop('disabled', checked);
                $('#bulk_edit_menu #id_bulk_false_p').prop('checked', false);
                $('#bulk_edit_menu #id_bulk_out_of_scope').prop('checked', false);
            })

            $('#bulk_edit_menu #id_bulk_out_of_scope').on("click", function (e){
                var checked = this.checked;
                $('#bulk_edit_menu #id_bulk_risk_accepted').prop('disabled', checked);
                $('#bulk_edit_menu #id_bulk_false_p').prop('disabled', checked);
                $('#bulk_edit_menu #id_bulk_risk_accepted').prop('checked', false);
                $('#bulk_edit_menu #id_bulk_false_p').prop('checked', false);
            })

            $('input[type="checkbox"]').change(function () {
              checkbox_count = 0;
              finding = $(this).attr("name");
              if (finding.indexOf("select_") >= 0)
              {
                var checkbox_values = get_checkbox_values();
                for (var i = 0; i < checkbox_values.length; i++) {
                  if ($(checkbox_values[i]).prop("checked")) {
                    checkbox_count++;
                  }
                }

                if ($(this).prop("checked")) {
                  $('div#bulk_edit_menu').removeClass('hidden');
                } else {
                  checkbox_count--;
                  var checkbox_values = get_checkbox_values();
                  var checked = false;

                  for (var i = 0; i < checkbox_values.length; i++) {
                    if ($(checkbox_values[i]).prop("checked")) {
                      checked = true;
                    }
                  }
                  if (checked == false) {
                    $('div#bulk_edit_menu').addClass('hidden');
                  }
                }

              }
            });
            $('form#bulk_change_form').on('submit', function(e){
                $('input[type=checkbox].select_one:checked').each(function(){
                    var hidden_input = $('<input type="hidden" value="' + this.id + '" name="endpoints_to_update">')
                    $('form#bulk_change_form').append(hidden_input);
                });
            });

            $('button.remove-from-finding').on('click', function(e) {
                e.preventDefault();
                if (confirm('Remove selected endpoints from this finding?')) {
                    $('input[type=checkbox].select_one:checked').each(function(){
                        var hidden_input = $('<input type="hidden" value="' + this.id + '" name="endpoints_to_update">');
                        $('form#bulk_change_form').append(hidden_input);
                    });
                    $('form#bulk_change_form').append($('<input type="hidden" name="remove_from_finding" value="1">'));
                    $('form#bulk_change_form').submit();
                }
            });

            $('input#select_all_vulnerable').on('click', function (e) {
                var checkbox_values = $("input[type=checkbox][name^='select_vulnerable']");
                if ($(this).is(":checked")) {
                    for (var i = 0; i < checkbox_values.length; i++) {
                        $(checkbox_values[i]).prop('checked', true)
                    }
                    $('div#bulk_edit_menu').removeClass('hidden');
                }
                else {
                    for (var i = 0; i < checkbox_values.length; i++) {
                        $(checkbox_values[i]).prop('checked', false)
                    }
                    $('div#bulk_edit_menu').addClass('hidden');
                }
            });

             $('input#select_all_mitigated').on('click', function (e) {
                var checkbox_values = $("input[type=checkbox][name^='select_mitigated']");
                if ($(this).is(":checked")) {
                    for (var i = 0; i < checkbox_values.length; i++) {
                        $(checkbox_values[i]).prop('checked', true)
                    }
                    $('div#bulk_edit_menu').removeClass('hidden');
                }
                else {
                    for (var i = 0; i < checkbox_values.length; i++) {
                        $(checkbox_values[i]).prop('checked', false)
                    }
                    $('div#bulk_edit_menu').addClass('hidden');
                }
            });
        });

        var clipboard = new ClipboardJS('.copytoclipboard');

        function submit_related_action(url) {
            var related_action_form = $('#related_action')
            {% comment %} alert(url) {% endcomment %}
            related_action_form.attr('action', url)
            related_action.submit()
        }

        {% comment %} $('#show-filters').on('click', function () {
            $(this).toggleClass("dropup");
        })

        $(".dojo-filter-set :input").not("button").addClass("form-control input-sm"); {% endcomment %}

    </script>

    <script type="application/javascript">
        // DataTables Setup
        $(document).ready(function() {
            date =  new Date().toISOString().slice(0, 10);
            var fileDated = 'Findings_List_' + date;
            var percentSort = function(data, type, row, meta) {
                if(type === 'sort') {
                    return (data && data.endsWith("%")) ? parseFloat(data.slice(0, -1)) : -1.00;
                }
                return data;
            }
            var columns = [
                { "data": "relationship" },
                { "data": "severity" },
                { "data": "finding" , render: function (data, type, row) {
                        return type === 'export' ? getDojoExportValueFromTag(data, 'a') :  data;
                }},
                { "data": "found_date" },
                { "data": "status" },
                { "data": "test" },
                { "data": "engagement" },
                { "data": "cwe" },
                { "data": "cve" },
                { "data": "epss_score", "type": "num", "render": percentSort },
                { "data": "epss_percentile", "type": "num", "render": percentSort },
                { "data": "file_path" },
                {% if system_settings.enable_jira %}
                    { "data": "jira_id" },
                {% endif %}
                { "data": "action" },
              ];

            // Filter the list of items to display based on what is shown.
            var disallowed_entries = new Set(["checkbox", "action"]);
            var data_column_list = [];
            for (var i = 0; i < columns.length; i++) {
                if (!disallowed_entries.has(columns[i]["data"])) {
                    data_column_list.push(i);
                }
            }

            var buttonCommon = {
                exportOptions: {
                    columns: data_column_list,
                    stripHtml: true,
                    stripNewlines: true,
                    trim: true,
                    orthogonal: 'export'
                },
                filename: fileDated,
                title: 'Similar Findings List'
            };

            // Mapping of table columns to objects for proper cleanup and data formatting
            {% if enable_table_filtering %}
                var dojoTable = $('#similar_findings_table').DataTable({
                    drawCallback: function(){
                        $('#similar_findings_table .has-popover').hover(
                            function() { $(this).popover('show'); }, // hover
                            function() { $(this).popover('hide'); } // unhover
                        );
                    },
                    colReorder: true,
                    "columns": columns,
                    order: [],
                    columnDefs: [
                        {
                            "orderable": false,
                            "targets": [0, 1]
                        },
                        {
                            targets: [0, 1],
                            className: 'noVis'
                        }
                    ],
                    dom: 'Bfrtip',
                    paging: false,
                    info: false,
                    buttons: [
                        {
                            extend: 'colvis',
                            columns: ':not(.noVis)'
                        },
                        $.extend( true, {}, buttonCommon, {
                            extend: 'copy'
                        }),
                        $.extend( true, {}, buttonCommon, {
                            extend: 'excel',
                            autoFilter: true,
                            sheetName: 'Exported data',
                        }),
                        $.extend( true, {}, buttonCommon, {
                            extend: 'csv'
                        }),
                        $.extend( true, {}, buttonCommon, {
                            extend: 'pdf',
                            orientation: 'landscape',
                            pageSize: 'LETTER'
                        }),
                        $.extend( true, {}, buttonCommon, {
                            extend: 'print'
                        }),
                    ],
                });
            {% endif %}
        });
    </script>

    {% include "dojo/filter_js_snippet.html" %}
{% endblock %}