{% extends "public/base.html" %}
{% load bootstrap %}
{% load staticfiles %}
{% load i18n %}

{% block title %}Alliance Auth{% endblock %}
{% block page_title %}FleetUp - Doctrine{% endblock page_title %}

{% block content %}
<div class="col-lg-12">
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">{% trans "Toggle navigation" %}</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Fleet-Up</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="/fleetup/">{% trans "Ops and Timers" %}</a></li>
                <li class="active"><a href="/fleetup/doctrines/">{% trans "Doctrines" %} <span class="sr-only">(current)</span></a></li>
                <li><a href="/fleetup/fittings/">{% trans "Fittings" %}</a></li>
                {% if perms.auth.corp_stats %}
                <li><a href="/fleetup/characters/">{% trans "Characters" %}</a></li>
                {% endif %}
                <li></li>
            </ul>
        </div>
    </div>
</nav>
    <div class="panel">
        {% for a, j in doctrine.items %}
        {% regroup j.Data|dictsort:"Role" by Role as role_list %}

            {% for Role in role_list %}
            
            <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title"><b>{{ Role.grouper }}</b></h3>
                        </div>
                        <div class="panel-body">
                            <table class="table table-condensed table-hover table-striped">
                                <tr>
                                    <th class="col-md-1"></th>
                                    <th class="col-md-1">{% trans "Name" %}</th>
                                    <th class="col-md-1">{% trans "Role" %}</th>
                                    <th class="col-md-1">{% trans "Hull type" %}</th>
                                    <th class="col-md-1">{% trans "Ship type" %}</th>
                                    <th class="col-md-1">{% trans "Estimated ISK" %}</th>
                                    <th class="col-md-2">{% trans "Categories" %}</th>
                                </tr>
                                {% for item in Role.list %}
                                <tr>
                                    <td>
                                       <a href="/fleetup/fittings/{{ item.FittingId }}"><img src="https://image.eveonline.com/InventoryType/{{ item.EveTypeId }}_32.png"></a>
                                    </td>
                                    <td>
                                        {{ item.Name }}
                                    </td>
                                    <td>
                                        {{ item.Role }}
                                    </td>
                                    <td>
                                        {{ item.HullType }}
                                    </td>
                                    <td>
                                        {{ item.ShipType }}
                                    </td>
                                    <td>
                                        {% load humanize %}{{ item.EstPrice|intword }}
                                    </td>
                                    <td>
                                        {% for categories in item.Categories %} 
                                        {{ categories }},
                                        {% endfor %}
                                    </td>
                                </tr>
                               {% endfor %}
                            </table>
                       </div>
            </div>
        {% endfor %}
    </div>
   {% endfor %}
</div>

{% endblock content %}