@php
    $isCardClickable = isset($clickable) && $clickable == true ? true : false;
    $elem = $isCardClickable ? 'a' : 'div';

    $tokenModifier = [];
    if(isset($modifiers)) {
        if(is_array($modifiers) && in_array('box', $modifiers)) {$tokenModifier[] = 'large';}
        elseif(is_string($modifiers) && $modifiers == 'box') {$tokenModifier[] = 'large';}
        else {$tokenModifier[] = 'medium';}
    }

    if(!isset($webinar)) $webinar = false;


  $cardTitleEl = 'h4';
  if(isset($alterHeadings) && $alterHeadings) $cardTitleEl = 'h5';


@endphp


<{{$elem}} class="c-card @if(!empty($cardImage) && $webinar) c-card--shadow @else @modifiers('c-card') @endif " @if($isCardClickable) href="{{$textButtonLink}}" @endif>
    @if(!empty($cardIcon))
        <div class="c-card__token  {{ in_array('medium', $tokenModifier) ? 'c-card__token--medium' : '' }}">
            @include('site.components.token', ['icon' => $cardIcon, 'modifiers' => $tokenModifier])
        </div>
    @elseif(isset($forceIcon) && $forceIcon)
        <div class="c-card__token">
            @include('site.components.token', ['modifiers' => ['medium']])
        </div>
    @endif

    @if(!empty($cardImage))
        <div class="c-card__image">

            @if(!$isCardClickable && !empty($textButtonLink))
                <a href="{{ $textButtonLink or '/' }}" @if( isset($textButtonLink) && starts_with($textButtonLink, ['http://', 'https://'])) target="_blank"  rel="noopener noreferrer"  @endif >
                    <img alt="{{ !empty($cardImageAlt) ? $cardImageAlt : 'Card Image' }}" src="{{str_replace('\\', '/', $cardImage)}}" />
                </a>
            @else
                <img alt="{{ !empty($cardImageAlt) ? $cardImageAlt : 'Card Image' }}" src="{{str_replace('\\', '/', $cardImage)}}" />
            @endif
        </div>
    @endif

    @if((!isset($hideTitle) || $hideTitle == false) && empty($cardImage) && !$webinar)<{{ $cardTitleEl }} class="c-card__title">{{ $cardTitle or '' }}</{{ $cardTitleEl }}>@endif
    <div class="c-card__body {{ $cardBodyClasses ?? '' }}">
        @if(!empty($cardImage) || $webinar) <{{ $cardTitleEl }} class="c-card__title">{{ $cardTitle or '' }}</{{ $cardTitleEl }}> @endif
        {!! $cardText or '' !!}
        @if(!empty($textButtonLink) && !empty($textButtonText) && !empty($cardImage) || $webinar)
            <div class="c-card__action">
                @if (!$isCardClickable)
                    @include('site.components.textButtonLink', ['modifiers' => ['icon']])
                @else
                    <p class="c-text-button  c-text-button--icon  @if(!isset($preventSmallLabel) || !$preventSmallLabel) c-text-button--small @endif">
                        <span class="c-text-button__text">{{ $textButtonText or '' }}</span>
                        <i class="c-text-button__icon" @if( isset($dataIconDirection)) data-icon-direction="{{$dataIconDirection}}" @endif>@include('site.components.icons.longArrow')</i>
                    </p>
                @endif
            </div>
        @endif
    </div>

    @if(!empty($textButtonLink) && !empty($textButtonText) && empty($cardImage) && !$webinar)
        <div class="c-card__action">
            @if (!$isCardClickable)
                @include('site.components.textButtonLink', ['modifiers' => ['icon']])
            @else
                <p class="c-text-button  c-text-button--icon  @if(!isset($preventSmallLabel) || !$preventSmallLabel) c-text-button--small @endif">
                    <span class="c-text-button__text">{{ $textButtonText or '' }}</span>
                    <i class="c-text-button__icon" @if( isset($dataIconDirection)) data-icon-direction="{{$dataIconDirection}}" @endif>@include('site.components.icons.longArrow')</i>
                </p>
            @endif
        </div>
    @endif
</{{$elem}}>