{% 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(' ', '_') %}
        {% if self.is_dm() %}
        <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.dm_notes }}
                </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>Regional Effects</dt><dd>{{ macros.table(r.regional_effects) }}</dd>
                    <dt>Skill Challenges</dt><dd>{{ macros.table(r.skills, ['Skills', 'DC', 'Notes']) }}</dd>
                    <dt>Encounters (CR {{r.cr}})</dt><dd>{{ macros.table(r.encounters, ['Roll', 'Difficulty']) }}</dd>
                    <dt>Weather Effects</dt><dd>{{ macros.table(r.weather, ['Roll', None, 'Description', 'Effect']) }}</dd>
                </dl>
            </div>
        </div>
        {% endif %}
        <hr>
        {% include "bottom-nav.html" %}
    </div>
 </section>
{% endblock %}