{% extends "base.html" %}
{% load i18n static %}

{% block main %}
<h1>{% trans "Backlog" %}{% if board %}{% blocktrans with board_name=board.name %} for project {{ board_name }}{% endblocktrans %}{% endif %}</h1>
{% if lists %}
    <table class="table table-striped">
        <thead>
            <tr>
                <th></th>
                <th>{% trans "List" %}</th>
                <th>{% trans "ID" %}</th>
                <th>{% trans "Name" %}</th>
                <th>{% trans "Estimated time" %}</th>
                <th>{% trans "Estimated cost" %}</th>
            </tr>
        </thead>
        <tbody>
            {% for list in lists %}
                {% for card in list.cards %}
                    <tr>
                        <td><input type="checkbox" data-card-id="{{ card.idShort }}" data-class="check-card" /></td>
                        <td>{{ list.name }}</td>
                        <td><a href="{{ card.shortUrl }}" target="_blank">{{ card.idShort }}</a></td>
                        <td>{{ card.name }}</td>
                        <td data-time-for="{{ card.idShort }}">{{ card.time_estimated }}</td>
                        <td data-cost-for="{{ card.idShort }}">{{ card.cost_estimated|floatformat:2 }}</td>
                    </tr>
                {% endfor %}
            {% endfor %}
                <tr>
                    <td colspan="4"><strong>{% trans "Total" %}</strong></td>
                    <td><strong>{{ board.time_estimated_total }}</strong></td>
                    <td><strong>{{ board.cost_estimated_total|floatformat:2 }}</strong></td>
                </tr>
                <tr>
                    <td colspan="4"><strong>{% trans "Total selected" %}</strong></td>
                    <td><strong data-id="total-time"></strong></td>
                    <td><strong data-id="total-cost"></strong></td>
                </tr>
        </tbody>
    </table>
{% endif %}
<form method="get" action=".">
    <div><label>{% trans "Trello Board ID" %}:</label> <input type="text" name="board" /></div>
    <div><label>{% trans "Lists" %}:</label> <input type="text" name="lists" /></div>
    <div><label>{% trans "Hourly rate" %}:</label> <input type="text" name="rate" /></div>
    <div><input type="submit" value="{% trans "Submit" %}" /></div>
</form>
{% endblock %}


{% block extrascript %}
<script src="{% static "sprints/js/sprints.js" %}"></script>
{% endblock %}