{% extends "layout.html" %}

{% block title %}{{ progress.current.title }}{% parent %}{% endblock %}
{% block content %}
<div class="book with-summary" data-github="{{ githubId }}" data-level="{{ progress.current.level }}">
    {% include "includes/book/header.html" %}
    {% include "includes/book/summary.html" %}
    <div class="book-body" tabindex="-1">
        <div class="page-wrapper">
            {% include "includes/book/progress.html" %}

            <div class="page-inner">
            {% for section in content %}
                <section class="{{ section.type }}" id="section-{{ section.id }}">
                {% if section.type == "normal" %}
                    {% autoescape false %}{{ section.content }}{% endautoescape %}
                {% elif section.type == "exercise" %}
                    {% include "./includes/book/exercise.html" with {section: section} %}
                {% endif %}
                </section>
            {% endfor %}
            </div>

            {% include "includes/book/footer.html" %}
        </div>
    </div>
</div>
{% endblock %}