{% extends "base.html" %}
{% load humanize %}
{% load widget_tweaks %}

{% block title %}
VulnerableCode Package Search
{% endblock %}

{% block content %}
<section class="section pt-0">
    {% include "package_search_box_v2.html" %}
</section>

{% if search %}
    <div class="is-max-desktop mb-3">
        <section class="mx-5">
            <div class="is-flex" style="justify-content: space-between;">
                <div>
                    {{ page_obj.paginator.count|intcomma }} results
                </div>
                {% if is_paginated %}
                    {% include 'includes/pagination.html' with page_obj=page_obj %}
                {% endif %}
            </div>
        </section>
    </div>

    <section class="section pt-0">
        <div class="content">
            <table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth">
                <thead>
                    <tr>
                        <th>
                            <span
                                class="has-tooltip-multiline has-tooltip-black has-tooltip-arrow has-tooltip-text-left"
                                data-tooltip="The package url or purl is a URL string used to identify and locate a software package.">
                                Package URL
                            </span>
                        </th>
                        <th style="width: 225px;">
                            <span
                                class="has-tooltip-multiline has-tooltip-black has-tooltip-arrow has-tooltip-text-left"
                                data-tooltip="This is the status of the package. If it is vulnerable, it means that there are known vulnerabilities associated with this package.">
                                Vulnerable
                            </span>
                        </th>
                        <th style="width: 225px;">
                            <span
                                class="has-tooltip-multiline has-tooltip-black has-tooltip-arrow has-tooltip-text-left"
                                data-tooltip="This is the risk score of the package based on its vulnerabilities.">
                                Risk Score
                            </span>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    {% for package in page_obj %}
                        <tr>
                            <td style="word-break: break-all;">
                                <a
                                    href="{{ package.get_absolute_url }}?search={{ search }}"
                                    target="_self">{{ package.purl }}</a>
                            </td>
                            <td>{{ package.is_vulnerable|yesno:"Yes,No" }}</td>
                            <td>
                                {% if package.risk_score is not None %}
                                {{ package.risk_score }}
                                {% else %}
                                {{ "" }}
                                {% endif %}
                            </td>
                        </tr>
                    {% empty %}
                        <tr>
                            <td colspan="3" style="word-break: break-all;">
                            No Package found.
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>

    {% if is_paginated %}
        {% include 'includes/pagination.html' with page_obj=page_obj %}
    {% endif %}

    </section>
{% endif %}
{% endblock %}