@php
    $parentSlug = $parentSlug ?? '';
    $title = array_key_exists('title', get_defined_vars()) ? $title : 'Specialised Sub-Services';
    $intro = array_key_exists('intro', get_defined_vars()) ? $intro : 'Each service below has a dedicated page with scope, deliverables, and how we run it for Kenya businesses.';
    $wrapper = $wrapper ?? 'inline';
    $plain = $plain ?? false;

    $subServices = \App\Models\SubService::forParent($parentSlug);
@endphp

@if($subServices->isNotEmpty())
    @if($wrapper === 'section')
    <section class="sk-services sk-pillar-subservices" aria-labelledby="subservices-{{ md5($parentSlug) }}">
        <div class="container">
            @if($title)
                <h2 class="sk-services__title" id="subservices-{{ md5($parentSlug) }}">{{ $title }}</h2>
            @endif
            @if($intro)
                <p class="sk-services__intro">{{ $intro }}</p>
            @endif
            <div class="sk-services__grid">
                @foreach($subServices as $subService)
                <article class="sk-services__card">
                    <h3 class="sk-services__card-title">
                        <a href="{{ url('/' . $subService->parent_slug . '/' . $subService->slug) }}">{{ $subService->name }}</a>
                    </h3>
                    @if($subService->short_description)
                        <p class="sk-services__card-text mb-0">{{ $subService->short_description }}</p>
                    @endif
                </article>
                @endforeach
            </div>
        </div>
    </section>
    @else
    <div class="sk-pillar-subservices{{ $plain ? ' sk-pillar-subservices--plain' : '' }}" @if($title) aria-labelledby="subservices-{{ md5($parentSlug) }}" @endif>
        @if($title)
            <h3 class="sk-pillar-subservices__title" id="subservices-{{ md5($parentSlug) }}">{{ $title }}</h3>
        @endif
        @if($intro)
            <p class="sk-pillar-subservices__intro">{{ $intro }}</p>
        @endif
        <div class="sk-services__grid sk-pillar-subservices__grid">
            @foreach($subServices as $subService)
            <article class="sk-services__card">
                <h3 class="sk-services__card-title">
                    <a href="{{ url('/' . $subService->parent_slug . '/' . $subService->slug) }}">{{ $subService->name }}</a>
                </h3>
                @if($subService->short_description)
                    <p class="sk-services__card-text mb-0">{{ $subService->short_description }}</p>
                @endif
            </article>
            @endforeach
        </div>
    </div>
    @endif
@endif