{% set doc = frecklet.doc %}
{% set examples = doc.get_examples() %}

{% if examples %}
<p>Example:</p>
{% if examples[0].get("vars", {}) %}
{{ ('# '+ examples[0].title + '\n- ' + frecklet_name + ':\n' + (examples[0].get("vars", {}) | to_yaml(indent=4))) | to_code_block('yaml') | from_markdown }}
{% else %}
{{ ('# '+ examples[0].title + '\n- ' + frecklet_name) | to_code_block('yaml') | from_markdown }}
{% endif %}
{% endif %}

{% set help = doc.get_help(use_short_help=True) %}
{% if help %}
<section class="doc-section">
    <h2 class="section-title" id="description">Description</h2>
    <div class="section-block">
        {{ help | from_markdown }}
    </div>
</section>
{% endif %}

{% set further_reading = doc.get_further_reading() %}
{% if further_reading %}
<section class="doc-section">
    <h2 class="section-title" id="resources">Resources</h2>
    <div class="section-block">
        <ul>
            {% for d, l in further_reading.items() %}
            <li><a href="{{ l }}">{{ d }}</a></li>
            {% endfor %}
        </ul>
    </div>
</section>
{% endif %}

{% set vars = frecklet.vars_frecklet %}
{% if vars %}
<section class="doc-section">
    {% include 'variables.html' %}
</section>
{% endif %}

{% set long_help = doc.get_long_help() %}
{% if long_help %}
<section class="doc-section">
    <h2 class="section-title" id="details">Details</h2>
    <div class="section-block">
        {{ long_help | from_markdown }}
    </div>
</section>
{% endif %}

{% if examples %}
<section class="doc-section">
    {% include "examples.html" %}
</section>
{% endif %}

<section class="doc-section">
    {% include "code.html" %}
</section>