{% include html/page/header.liquid  %}

    <div class="{{ page.type | prepend: 'split-' }} left">

      {% include html/page/title.liquid  %}

      {% include html/page/subtitle.liquid  %}

      {%- if page.text -%}

      {% assign count = 0 %}

      {%- for item in page.text -%}
        {% assign count = count | plus : 1 %}
      {%- endfor -%}

      <div class="block page-split page-split-{{ count }} {% unless page.subtitle %}no-subtitle{% endunless %}">

          {%- for item in page.text -%}

          <div>

            {%- if item.column -%}

            <div>
              {{ item.column }}
            </div>

            {%- elsif item.switch -%}

            {%- for item in item.switch -%}

              {%- if item.before -%}

                <div class="before">
                  {{ item.before }}
                </div>

              {%- elsif item.after -%}

                <div class="after">
                  {{ item.after }}
                </div>

              {%- elsif item.button -%}

                <div class="button-wrap switch-button {{ page.chapter | downcase }}">
                  <button type="button">Next</button>
                  <span class="button-bg"></span>
                </div>

              {%- endif -%}

            {%- endfor -%}

            {%- endif -%}

          </div>

          {%- endfor -%}

        </div>

      {%- else -%}

        {{ page.content | markdownify }}

      {%- endif -%}

    </div>

    <div class="{{ page.type | prepend: 'split-' }} right">

      {% include html/page/info.liquid  %}

    </div>
  </div>
</div>