{% extends "base.html" %}
{% from "_icones.html" import i with context %}
{% block conteudo %}
<div class="palco">
  <div class="cabeca">
    {% set partes = preencher(tp.h1, {"palavra": "§"}).split("§") %}
    <h1>{{ partes[0] }}<em>{{ p.palavra }}</em>{{ partes[1] }}</h1>
    <p class="lead">{{ preencher(tp.lead, v) }}</p>
  </div>
  {% if p.get('modalidade') == 'escrita' %}{% include "_escrita_documentada.html" %}{% endif %}
  <section class="ferramenta" data-ferramenta="separacao" data-pagina="{{ p.palavra }}" aria-label="{{ t.ferramentas.separacao.nome }}">
    {% set valor_inicial = p.palavra %}
    {% set exemplo = {"palavra": p.palavra, "html": p.html} %}
    {% set f = t.ferramentas.separacao %}
    {% include "_f_palavra.html" %}
  </section>
</div>
<article class="conteudo-seo">
  {% if p.get('flexoes_documentadas') %}{% include "_flexao_documentada.html" %}{% endif %}{% if p.get('atividade') %}
  <section class="atividade-editorial">
    <h2>{{ tp.atividade_titulo }}</h2>
    {% if p.atividade is mapping %}
    <p>{{ p.atividade.enunciado }}</p>
    {% if p.atividade.get('resposta') %}<details><summary>{{ tp.atividade_resposta }}</summary><p>{{ p.atividade.resposta }}</p></details>{% endif %}{% if p.atividade.get('comparacao_editorial') %}
    {% set comparacao = p.atividade.comparacao_editorial %}
    <div class="atividade-comparativa">
      <h3>{{ tp.get('atividade_comparacao_titulo', tp.atividade_titulo) }}</h3>
      <p>{{ comparacao.enunciado }}</p>
      <ul>{% for leitura in comparacao.lectures %}<li><b>{{ leitura.palavra }}</b>: /{{ leitura.silabas|join('.') }}/</li>{% endfor %}</ul>
      {% if comparacao.get('resposta') %}<details><summary>{{ tp.atividade_resposta }}</summary><p>{{ comparacao.resposta }}</p></details>{% endif %}
    </div>
    {% endif %}
    {% else %}
    <p>{{ p.atividade }}</p>
    {% endif %}{% if p.get('modulo_sentido') %}
    {% set modulo = p.modulo_sentido %}
    <div class="atividade-conjunta" data-modulo-sentido="{{ modulo.id }}">
      <h3>{{ modulo.titulo }}</h3>
      <p>{{ modulo.explicacao }}</p>
      <ul>{% for leitura in modulo.leituras %}<li><b>{{ leitura.palavra }}</b>: {{ leitura.segmentacao }}</li>{% endfor %}</ul>
      <p>{{ modulo.enunciado }}</p>
      <details><summary>{{ tp.atividade_resposta }}</summary><p>{{ modulo.resposta }}</p></details>
      <p class="nota">{{ modulo.limites }}</p>
    </div>
    {% endif %}
  </section>
  {% endif %}
  {% if "encontros" in ferramentas and p.html_encontros %}
  <section>
    <h2>{{ preencher(tp.sec_encontros, v) }}</h2>
    {{ p.html_encontros|h }}
    <p class="mais-links"><a href="{{ url_ferramenta('encontros') }}">{{ t.ferramentas.encontros.h1 }} {{ i('seta') }}</a></p>
  </section>
  {% endif %}
  {% include "_rimas_palavra.html" %}
  {% if p.homografos %}
  <section>
    <h2>{{ tp.sec_homografos }}</h2>
    <ul class="lista-palavras">
      {% for palavra, href, sil in p.homografos %}<li><a href="{{ href }}"><b>{{ palavra }}</b> <span>{{ sil }}</span></a></li>{% endfor %}
    </ul>
  </section>
  {% endif %}
  {% if p.parecidas %}
  <section>
    <h2>{{ preencher(tp.sec_parecidas, v) }}</h2>
    <ul class="lista-palavras">
      {% for palavra, href, sil in p.parecidas %}<li><a href="{{ href }}"><b>{{ palavra }}</b> <span>{{ sil }}</span></a></li>{% endfor %}
    </ul>
  </section>
  {% endif %}
  {% include "_faq.html" %}
</article>
{% include "_relacionadas.html" %}
{% include "_erro.html" %}
{% endblock %}