@props([
    'service',
    'slug',
    'localizedRoute',
])

@php
    use App\Helpers\ServiceContentKeys;
@endphp

@if(!empty($service['comparison']) && isset($service['comparison']['services']))
<section id="channel-compare" class="svc-section svc-section--soft scroll-mt-24">
    <div class="site-container">
        <x-service-detail.section-intro
            :eyebrow="$service['categoryLabel'] ?? __('messages.nav.services')"
            :title="$service['comparison']['title']"
            :description="$service['comparison']['intro']"
        />

        <div class="svc-service-compare">
            @foreach($service['comparison']['services'] as $i => $comparisonService)
            @php
                $comparisonSlugRaw = (string) ($comparisonService['slug'] ?? '');
                $isCurrentService = ServiceContentKeys::canonicalPublicSlug($slug)
                    === ServiceContentKeys::canonicalPublicSlug($comparisonSlugRaw);
            @endphp
            <article @class([
                'svc-service-compare__item svc-reveal',
                'svc-service-compare__item--current' => $isCurrentService,
                'svc-reveal--delay-' . min($i, 3) => $i > 0,
            ])>
                @if($isCurrentService)
                <p class="svc-service-compare__badge">{{ __('messages.service_detail.current_service') }}</p>
                @endif
                <h3 class="svc-service-compare__title">{{ $comparisonService['name'] }}</h3>
                <p class="svc-service-compare__body">{{ $comparisonService['description'] }}</p>
                @if(!empty($comparisonService['detail']))
                <p class="svc-service-compare__body">{{ $comparisonService['detail'] }}</p>
                @endif
                @if(!empty($comparisonService['examples']))
                <ul class="svc-service-compare__examples">
                    @foreach($comparisonService['examples'] as $example)
                    <li>{{ $example }}</li>
                    @endforeach
                </ul>
                @endif
                @if(!$isCurrentService)
                @php
                    $comparisonSlug = ServiceContentKeys::canonicalPublicSlug((string) ($comparisonService['slug'] ?? ''));
                @endphp
                <a href="{{ $localizedRoute('services.show', ['slug' => $comparisonSlug]) }}" class="svc-link !mt-4">
                    {{ __('messages.service_detail.learn_more_about', ['name' => $comparisonService['name']]) }}
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                </a>
                @endif
            </article>
            @endforeach
        </div>

        @if(!empty($service['comparison']['conclusion']))
        <p class="svc-section__desc mt-10 svc-reveal">{{ $service['comparison']['conclusion'] }}</p>
        @endif
    </div>
</section>
@endif