{% if page.name == conf.name %}
  {% assign ispage = true %}
  {% if page.category contains 'in-review' %}
    {% alert info %}This page is marked for review. The following information may be outdated or may no longer apply to the latest Marlin.{% endalert %}
  {% elsif page.category contains 'wip' %}
    {% alert info %}This page is under construction and may not have complete or up-to-date information.{% endalert %}
  {% endif %}
  {% assign h1 = "h1" %}{% assign h3 = "h3" %}
  {% if page.label %}{% assign title = page.label %}{% else %}{% assign title = false %}{% endif %}
  {% if page.since %}{% assign since = page.since %}{% else %}{% assign since = false %}{% endif %}
  {% if page.tags %}{% assign tags = page.tags | join: ", " %}{% else %}{% assign tags = false %}{% endif %}
  {% if page.label == "LCD" %}{% assign islcd = 1 %}{% endif %}
{% else %}
  {% assign ispage = false %}
  {% assign h1 = "h4" %}{% assign h3 = "h5" %}
  {% assign title = "#define <span>" | append: conf.name | append: "</span>" %}
  {% if conf.type %}{% assign title = title | append: " <em>" | append: conf.type | append: "</em>" %}{% endif %}
  {% if conf.disabled %}{% assign title = "//" | append: title %}{% endif %}
  {% if conf.since %}{% assign since = conf.since %}
  {% elsif parsince %}{% assign since = parsince %}
  {% else %}{% assign since = false %}{% endif %}
  {% if conf.tags %}{% assign tags = conf.tags | join: ", " %}
  {% elsif partags %}{% assign tags = partags | join: ", " %}
  {% else %}{% assign tags = false %}{% endif %}
{%- endif -%}

<div class="detail-header">
  {% if ispage %}{% assign matter = conf %}{% include authors.html %}{% endif %}

  {%- if since -%}
    <div class="since">
      <span class="label label-success"><i class="fa fa-code" aria-hidden="true"></i>
      {{- since }}{% if conf.until %} - {{ conf.until }}{% endif %}</span>
    </div>
  {%- endif -%}

  {% if islcd == 1 and conf.name %}
    <div class="more-info"><a href="/docs/hardware/controllers.html#{{ conf.name | downcase }}">[More Info]</a></div>
  {% endif %}

  <a name="{{ aprefix }}{{ conf.name }}"></a><{{ h1 }}{% if conf.disabled %} class="dis"{% endif %}>{{ title }}</{{ h1 }}>

  {% if conf.experimental %}
    <span class="label label-warning"><span data-toggle="tooltip" data-placement="bottom" title="Experimental"><i class="fa fa-flask" aria-hidden="true"></i></span></span>
  {% endif %}
</div>

{% if conf.gcodes %}
  <div class="gcodes">
    See G-codes: {% for item in conf.gcodes %}<a href="/docs/gcode/{{ item | linkify }}.html"><code>{{item}}</code></a> {% endfor %}
  </div>
{% endif %}

{% if conf.brief %}
  <div class="brief">{{conf.brief | markdownify }}</div>
{% endif %}

{% if conf.description %}
  <div class="description">{{conf.description | markdownify }}</div>
{% endif %}

{% if conf.requires %}
  <div class="requires"><strong>⚠️ Requires: {{ conf.requires | join: ", " }}</strong></div>
{% endif %}

{% if tags %}
  <div class="tags"><span class="label label-default"><i class="fa fa-tags" aria-hidden="true"></i> {{ tags }}</span></div>
{% endif %}

<div class="long">
  {% if ispage %}
    {% if page.content %}{{ page.content | markdownify }}{% endif %}
  {% else %}
    {% if conf.long %}{{ conf.long | markdownify }}{% endif %}
  {% endif %}
</div>

{% if conf.options %}
  {% if conf.options >= 0 and page.shared[conf.options] %}
    {% assign options = page.shared[conf.options].options %}
  {% else %}
    {% assign options = conf.options %}
  {% endif %}
{% else %}
  {% assign options = false %}
{% endif %}
{%- if options %}
  <div class="options">
    {% if options[0].value %}
      <{{ h3 }}>🗳️ Options</{{ h3 }}>
      <table{% if options.size > 4 or options[0].brief %} class="table-striped"{% endif %}>
        {%- for op in options -%}
          <tr><th>{{ op.value }}</th><td>{% if op.brief %}{{ op.brief }}{% endif %}</td></tr>
        {%- endfor -%}
      </table>
    {% else %}
      <strong>🗳️ Options:</strong> {{ options | join: ", " }}
    {% endif %}
  </div>
{% endif %}

