{% extends "main.html" %}
{% load get_range %}
{% load math %}

{% block title %}Deck: {{ deck.name }}{% endblock %}

{% block content %}
<h2>{{deck}}</h2>
<h3>Mana</h3>
<h4>Lands</h4>
<img src="{{ land_chart.get_url }}" />
<h4>Symbols</h4>
<img src="{{ symbol_chart.get_url }}" />
<h4>Curve</h4>
<table class="mana-curve">
    {% for cost, count in curve.items %}
        <tr>
            <td class="cost">{{ cost }}</td>
            <td><div class="bar" style="text-align: right; width: {% widthratio count curve.values|getsum 100 %}%">{{ count }}</div></td>
        </tr>
    {% endfor %}
</table>
<h3>Cards</h3>
<ul>
    {% for card in deck.included_set.all %}
        <li>{{card.count}}x <a href="{% url mtgweb.cards.views.display name=card.card.name %}">{{ card.card }}</a></li>
    {% endfor %}
</ul>
{% endblock %}