@php
    $packages = config('specialist.packages', []);
    $paid = config('specialist.paid_consultation', []);
    $payment = config('specialist.package_payment', []);
@endphp

<section class="sk-pricing" id="pricing" aria-labelledby="sk-pricing-heading">
    <div class="container">
        <h2 class="sk-pricing__title" id="sk-pricing-heading">SEO Packages for Where You Are Right Now</h2>
        <p class="sk-pricing__intro">
            Each package matches a real situation: low traffic, stuck rankings, traffic that does not sell, or needing a clear plan first.
            You get plain outcomes: better rankings, more leads, more sales, or a path back after a drop.
        </p>

        <div class="sk-pricing__grid sk-pricing__grid--4">
            @foreach($packages as $slug => $pkg)
                <article class="sk-pricing__card sk-pricing__card--pro{{ !empty($pkg['featured']) ? ' sk-pricing__card--pro-featured' : '' }}">
                    @if(!empty($pkg['featured']))
                        <span class="sk-pricing__ribbon">Recommended</span>
                    @endif
                    <header class="sk-pricing__card-header">
                        <span class="sk-pricing__badge">{{ $pkg['audience'] }}</span>
                        <h3 class="sk-pricing__plan">{{ $pkg['name'] }}</h3>
                    </header>
                    <div class="sk-pricing__price-wrap">
                        <p class="sk-pricing__amount">{{ $pkg['price_label'] }}</p>
                        <p class="sk-pricing__period">{{ $pkg['period'] }}</p>
                    </div>
                    <p class="sk-pricing__fit">{{ $pkg['problem'] }}</p>
                    <ul class="sk-pricing__inc">
                        @foreach($pkg['includes'] as $item)
                            <li>
                                <span class="sk-pricing__inc-icon" aria-hidden="true"><i class="fas fa-check"></i></span>
                                <span>{{ $item }}</span>
                            </li>
                        @endforeach
                    </ul>
                    <a href="{{ \App\Support\Consultation::packageUrl($slug) }}" class="btn btn-primary w-100 sk-pricing__cta mt-auto">
                        Get this package
                    </a>
                </article>
            @endforeach
        </div>

        <div class="sk-pricing__payment-block">
            <p class="sk-pricing__payment-lead mb-2">
                {{ $payment['upfront'] ?? 'All fees are paid in full before we start any work.' }}
            </p>
            <p class="sk-pricing__payment-methods mb-0">
                {{ $payment['methods'] ?? 'Pay by mobile money, bank transfer in Kenya shillings, or PayPal.' }}
            </p>
        </div>
    </div>
</section>

<section class="sk-custom-help" id="custom-seo-help" aria-labelledby="sk-custom-help-heading">
    <div class="container">
        <div class="sk-custom-help__inner">
            <h2 class="sk-custom-help__title" id="sk-custom-help-heading">
                Get a Custom Package or a Quick Consultation for SEO Services
            </h2>
            <p class="sk-custom-help__lead">
                Not sure which package fits? Tell us your situation. We recommend a custom scope, a standard package, or a short paid session in plain language, without running lab tools on the first call.
            </p>
            <p class="sk-custom-help__detail">
                A <strong>{{ $paid['price_label'] ?? 'KSh 10,000' }}</strong> consultation lasts {{ $paid['duration'] ?? '1 to 2 hours' }}.
                If you take any package, that fee is credited toward your package price. If you do not proceed, the consultation fee is not refunded.
            </p>
            <div class="sk-custom-help__actions">
                <a href="{{ \App\Support\Consultation::url('free_discovery', ['ref' => 'custom-package']) }}" class="btn btn-primary btn-lg">
                    Get a custom package
                </a>
                <a href="{{ \App\Support\Consultation::paidUrl('custom-help') }}" class="btn btn-outline-primary btn-lg">
                    Book {{ $paid['price_label'] ?? 'KSh 10,000' }} SEO consultation
                </a>
            </div>
            <p class="sk-custom-help__journey mb-0">
                Typical path: free 15 to 20 minute discovery call, then paid consultation if needed, then package engagement.
                <a href="{{ \App\Support\Consultation::url('free_discovery', ['ref' => 'custom-help']) }}">Start with a free consultation</a>.
            </p>
        </div>
    </div>
</section>