{% extends "base.html" %}
{% load filter_tags %}
{% load i18n %}
{% load display_tags %}
{% load authorization_tags %}

{% block content %}
    {{ block.super }}
    <h3 id="id_heading">{{ labels.ORG_LABEL }} {{ pt.name }}</h3>
    <div class="row">
        <div id="tests" class="col-md-8">
            <div class="panel panel-default">
                <div class="panel-heading tight">
                  <div class="clearfix">
                    <h3 class="pull-left"><i class="fa-solid fa-align-left dd-card-icon" aria-hidden="true"></i>{% trans "Description" %}</h3>
                    <div class="dropdown pull-right">
                      <div class="btn-group">
                        <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1" label="Actions" data-toggle="dropdown" aria-expanded="true" aria-label="{{ labels.ORG_LABEL }} 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 pt|has_object_permission:"edit" %}
                            <li>
                                <a class="" href="{% url 'edit_product_type' pt.id %}">
                                <i class="fa-solid fa-pen-to-square"></i> {% trans "Edit" %}</a>
                            </li>
                            <li role="separator" class="divider"></li>
                            {% endif %}
                            <li>
                                <a class="" href="{% url 'product_type_metrics' pt.id %}">
                                <i class="fa-solid fa-chart-line"></i> {% trans "Metrics" %}</a>
                            </li>
                            <li>
                                <a class="" href="{% url 'product_type_report' pt.id %}">
                                <i class="fa-solid fa-file-lines"></i> {{ labels.ORG_REPORT_LABEL }}</a>
                            </li>
                            {% if pt|has_object_permission:"delete" %}
                            <li role="separator" class="divider"></li>
                            <li>
                                <a class="" href="{% url 'delete_product_type' pt.id %}">
                                <i class="fa-solid fa-trash"></i> {% trans "Delete" %}</a>
                            </li>
                            {% endif %}
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="panel-body">
                  {{ pt.description|markdown_render }}
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="clearfix">
                        <h4 class="pull-left"><i class="fa-solid fa-list-ul dd-card-icon" aria-hidden="true"></i>{{ labels.ASSET_PLURAL_LABEL }}</h4>
                        <div class="dropdown pull-right">
                            <div class="btn-group">
                                <button name="Show Filters" id="show-filters" aria-label="{% trans 'Filters' %}" data-toggle="collapse" data-target="#the-filters" class="btn btn-primary toggle-filters"> <i class="fa-solid fa-filter"></i> <i class="caret"></i> </button>
                                {% if pt|has_object_permission:"add" %}
                                    <button name="Add Product" aria-label="{{ labels.ASSET_CREATE_LABEL }}" class="btn btn-primary dropdown-toggle" type="button" label="Actions" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
                                                <span class="fa-solid fa-bars"></span>
                                                <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu1">
                                        <li>
                                            <a class="" href="{% url 'add_product_to_product_type' pt.id %}">
                                            <i class="fa-solid fa-plus"></i> {{ labels.ASSET_CREATE_LABEL }}</a>
                                        </li>
                                    </ul>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
                <div id="the-filters" class="is-filters panel-body collapse {% if prod_filter.form|has_active_filters %}in{% endif %}">
                    {% include "dojo/filter_snippet.html" with form=prod_filter.form %}
                </div>
                {% if products %}
                    <div class="clearfix pagination-in-panel">
                        {% include "dojo/paging_snippet.html" with page=products page_size=True %}
                    </div>
                    <div class="table-responsive">
                        <table class="tablesorter-bootstrap table table-condensed table-striped">
                            <thead>
                            <tr>
                                <th>Name</th>
                                <th class="text-center">{% trans "Tags" %}</th>
                                <th class="text-center">{% trans "Criticality" %}</th>
                                <th class="text-center">{% trans "Metadata" %}</th>
                                <th class="text-center">{% trans "Active (Verified) Findings" %}</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for product in products %}
                                <tr>
                                    <td><a href="{% url 'view_product' product.id %}">{{ product.name }}</a></td>
                                    <!-- Tags column -->
                                    <td class="text-center">
                                        {% include "dojo/snippets/tags.html" with tags=product.tags.all %}
                                    </td>
                                    <!-- End of Tags Column -->
                                    <td class="text-center">{{ product.business_criticality|business_criticality_icon }}</td>
                                    <td class="text-center">
                                    {{ product.platform|platform_icon }}
                                    {{ product.lifecycle|lifecycle_icon }}
                                    {{ product.origin|origin_icon }}
                                    {{ product.external_audience|external_audience_icon }}
                                    {{ product.internet_accessible|internet_accessible_icon }}
                                    </td>
                                    <td class="text-center">
                                        {% if product.findings_count %}
                                            <a href="{% url 'product_open_findings' product.id %}"><b>{{ product.findings_count }}</b></a>
                                            &nbsp;(<a href="{% url 'product_verified_findings' product.id %}">{{ product.findings_active_verified_count }}</a>)
                                        {% else %}
                                            0
                                        {% endif %}
                                    </td>
                                    </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    <div class="clearfix pagination-in-panel">
                        {% include "dojo/paging_snippet.html" with page=products page_size=True %}
                    </div>
                {% else %}
                    <div class="panel-body">
                        <small class="text-muted"><em>{{ labels.ASSET_NONE_FOUND_MESSAGE }}</em></small>
                    </div>
                {% endif %}
            </div>
                {% block authorized_users_panel %}
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="clearfix">
                            <h4 class="pull-left"><i class="fa-solid fa-users dd-card-icon" aria-hidden="true"></i>{% trans "Authorized Users" %}</h4>
                            &nbsp;
                            {% if pt|has_object_permission:"staff_only" %}
                            <div class="dropdown pull-right">
                                <button class="btn btn-primary dropdown-toggle" label="Actions" type="button" id="dropdownMenuAddAuthorizedUsers"
                                        data-toggle="dropdown" aria-expanded="true" aria-label="{% trans 'Add Authorized Users' %}">
                                    <span class="fa-solid fa-bars"></span>
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenuAddAuthorizedUsers">
                                    <li role="presentation">
                                        <a id="addAuthorizedUser" href="{% url 'add_product_type_authorized_users' pt.id %}">
                                            <i class="fa-solid fa-user-plus"></i> {% trans "Add Users" %}
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            {% endif %}
                        </div>
                    </div>
                    {% if authorized_users %}
                        <div class="table-responsive">
                            <table class="tablesorter-bootstrap table table-condensed table-striped">
                                <thead>
                                <tr>
                                    {% if pt|has_object_permission:"staff_only" %}
                                    <th></th>
                                    {% endif %}
                                    <th style="width: 50%;">{% trans "User" %}</th>
                                    <th style="width: 50%;">{% trans "Email" %}</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for u in authorized_users %}
                                    <tr>
                                        {% if pt|has_object_permission:"staff_only" %}
                                        <td>
                                            <form method="post" action="{% url 'delete_product_type_authorized_user' pt.id u.id %}" id="remove-authorized-user-{{ u.id }}" style="display:none;">
                                                {% csrf_token %}
                                            </form>
                                            <ul>
                                                <li class="dropdown" style="list-style:none">
                                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true" label="Actions" name="dropdownAuthorizedUserActions">&nbsp;<b class="fa-solid fa-ellipsis-vertical"></b>&nbsp;</a>
                                                    <ul class="dropdown-menu">
                                                        <li>
                                                            {# escapejs, not HTML escaping: this string is compiled as JavaScript, where an HTML entity decodes back into a quote. #}
                                                            {% autoescape off %}{% blocktrans asvar remove_authorized_user_message with username=u.username %}Remove {{ username }} from authorized users?{% endblocktrans %}{% endautoescape %}
                                                            <a name="removeAuthorizedUser" href="#"
                                                               onclick="if (confirm('{{ remove_authorized_user_message|escapejs }}')) { document.getElementById('remove-authorized-user-{{ u.id }}').submit(); } return false;">
                                                                <i class="fa-solid fa-trash"></i> {% trans "Remove" %}
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </td>
                                        {% endif %}
                                        <td name="authorized_user_username">{{ u.username }}</td>
                                        <td>{{ u.email|default:"" }}</td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% else %}
                        <div class="panel-body">
                            <small class="text-muted"><em>{% trans "No authorized users." %}</em></small>
                        </div>
                    {% endif %}
                </div>
                {% endblock authorized_users_panel %}

                {% block rbac_members_panel %}{% endblock %}
                {% block rbac_groups_panel %}{% endblock %}
        </div>
        <div class="col-md-4">
            <div class="panel panel-default-secondary">
                <div class="panel-heading">
                    <h3 class="panel-title"><span class="fa-solid fa-circle-info fa-fw dd-card-icon" aria-hidden="true"></span>
                        {{ pt.name }}
                    </h3>
                </div>
                <div class="table-responsive">
                    <table class="table table-striped">
                      <tbody>
                        <tr>
                          <td style="width: 150px;"><strong>{{ labels.ORG_CRITICAL_PRODUCT_LABEL }}</strong></td>
                          <td>
                            {% if pt.critical_product %}
                            <i class="text-success fa-solid fa-check"></i>
                            {% else %}
                            <i class="text-danger fa-solid fa-xmark"></i>
                            {% endif %}
                        </td>
                    </tr>
                        <tr>
                            <td style="width: 150px;"><strong>{{ labels.ORG_KEY_PRODUCT_LABEL }}</strong></td>
                            <td>
                                {% if pt.key_product %}
                                <i class="text-success fa-solid fa-check"></i>
                                {% else %}
                                <i class="text-danger fa-solid fa-xmark"></i>
                                {% endif %}
                            </td>
                        </tr>
                    </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block postscript %}
    {% include "dojo/filter_js_snippet.html" %}
{% endblock %}