{{--
    The three things a plan tier actually decides, as badges — supply, catalogue
    price and address. Written ONCE and used everywhere a plan is offered
    (reseller billing cards, the providers upgrade page, the domains upgrade
    card) so a tier can never describe itself differently on two screens.

    Commercial language on purpose: the reseller is a customer choosing a tier,
    not an operator reading a feature matrix. "Catalogue at +30%" is a price;
    "catalog_markup_percent" is a column name.
--}}
@props(['features'])

@php
    $markup = $features->catalogMarkupPercent();
    $maxDomains = $features->maxCustomDomains();
    // 30.000000 -> "30", 12.500000 -> "12.5": a price tag, not a decimal column.
    $markupLabel = rtrim(rtrim(\App\Support\Money::round($markup, 2), '0'), '.');
@endphp

<div class="flex flex-wrap gap-1.5">
    @if ($features->ownProviders())
        <span class="rf-badge rf-badge-success"><span class="rf-badge-dot"></span>{{ __('Your own supplier') }}</span>
    @else
        <span class="rf-badge rf-badge-neutral"><span class="rf-badge-dot"></span>{{ __('Catalogue only') }}</span>
    @endif

    @if ($features->hasCatalogMarkup())
        <span class="rf-badge rf-badge-warning"><span class="rf-badge-dot"></span>{{ __('Catalogue at +:pct%', ['pct' => $markupLabel]) }}</span>
    @else
        <span class="rf-badge rf-badge-success"><span class="rf-badge-dot"></span>{{ __('Catalogue at provider price') }}</span>
    @endif

    @if ($maxDomains === 0)
        <span class="rf-badge rf-badge-neutral"><span class="rf-badge-dot"></span>{{ __('Platform subdomain only') }}</span>
    @elseif ($maxDomains < 0)
        <span class="rf-badge rf-badge-info"><span class="rf-badge-dot"></span>{{ __('Unlimited custom domains') }}</span>
    @else
        <span class="rf-badge rf-badge-info"><span class="rf-badge-dot"></span>{{ trans_choice(
            '{1}:count custom domain|[2,*]Up to :count custom domains',
            $maxDomains,
            ['count' => $maxDomains],
        ) }}</span>
    @endif
</div>