{% extends "base.html" %}
{% import "macros.html" as macros %}
{% block title %}{{ article.title|capitalize }} - {{SITENAME}}{% endblock title %}
{% block content %}
{% set r = article.metadata.region %}

<section id="content">
    <div class='box curled'>
        <h2 class="entry-title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2>
        {% import 'translations.html' as translations with context %}
        {{ translations.translations_for(article) }}
        <hr>
        <div class='byline'>
        <span class='date'>{{ article.locale_date }}</span>&nbsp;{% if article.tags %}{% for tag in article.tags %}<a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a> {% endfor %}{% endif %}
        </div>
        {% if article.description %}
        <div class='scrap'><div class='note'>{{ article.description }}</div></div>
        {% endif %}

        {{ article.content }}

        {% set target = article.title.replace(' ', '_') %}
        <div class='statblock'>
            <div style='cursor: pointer;'
                onclick="document.getElementById('{{target}}').style.display=((document.getElementById('{{ target }}').style.display=='none')?'':'none');" ><h3>{{ article.title }}</h3></div>
            <div id="{{ target }}" style='display:none;'>
                <div class='read'>
                    {{ r.description }}
                </div>
                <dl>
                    <dt>Size</dt><dd>{{ r.size }} sq. miles </dd>
                    <dt>Terrain</dt><dd>{{ r.terrain }} (walking: {{ r.size / 10 if r.terrain == 'difficult' else 20 |round }} days)</dd>
                    <dt>Skill Challenges</dt><dd>
                        <table>
                        <tr>
                            <th>Skill</td>
                            <th style='text-align: right;'>DC</th>
                            <th>Resources</th>
                        </tr>
                        {% for (k, v) in [ ('Travel', r.travel), ('Forage', r.forage), ('Track', r.track), ('Evade', r.evade), ('Survey', r.survey) ]  %}
                        <tr>
                            <td>{{ k }}</td>
                            <td style='text-align: right;'>{{ v.dc or ""}}</td>
                            <td>{{ v.resources or ""}}</td>
                        </tr>
                        {% endfor %}
                        </table>
                    </dd>
                    <dt>Encounters (CR {{r.cr}})</dt><dd>{{ macros.rolltable(r.encounters) }}</dd>
                    <dt>Regional Effects</dt><dd>{{ macros.rolltable(r.regional_effects) }}</dd>
                    <dt>Weather Effects</dt><dd>{{ macros.rolltable(r.weather) }}</dd>
                </dl>
            </div>
        </div>

        <hr>
        {% include "bottom-nav.html" %}
    </div>
 </section>
{% endblock %}