@props(['data' => null])

<section class="contact-page-section">
    <div class="auto-container">
        <div class="row clearfix">

            @foreach ($data['cards'] as $card)
                @php
                    $linkData   = $card['card_link_wrapper'] ?? null;
                    $href       = null;
                    $linkTarget = null;

                    $redirectType  = $linkData['redirect']['type']  ?? null;
                    $redirectValue = trim($linkData['redirect']['value'] ?? '');

                    if ($linkData && $redirectType && $redirectValue !== '') {
                        // Internal values can be a catalogue reference ("slug:42"): slug_path()
                        // turns it into the current path, and null when the content is gone — the
                        // card then renders without a link. See docs/CLAUDE-SLUGS-CATALOGO.md.
                        $internalPath = slug_path($redirectValue);

                        $href = match ($redirectType) {
                            'url'          => str_starts_with($redirectValue, 'http') ? $redirectValue : 'https://' . ltrim($redirectValue, '/'),
                            'internal'     => $internalPath === null ? null : '/' . ltrim($internalPath, '/'),
                            'contact_link' => $redirectValue,
                            default        => $redirectValue,
                        };

                        $linkTarget = $redirectType === 'url' ? '_blank' : null;
                    }
                @endphp

                <div class="location-block col-lg-4 col-md-6 col-sm-12">
                    <div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">

                        @if ($href)
                            <a class="color-black1" href="{{ $href }}" @if($linkTarget) target="{{ $linkTarget }}" @endif>
                        @endif

                        <div class="content {{ $href ? 'color-dark' : '' }}">
                            @if (!empty($card['card_icon']))
                                <img class="icon" src="{{ Storage::url($card['card_icon']) }}"
                                     alt="{{ translate_label($card, 'title') }}">
                            @endif
                            <strong>{{ translate_label($card, 'title') }}</strong>
                            {{ translate_label($card, 'subtitle') }}
                        </div>

                        @if ($href)
                            </a>
                        @endif

                        @if (!empty($card['body']))
                            <div class="card-body-content">
                                {!! tiptap_converter()->asHTML(translate_data($card['body'])) !!}
                            </div>
                        @endif

                    </div>
                </div>
            @endforeach

        </div>
    </div>
</section>