Генерируйте HTML-раздел с другим вложенным разделом каждые 4 итерации, используя шаблонный движок

Question

У меня следующий результат запроса:

     array(66) {
  [0]=>
  array(6) {
    ["numero"]=>
    int(548)
    ["coreo"]=>
    string(30) "Disco Dance Solo Female Junior"
    ["elementi"]=>
    int(1)
    ["club"]=>
    string(12) "Winning Club"
    ["nazione"]=>
    string(10) "San Marino"
    ["ballerini"]=>
    array(1) {
      [0]=>
      array(2) {
        ["nome"]=>
        string(18) "Della Fera Alessia"
        ["sesso"]=>
        string(1) "F"
      }
    }
  }
  [1]=>
  array(6) {
    ["numero"]=>
    int(100)
    ["coreo"]=>
    string(30) "Disco Dance Solo Female Junior"
    ["elementi"]=>
    int(1)
    ["club"]=>
    string(12) "Winning Club"
    ["nazione"]=>
    string(10) "San Marino"
    ["ballerini"]=>
    array(1) {
      [0]=>
      array(2) {
        ["nome"]=>
        string(19) "Spinelli Elisabetta"
        ["sesso"]=>
        string(1) "F"
      }
    }
  }

. , .

и так далее ...

Моя цель - создать html-страницу, как показано ниже, используя шаблонный движок twig:

<div style="height: 50%; width: 100%;">
    <article style="float: left;">
        <h4>{{numero}}</h4>
        <ul>
            <li>{{coreo}}</li>
            <li>{{club}}</li>
            <li>{{nazione}}</li>
            <li>{{elementi}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
        </ul>
    </article>

    <article style="float: right;">
        <h4>{{numero}}</h4>
        <ul>
            <li>{{coreo}}</li>
            <li>{{club}}</li>
            <li>{{nazione}}</li>
            <li>{{elementi}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
        </ul>
    </article>
</div>

<div style="height: 50%; width: 100%;">
    <article style="float: left;">
        <h4>{{numero}}</h4>
        <ul>
            <li>{{coreo}}</li>
            <li>{{club}}</li>
            <li>{{nazione}}</li>
            <li>{{elementi}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
        </ul>
    </article>

    <article style="float: right;">
        <h4>{{numero}}</h4>
        <ul>
            <li>{{coreo}}</li>
            <li>{{club}}</li>
            <li>{{nazione}}</li>
            <li>{{elementi}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
            <li>{{ballerini.nome}} - {{ballerini.sesso}}</li>
        </ul>
    </article>
</div>

, в котором создается раздел каждые 4 записи.

Я начинаю со следующего кода

{% for i in 1..((numerinogruppo|length))|round(0,'ceil') %}
    {% if loop.index % 4 == 0 %}
        <section class="sheet padding-10mm">
            {% if loop.index % 2 == 0 %}
                <div style="height: 50%; width: 100%;">
                    <article style="float: left;">
                        <h4>{{ numeronogruppo[loop.index][numero] }}</h4>
                        <ul>
                            <li>Coreografia</li>
                            <li>Nazione</li>
                            <li>Eventuale ballerino 1</li>
                            <li>Eventuale ballerino 2</li>
                        </ul>
                    </article>

                    <article style="float: right;">
                        <h4>2</h4>
                        <ul>
                            <li>Coreografia</li>
                            <li>Nazione</li>
                            <li>Eventuale ballerino 1</li>
                            <li>Eventuale ballerino 2</li>
                        </ul>
                    </article>
                </div>

                <div style="height: 50%; width: 100%;">
                    <article style="float: left;">
                        <h4>1</h4>
                        <ul>
                            <li>Coreografia</li>
                            <li>Nazione</li>
                            <li>Eventuale ballerino 1</li>
                            <li>Eventuale ballerino 2</li>
                        </ul>
                    </article>

                    <article style="float: right;">
                        <h4>2</h4>
                        <ul>
                            <li>Coreografia</li>
                            <li>Nazione</li>
                            <li>Eventuale ballerino 1</li>
                            <li>Eventuale ballerino 2</li>
                        </ul>
                    </article>
                </div>
            {% endif %}
        </section>
    {% endif %}
{% endfor %}

но я не знаю, как получить доступ к значению массива и отобразить его в цикле for. Какие-либо предложения? Спасибо всем.