{{-- ===== VPS PLANS ===== --}}
@php
    $c = $content ?? collect();
    $vpsTitle = $c->has('title') ? $c->get('title')->content_value : __('sections.vps.title');
    $vpsSubtitle = $c->has('subtitle') ? $c->get('subtitle')->content_value : __('sections.vps.subtitle');

    $vpsProducts = isset($products) ? $products->filter(fn($p) => $p->type === 'vps' || ($p->group && str_contains(strtolower($p->group->name), 'vps'))) : collect();
    $badgeTypes = ['', 'vps-card__badge--popular', 'vps-card__badge--value', ''];
    $badgeTexts = ['', __('sections.vps.popular'), __('sections.vps.best_value'), ''];
@endphp
{{-- Nothing to show without a VPS product: a heading over an empty grid. --}}
@if($vpsProducts->isNotEmpty())
<section class="vps">
    <div class="container">
        <h2 class="section-title">{{ $vpsTitle }}</h2>
        <p class="section-subtitle">{{ $vpsSubtitle }}</p>
        <div>
            {{-- VPS cards --}}
            <div class="vps__grid">
                @forelse($vpsProducts->take(4)->values() as $idx => $product)
                @php
                    $priced = $product->pricedCycles($currency?->id ?? null);
                    $priceCycle = isset($priced['monthly']) ? 'monthly' : (string) array_key_first($priced);
                    $monthlyPrice = $priced[$priceCycle] ?? null;
                    $configOptions = is_string($product->config_options) ? json_decode($product->config_options, true) : ($product->config_options ?? []);
                    $specs = [];
                    for ($i = 1; $i <= 5; $i++) {
                        if (!empty($configOptions["f{$i}"])) $specs[] = $configOptions["f{$i}"];
                    }
                    // Same as the hosting cards: fall back to the limits the
                    // product actually sells rather than an empty card.
                    if (! $specs) {
                        $specs = array_map(fn ($r) => $r['text'], $product->resourceSummary());
                    }
                @endphp
                <div class="vps-card">
                    @if(!empty($badgeTexts[$idx]))
                    <div class="vps-card__badge {{ $badgeTypes[$idx] ?? '' }}">{{ $badgeTexts[$idx] }}</div>
                    @endif
                    <div class="vps-card__name">{{ $product->name }}</div>
                    <div class="vps-card__specs">
                        @foreach($specs as $spec)
                        <div class="vps-card__spec"><i class="ri-check-line"></i> {{ $spec }}</div>
                        @endforeach
                    </div>
                    @if($monthlyPrice !== null)
                        <div class="vps-card__price">{{ display_money_fmt($monthlyPrice) }}<small>/{{ $priceCycle === 'monthly' ? 'mo' : $priceCycle }}</small></div>
                    @else
                        <div class="vps-card__price">{{ __('client.store.contact_us') }}</div>
                    @endif
                    <a href="{{ url('/client/store/configure') }}/{{ $product->slug }}" class="vps-card__btn">{{ __('sections.vps.configure') }} <i class="ri-arrow-right-line"></i></a>
                </div>
                @empty
                {{-- No VPS products --}}
                @endforelse
            </div>
        </div>
    </div>
</section>
@endif