<div class="bubble">
    <template x-for="(summon, index) in column" >
        <div>
            <div class="table-row-4-colums">
                <div class="table-cell table-cell-large semibold">
                    <template x-for="i in summon.names.length">
                        <div x-text="summon.names[i-1]"></div>
                    </template>
                </div>

                <div class="table-cell center numbers"><span x-text="summon.weight"></span></div>
                <div class="table-cell large center"><span x-text="summon.date"></span></div>
                <div class="table-cell"><div class="mybox center"><span x-text="summon.stage"></span></div></div>
            </div>

            <div x-show="index < column.length - 1">
                <hr/>
            </div>
        </div>
    </template>
</div>
