{% import "macros.html" as ui %}
{% include "header.html" %}
{% set role = page_role(state, entity) %}

{% call ui.section("description", "Description", divider=true) %}
  {% set texts = other_sections(entity) | selectattr("kind", "equalto", "text") | list %}
  {% if texts %}
  <div class="docstring">{% for section in texts %}{{ section.text | markdown | safe }}{% endfor %}</div>
  {% else %}
  <p class="empty">No docstring.</p>
  {% endif %}
{% endcall %}

{% call ui.section(role, "Signature", name="signature", divider=true) %}
  {% if entity.decorators %}
  <p class="chips decorators">{% for decorator in entity.decorators %}<code class="chip">@{{ decorator }}</code>{% endfor %}</p>
  {% endif %}
  <pre class="signature code-block"><code>{{ signature(entity) | highlight }}</code></pre>
  {% if entity.kind == "class" and entity.bases %}
  <p class="bases">Bases: {% for base in entity.bases %}<code class="chip">{{ base }}</code>{% endfor %}</p>
  {% endif %}
{% endcall %}

{% set rows = parameter_rows(entity) %}
{% if rows %}
{% call ui.section(role, "Parameters", count=rows | length, name="parameters", divider=true) %}
  <table>
    <thead><tr><th>Name</th><th>Type</th><th>Default</th><th>Description</th></tr></thead>
    <tbody>
      {% for row in rows %}
      <tr>
        <td><code class="param-name">{{ row.name }}</code></td>
        <td>{% if row.annotation %}<code>{{ row.annotation }}</code>{% else %}<span class="empty">-</span>{% endif %}</td>
        <td>{% if row.default %}<code>{{ row.default }}</code>{% else %}<span class="empty">-</span>{% endif %}</td>
        <td>{% if row.description %}{{ row.description | markdown | safe }}{% else %}<span class="empty">-</span>{% endif %}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
{% endcall %}
{% endif %}

{% set documented = other_sections(entity) | rejectattr("kind", "equalto", "text") | list %}
{% if entity.kind == "function" and entity.returns and not documented | selectattr("kind", "equalto", "returns") | list %}
{% call ui.section("returns", "Returns", divider=true) %}
  <p><code>{{ entity.returns }}</code></p>
{% endcall %}
{% endif %}

{% for section in documented %}
{% set count = section["items"] | length %}
{% call ui.section(section.kind, section.title or section.kind, count=count if count > 1 else none, divider=true) %}
  {% if section.text %}{{ section.text | markdown | safe }}{% endif %}
  {% if section["items"] %}
  <ul class="items">
    {% for item in section["items"] %}
    <li>
      {% if item.is_code %}
      <pre class="code-block"><code>{{ item.description | highlight }}</code></pre>
      {% else %}
      {% if item.name or item.annotation %}
      <code class="item-head">
        {%- if item.name %}<span class="param-name">{{ item.name }}</span>{% endif %}
        {%- if item.name and item.annotation %}<span class="type">: {{ item.annotation }}</span>
        {%- elif item.annotation %}<span class="param-name">{{ item.annotation }}</span>{% endif %}
      </code>
      {% endif %}
      {{ item.description | markdown | safe }}
      {% endif %}
    </li>
    {% endfor %}
  </ul>
  {% endif %}
{% endcall %}
{% endfor %}

{% if entity.kind == "class" %}
{% with divider = true %}{% include "members.html" %}{% endwith %}
{% endif %}

{# Open by default; the code is fetched right after the page is shown, so the page itself stays light. #}
{% set source_attrs = 'hx-get="/source/%s" hx-trigger="load" hx-target="find .code"' | format(entity.path | e) %}
{% call ui.section("source", "Source", divider=true, attrs=source_attrs) %}
  {# Changing the theme saves it to doc/config/config.json. #}
  <label class="theme-picker">Code theme
    <select class="code-theme-select" name="code_theme"
            hx-post="/settings/code-theme" hx-trigger="change" hx-swap="none">
      {% for name in code_themes %}<option value="{{ name }}"{% if name == code_theme %} selected{% endif %}>{{ name }}</option>{% endfor %}
    </select>
  </label>
  <div class="code"><p class="empty">Loading…</p></div>
{% endcall %}