{% extends "package_detail_base.html" %}
{% load projecttags %}

{% block title %}
    {% with fullPackageSpec=package.name|add:"_"|add:package.version|add:"-"|add:package.revision|filtered_packagespec %}
        <h1>{{fullPackageSpec}} <small>({{target.target}})</small></h1>
    {% endwith %}
{% endblock title %}

{% block tabcontent %}
    {% with fullPackageSpec=package.name|add:"_"|add:package.version|add:"-"|add:package.revision|filtered_packagespec packageFileCount=package.buildfilelist_package.count %}
    {% include "package_included_tabs.html" with active_tab="dependencies" %}
    <div class="tab-content">
       <div class="tab-pane active" id="dependencies">
       {% ifnotequal runtime_deps|length 0 %}
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>Package</th>
                        <th>Version</th>
                        <th>Size</th>
                    </tr>
                </thead>
                <tbody>
					{% for runtime_dep in runtime_deps %}
                        <tr>
                            <td>
                               <a href="{% url 'package_included_detail' build.id target.id runtime_dep.depends_on_id %}">
                                    {{runtime_dep.name}}
                                </a>
                            </td>
                            <td>{{runtime_dep.version}}</td>
                            <td>{{runtime_dep.size|filtered_filesizeformat}}</td>
                        </tr>
					{% endfor %}
                 </tbody>                
            </table>
        {% else %}
            <div class="alert alert-info">
                <strong>{{fullPackageSpec}}</strong> has no runtime dependencies.
            </div>
        {% endifnotequal %}

        {% ifnotequal other_deps|length 0 %}
            <h3>Other runtime relationships</h3>
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>Package</th>
                        <th>Version</th>
                        <th>Size</th>
                        <th>
                            <i class="icon-question-sign get-help" title="There are 5 relationship types: recommends, suggests, provides, replaces and conflicts"></i>
                            Relationship type
                        </th>
                    </tr>
                </thead>               
                <tbody>
					{% for other_dep in other_deps %}
                        {% if other_dep.installed %}
                            <tr>
                                <td>
                                   <a href="{% url 'package_included_detail' build.id target.id other_dep.depends_on_id %}">
                                        {{other_dep.name}}
                                    </a>
                                </td>
                                <td>{{other_dep.version}}</td>
                                <td>{{other_dep.size|filtered_filesizeformat}}</td>
                                <td>
                                    {{other_dep.dep_type_display}}
                                    <i class="icon-question-sign get-help hover-help" title="{{other_dep.dep_type_help}}" ></i>
                                </td>
                            </tr>
                        {% else %}
                            <tr class="muted">
                                <td>{{other_dep.name}}</td>
                                <td>{{other_dep.version}}</td>
                                <td></td>
                                <td>
                                    {{other_dep.dep_type_display}}
                                    <i class="icon-question-sign get-help hover-help" title="{{other_dep.dep_type_help}}" ></i>
                                </td>
                            </tr>
                        {% endif %}
					{% endfor %}
                </tbody>               
            </table>
        {% endifnotequal %}
        </div> <!-- end tab-pane -->
    </div> <!-- end tab content -->
    {% endwith %}
{% endblock tabcontent %}