@section('componentable-area-' . $loop->iteration)

    @php $cardViewComponent = \App\Helpers\Atomic::createCardsViewComponent($component); @endphp

    @if(isset($cardViewComponent->webinar) && $cardViewComponent->webinar)
        <div class="t-webinars__main">
    @endif

        @if(!empty($cardViewComponent->row_heading) && !$cardViewComponent->hover_layout) <h2 class="t-webinars__title"> {{ $cardViewComponent->row_heading }} </h2> @endif


        @if($cardViewComponent->hover_layout)
                <div class="c-industry-cards">
                    @foreach($cardViewComponent->cards as $card)
                        <a href="{{$card->button_link}}" class="c-card c-card--shadow">
                            <div class="c-card__body">
                                <div class="c-card__icon">
                                    @include('site.components.token', ['icon' => $card->icon, 'modifiers' => ['industryCard']])
                                </div>
                                <h4 class="c-card__title">{{ $card->title }}</h4>
                                <div class="c-card__description">
                                    {!! $card->description !!}
                                </div>
                            </div>
                        </a>
                    @endforeach
                </div>
        @else

        <div class="l-matrix  @if($cardViewComponent->boxed) l-matrix--dense @endif  @if(isset($cardViewComponent) && $cardViewComponent)  l-matrix--mobile-divider @endif @if(isset($cardViewComponent->webinar) && $cardViewComponent->webinar) t-webinars__items @endif">

            {{-- Check if there are cards --}}
            @if($cardViewComponent->cards->count() != 0)

                @foreach($cardViewComponent->cards as $card)

                    <div class="l-matrix__item">
                        @include('site.components.card', [
                        'modifiers' => $cardViewComponent->cardModifiers,
                        'cardIcon' => $card->icon,
                        'cardImage' => isset($card->image[0]) ? $card->image[0]->path : false,
                        'webinar' => isset($cardViewComponent->webinar) ? $cardViewComponent->webinar : false,
                        'cardTitle' => $card->title,
                        'cardText' => $card->description,
                        'textButtonLink' => $card->button_link,
                        'textButtonText' => $card->button_label,
                        ])
                    </div>
                @endforeach

                {{-- Else make 3 items as preview--}}
            @else

                @for ($i = 0; $i < 3; $i++)
                    <div class="l-matrix__item">
                        @include('site.components.card', ['forceIcon' => true])
                    </div>
                @endfor

            @endif

        </div>

        @endif

    @if(isset($cardViewComponent->webinar) && $cardViewComponent->webinar)
    </div>
    @endif

@endsection

@include('site.organisms.componentables.componentLayout')