@php
    $cards = [];
    $ctaLabels = [];
    foreach($block->cards as $card) {
        $cardFields = $card->getCardFields();

        if ($cardFields) {
            $cards[] = $cardFields;
        }

        $ctaLabels[] = [$card->cta_label, $card->cta2_label];
    }
@endphp
@if(!empty($cards))
    <div class="two-cards two-cards--{{ sizeof($cards) }} block-margin-top--{{ $block->margin_type_top }} block-margin-bottom--{{$block->margin_type_bottom}} {{ $block->no_background ? 'two-cards--no-bg' : '' }} {{ $block->no_image ? 'two-cards--no-image' : '' }}">
        @if ($block->anchor_id )
            <div id="{{ $block->anchor_id }}" class="anchor-offset"></div>
        @endif
        <div class="two-cards__wrapper">
            <div class="two-cards__heading-title {{ $block->alignment ? 'two-cards--align-'.$block->alignment : 'two-cards--align-center'}}">
                @if(!empty($block->block_title))
                    @php $block->heading_type = 'h2'; @endphp
                    @include('frontend.templates.blocks.title-block',[
                        'isInclude' => true,
                    ])
                @endif
            </div>
            <div class="two-cards__holder" data-aos="fade-up">
                @foreach ($cards as $i => $card)
                    <div class="two-cards__card">
                        @if ($card->image && empty($block->no_image))
                            <div class="two-cards__card-image">
                                <picture>
                                    <source media="(min-width: 768px)" srcset="{{ getMediaUrl($card->image->filename, '600x400') }}.webp" type="image/webp">
                                    <source media="(min-width: 768px)" srcset="{{ getMediaUrl($card->image->filename, '600x400') }}">
                                    <source srcset="{{ getMediaUrl($card->image->filename, '600x445') }}.webp" type="image/webp">
                                    {!! getMediaImg($card->image, '600x445', htmlentities($card->title)) !!}
                                </picture>
                            </div>
                        @endif
                        <div class="two-cards__card-content">
                            @if ($card->subject)
                                <span class="two-cards__card-content-subject">
                                    {{ $card->subject }}
                                </span>
                            @endif

                            @if (empty($block->no_image))
                                <h4 class="two-cards__card-content-title">
                                    @title($card->title)
                                </h4>
                            @else
                                <h2 class="two-cards__card-content-title">
                                    @title($card->title)
                                </h2>
                            @endif

                            <div class="rich-content-system">
                                {!! !empty($card->is_card) ? $card->content : $card->excerpt !!}
                            </div>
                            <div class="two-cards__card-actions">
                                @if ($card->cta)
                                    {!! generateLink($card->cta, 'std-button std-button--small', null, null, false, $ctaLabels[$i][0]) !!}
                                @endif
                                @if ($card->cta2)
                                    {!! generateLink($card->cta2, 'link-animation-arrow link-left-arrow', null, null, false, $ctaLabels[$i][1]) !!}
                                @endif
                            </div>
                        </div>
                    </div>
                    @if ($loop->index === 2)
                        @break
                    @endif
                @endforeach
            </div>
        </div>
    </div>
@endif