@php
    $cards = $block->cards;
@endphp
<div class="values-block block-margin-top--{{ $block->margin_type_top }} block-margin-bottom--{{$block->margin_type_bottom}}">
    @if ($block->anchor_id )
        <div id="{{ $block->anchor_id }}" class="anchor-offset"></div>
    @endif
    <div class="values-block__wrapper">
        <div>
            <div class="values-block__line1">
                <div class="values-block__long-text" data-aos="fade-up">
                    <h2>@title($block->block_title)</h2>
                    {!! $block->content !!}
                </div>
                <div class="values-block__right-boxes">
                    @for ($i = 0; $i < 5; $i++)
                        @include ('frontend.templates.components.value-box', ['card' => $cards->get($i), 'position' => $i])
                    @endfor
                </div>
            </div>
            <div class="values-block__line2">
                <div class="values-block__left-boxes">
                    <div class="values-block__left-column">
                        @for ($i = 5; $i < 7; $i++)
                            @include ('frontend.templates.components.value-box', ['card' => $cards->get($i), 'position' => $i])
                        @endfor
                    </div>
                    @include ('frontend.templates.components.value-box', ['card' => $cards->get(7), 'position' => 7])
                </div>
            </div>
        </div>
    </div>
</div>