@php
    $subscription_plan = $subscription_plan ?? null;
    $plan_features = subscription_plan_pricing_features($subscription_plan);
@endphp

<div class="subscription-plan-features">
    @if (! empty($plan_features['core']))
        <ul class="subscription-plan-features__core">
            @foreach ($plan_features['core'] as $item)
                <li class="subscription-plan-features__row subscription-plan-features__row--meta">
                    <span class="subscription-plan-features__label">{{ $item['label'] }}</span>
                    <span class="subscription-plan-features__value">{{ $item['value'] }}</span>
                </li>
            @endforeach
        </ul>
    @endif

    @if (! empty($plan_features['promotions']))
        <div class="subscription-plan-features__section">
            <p class="subscription-plan-features__heading">{{ __('translate.Plan promotion limits') }}</p>
            <ul class="subscription-plan-features__promotions">
                @foreach ($plan_features['promotions'] as $feature)
                    @if (! $feature['available'])
                        @continue
                    @endif
                    <li class="subscription-plan-features__promotion-item">
                        <p class="subscription-plan-features__promotion-name">{{ $feature['label'] }}</p>
                        @if (! empty($feature['tiers']))
                            <ul class="subscription-plan-features__tier-list">
                                @foreach ($feature['tiers'] as $tier)
                                    <li class="subscription-plan-features__tier-item">
                                        <span class="subscription-plan-features__tier-duration">{{ $tier['duration'] }}</span>
                                        <span class="subscription-plan-features__tier-slots">{{ $tier['slots'] }}</span>
                                    </li>
                                @endforeach
                            </ul>
                        @elseif (filled($feature['value']))
                            <p class="subscription-plan-features__promotion-fallback">
                                <span class="subscription-plan-features__tier-slots">{{ $feature['value'] }}</span>
                            </p>
                        @endif
                    </li>
                @endforeach
            </ul>
        </div>
    @endif

    @if (! empty($plan_features['support']))
        <ul class="subscription-plan-features__support">
            @foreach ($plan_features['support'] as $item)
                <li class="subscription-plan-features__row is-included">
                    <span class="subscription-plan-features__status" aria-hidden="true">
                        <svg width="14" height="14" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <circle cx="7.5" cy="7.5" r="7.5" fill="#1DBF73" />
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M5.84549 10.8315C5.64265 10.6063 5.64265 10.238 5.84549 10.0128L11.111 4.16888C11.3139 3.94371 11.6458 3.94371 11.8487 4.16888C12.0516 4.39404 12.0508 4.76323 11.8487 4.98754L6.58313 10.8315C6.38102 11.0558 6.04837 11.0566 5.84549 10.8315Z"
                                fill="white" />
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M6.57547 10.8228C6.37263 11.0479 6.04071 11.0479 5.83783 10.8228L3.15213 7.84205C2.94929 7.61689 2.94929 7.24851 3.15213 7.02339C3.35501 6.79822 3.68805 6.79946 3.88977 7.02339L6.57547 10.0041C6.77723 10.228 6.77835 10.5976 6.57547 10.8228Z"
                                fill="white" />
                        </svg>
                    </span>
                    <span class="subscription-plan-features__label">{{ $item['label'] }}</span>
                </li>
            @endforeach
        </ul>
    @endif
</div>