{% load cms_tags %}

<section class="split-section {{ instance.get_extra_classes }}" id="{{ instance.html_id }}">
  <div class="container">
    {% if children_to_side|length %}
      <div class="row">
        <div class="col-sm-6 {% if instance.text_direction == 'right' %}col-sm-push-6{% endif %} split-text">
          {% include "datacenterlight/cms/includes/_section_split_content.html" %}
        </div>
        <div class="col-sm-6 {% if instance.text_direction == 'right' %}col-sm-pull-6{% endif %} split-figure">
          <div class="section-figure">
            {% for plugin in children_to_side %}
              {% render_plugin plugin %}
            {% endfor %}
          </div>
        </div>
      </div>
    {% else %}
      <div class="space">
        {% include "datacenterlight/cms/includes/_section_split_content.html" %}
      </div>
    {% endif %}
  </div>
</section>