{% if conf.example %}{% assign example = conf.example %}
{% elsif conf.examples %}{% assign example = conf.examples %}
{% else %}{% assign example = false %}{% endif %}
{%- if example %}
  <div class="examples">
    <{{ h3 }}>👁️ Example{% if example.size > 1 %}s{% endif %}</{{ h3 }}>
    {% for ex in example %}
      {% if ex.pre %}
        {% for line in ex.pre %}
          {{ line | markdownify }}
        {% endfor %}
      {% endif %}
      {% if ex.value or ex.code %}
        {% highlight cpp %}{% if ex.value %}#define {{ conf.name }} {{ ex.value }}{% if ex.comment %} // {{ ex.comment }}{% endif %}{% endif %}
        {%- for line in ex.code %}{{ line }}{% endfor %}{% endhighlight %}
      {% endif %}
      {% if ex.post %}
        <div class="post">
          {% for line in ex.post %}
            {{ line | markdownify }}
          {% endfor %}
        </div>
      {% endif %}
    {% endfor %}
  </div>
{% endif %}

{% if conf.override %}
  <div class="override">
    {{ "📝 This option can be overridden with " | append: conf.override | append: "." | markdownify }}
  </div>
{% endif %}

{% if conf.links %}
<div class="links">
  {% if conf.links.size > 1 %}
    <{{ h3 }}>🔗 External Links</{{ h3 }}>
    <ul>
      {% for link in conf.links %}{% assign label = link.label | default: link.url %}
        <li><a href="{{ link.url }}">{{ label }}</a></li>
      {% endfor %}
    </ul>
  {% else %}
    {% assign link = conf.links[0] %}
    {% assign label = link.label | default: link.url %}
    <a href="{{ link.url }}">{{ label }}</a>
  {% endif %}
</div>
{% endif %}

{% if conf.images %}
<div class="gallery">
  <{{ h3 }}>🖼️ Gallery</{{ h3 }}>
  {% for img in conf.images %}
    {% assign cap = img.caption | markdownify %}
    {% assign ttl = img.title | markdownify | strip_html %}
    <h4>{{ ttl }}</h4>
    {{ cap }}
    <img src="{{ img.path | prepend: '/assets/images/config/' }}" alt="{{ ttl | xml_escape }}" title="{{ ttl | xml_escape }}" />
  {% endfor %}
</div>
{% endif %}

{% if conf.videos %}
<div class="videos">
  <{{ h3 }}>📺 Related Media</{{ h3 }}>
  {% for videoid in conf.videos %}
    <iframe class="youtube" width="300" height="225" src="https://youtube.com/embed/{{ videoid }}"></iframe>
  {% endfor %}
</div>
{% endif %}

<!-- Recursively display sub-options by re-including this template -->
{% assign islcdbak = islcd %}
{% if conf.subopts %}{% assign sub = conf.subopts %}{% assign label = "Sub-Options" %}{% assign islcd = 0 %}
{% elsif conf.settings %}{% assign sub = conf.settings %}{% assign label = "Settings" %}
{% else %}{% assign sub = false %}{% endif %}
{% if sub %}
  {% assign confbak = conf %}
  {% assign aprefixbak = aprefix %}
  {% if conf.name %}{% assign aprefix = aprefix | append: conf.name | append: '-' %}{% endif %}
  {% for conf in sub %}
    {% if conf contains 'since' %}{% else %}{% assign parsince = conf.since %}{% endif %}
    {% if conf contains 'tags' %}{% else %}{% assign partags = conf.tags %}{% endif %}
    <div class="subopt">{% include setting-info.html %}</div>
  {% endfor %}
  {% assign aprefix = aprefixbak %}
  {% assign conf = confbak %}
{% endif %}
{% assign islcd = islcdbak %}