@php
    /**
     * Mirrors the real section list: one block per card, with the same head
     * and the same number of rows, so nothing jumps when the data lands.
     * Each entry is how many rows that card has.
     */
    $blocks = $blocks ?? [4, 3, 5, 4, 3, 1];
@endphp

<div class="sk" aria-hidden="true">
    @foreach($blocks as $rows)
        <div class="sk__card">
            <div class="sk__head">
                <span class="sk__dot"></span>
                <span class="sk__bar sk__bar--title"></span>
            </div>
            <div class="sk__body">
                @for($i = 0; $i < $rows; $i++)
                    <div class="sk__row">
                        <span class="sk__lines">
                            <span class="sk__bar sk__bar--label"></span>
                            <span class="sk__bar sk__bar--desc"></span>
                        </span>
                        <span class="sk__control"></span>
                    </div>
                @endfor
            </div>
        </div>
    @endforeach

    <div class="sk__save"><span class="sk__btn"></span></div>
</div>