@php
    $title = trim((string) ($card['title'] ?? ''));
    $excerpt = trim((string) ($card['excerpt'] ?? ''));
    if ($excerpt !== '' && $excerpt === $title) {
        $excerpt = '';
    }
    $hasTip = $title !== '' || $excerpt !== '';
    $viewLabel = __('site.hero_gallery_view');
    $isLinked = filled($card['url'] ?? null);
@endphp

@if ($card['image'])
    <img
        src="{{ $card['image'] }}"
        alt="{{ $title !== '' ? $title : '' }}"
        class="cchp-activity__card-img"
        loading="lazy"
        decoding="async"
    />
@else
    <span class="cchp-activity__card-img cchp-activity__card-img--empty" aria-hidden="true"></span>
@endif

@if ($hasTip)
    <div class="cchp-activity__tip">
        <span class="cchp-activity__tip-veil" aria-hidden="true"></span>
        <div class="cchp-activity__tip-panel">
            @if ($title !== '')
                <span class="cchp-activity__tip-title">{{ $title }}</span>
            @endif
            @if ($excerpt !== '')
                <span class="cchp-activity__tip-subtitle">{{ $excerpt }}</span>
            @endif
            @if ($isLinked)
                <span class="cchp-activity__tip-cta">
                    <span>{{ $viewLabel }}</span>
                    <svg class="cchp-activity__tip-cta-icon" viewBox="0 0 20 20" fill="none" aria-hidden="true">
                        <path d="M7.5 4.5 13 10l-5.5 5.5" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </span>
            @endif
        </div>
    </div>
@endif