@php
/**
 * THE pricing section — one markup, two surfaces. The partner page renders it
 * in place; the signup "Change plan" popup renders the very same section in a
 * fullscreen modal, so a plan is always compared on the same card it was first
 * sold from. Lifted verbatim from public/partner.php; every class, figure and
 * behaviour (the Monthly/Annual toggle, the struck-through year, the CTA that
 * carries ?plan and &cycle=annual) is the section's own.
 *
 * @var array $plans     active plan rows (name, slug, price, billing_cycle,
 *                       max_menu_items, commission_percent, features)
 * @var bool  $annualOn  the annual offer is on AND at least one tier sells annually
 * @var float $annualPct the operator's annual discount percentage
 */
$cur = setting('currency_symbol', '$');
$cycleMap = [
    'monthly'  => t_raw('partner.cycle_monthly'),
    'yearly'   => t_raw('partner.cycle_yearly'),
    'lifetime' => t_raw('partner.cycle_lifetime'),
];
// The first PAID tier wears the Most Popular flag — the same rule the page has
// always applied.
$popularSlug = '';
foreach ($plans as $p) {
    if ((float) $p['price'] > 0) {
        $popularSlug = (string) $p['slug'];
        break;
    }
}
/* The switchable services this install offers, in the page's own order, each
   named by its capability label — appended to every card's feature list
   exactly as the section has always done. */
$svcCap = \App\Services\Capability::class;
$svcEyebrows = [];
foreach ([$svcCap::POS, $svcCap::QR, $svcCap::KIOSK, $svcCap::KDS, $svcCap::SCREENS, $svcCap::PRINT_MENU, $svcCap::RESERVATIONS, $svcCap::LOYALTY] as $svcKey) {
    if (!$svcCap::lacks($svcKey)) {
        $svcEyebrows[] = $svcCap::label($svcKey);
    }
}
// The AI assistant rides the same rule as the services: a platform-wide switch
// (admin -> Settings -> AI), on every card while it is on, gone when it is off.
// Same label the vendor sidebar wears.
if (setting('ai_vendor_enabled', '1') === '1') {
    $svcEyebrows[] = t_raw('nav.ai_assistant');
}
@endphp
<section class="qm-section" id="pricing">
    <div class="container-fluid">
        <div class="qm-section-head" data-reveal>
            <span class="qm-eyebrow">{{ t_raw('partner.pricing_eyebrow') }}</span>
            <h2 class="qm-section-title">{{ t_raw('partner.pricing_title') }}</h2>
            <p class="qm-section-sub">{{ t_raw('partner.pricing_sub') }}</p>
            @if (!empty($annualOn))
            @php /* Monthly first — the toggle is an OFFER of the annual saving, not a default. */
@endphp
            <div class="qm-cycle-toggle" data-cycle-toggle role="group" aria-label="{{ t_raw('admin.plans.field_billing_cycle') }}">
                <button type="button" class="is-active" data-cycle="monthly" aria-pressed="true">{{ t_raw('partner.cycle_toggle_monthly') }}</button>
                <button type="button" data-cycle="yearly" aria-pressed="false">{{ t_raw('partner.cycle_toggle_annual') }}@if ((float) ($annualPct ?? 0) > 0) <span class="qm-cycle-save">{{ t_raw('partner.annual_save_badge', [':pct' => rtrim(rtrim(number_format((float) $annualPct, 1), '0'), '.')]) }}</span>@endif</button>
            </div>
            @endif
        </div>
        @if ($plans)
        <div class="row g-4 qm-pricing-row justify-content-center">
            @foreach ($plans as $p)
@php $price = (float) $p['price'];
                $isFree = $price <= 0;
                $isPopular = ((string) $p['slug'] === $popularSlug);
                $features = array_filter(array_map('trim', explode('|', (string) ($p['features'] ?? ''))));
                // The systems shown on the partner page, continuing the tier's own list rather
                // than sitting in a band of their own — one list per card, one style. Today
                // every plan carries every enabled service because the switches are
                // platform-wide; when a package gains its own selection, this is the single
                // line that changes.
                foreach ($svcEyebrows as $inc) {
                    $features[] = $inc;
                }
                $cycle = $isFree ? t_raw('partner.cycle_forever') : ($cycleMap[$p['billing_cycle']] ?? '');
                /* The annual variant, priced server-side (never in the browser) so the swap is
                   a display change, not arithmetic. NET, exactly as the monthly figure above. */
                $sellsAnnually = !empty($annualOn) && \App\Models\Subscription::sellsAnnually($p);
                $yearlyPrice   = $sellsAnnually ? \App\Models\Subscription::priceFor($p, 'yearly') : 0.0; @endphp
            <div class="col-lg-3 col-md-6" data-reveal>
                <div class="qm-plan{{ $isPopular ? ' is-popular' : '' }}" data-tier="{{ (string) $p['slug'] }}">
                    @if ($isPopular)<span class="qm-plan-flag">{{ t_raw('home.collections.most_popular') }}</span>@endif
                    <h3 class="qm-plan-name">{{ $p['name'] }}</h3>
                    <div class="qm-plan-price">
                        @if ($isFree)
                        <span class="qm-plan-amount">{{ t_raw('common.free') }}</span>
                        @else
                        @if ($sellsAnnually && (float) ($annualPct ?? 0) > 0)<s class="qm-plan-was d-none" data-was-note>{{ $cur }}{{ number_format($price * 12, 0) }}</s>@endif
                        <span class="qm-plan-amount"{!! $sellsAnnually ? ' data-monthly="' . e($cur . number_format($price, 0)) . '" data-yearly="' . e($cur . number_format($yearlyPrice, 0)) . '"' : '' !!}>{{ $cur }}{{ number_format($price, 0) }}</span><span class="qm-plan-cycle"{!! $sellsAnnually ? ' data-monthly="' . e($cycleMap['monthly'] ?? '') . '" data-yearly="' . e($cycleMap['yearly'] ?? '') . '"' : '' !!}>{{ $cycle }}</span>
                        @if ($sellsAnnually)<small class="qm-plan-billed d-none" data-billed-note>{{ t_raw('partner.billed_annually_note') }}</small>@endif
                        @endif
                    </div>
                    <p class="qm-plan-meta">
                        {!! (int) $p['max_menu_items'] > 0 ? t('partner.plan_menu_items', [':n' => (string) (int) $p['max_menu_items']]) : t('partner.plan_menu_items_unlimited') !!}
                        &middot; {{ t_raw('partner.plan_commission', [':percent' => rtrim(rtrim(number_format((float) $p['commission_percent'], 2), '0'), '.')]) }}
                    </p>
                    <ul class="qm-plan-features">
                        @foreach ($features as $f)
                        <li><i class="fas fa-check" aria-hidden="true"></i> {{ $f }}</li>
                        @endforeach
                    </ul>
                    @php // Plans stay readable while applications are closed; only the way in goes.
@endphp
                    @if (vendor_signup_open())
                    <a href="{{ pc_link('partner.cta_signup_url') }}?plan={{ rawurlencode((string) $p['slug']) }}" class="qm-btn {{ $isPopular ? '' : 'qm-btn-outline' }} w-100"{{ $sellsAnnually ? ' data-cycle-link' : '' }}>
                        {!! $isFree ? t('partner.plan_cta_free') : t('partner.plan_cta_choose', [':plan' => $p['name']]) !!}
                    </a>
                    @endif
                </div>
            </div>
            @endforeach
        </div>
        <p class="qm-pricing-note" data-reveal><i class="fas fa-shield-alt" aria-hidden="true"></i> {{ t_raw('partner.pricing_note') }}</p>
        @if (!empty($annualOn))
        <script>
        (function () {
            /* Display swap only: both figures were rendered by the server. The CTA carries the
               choice to signup as ?cycle=annual, which the server validates again. */
            var wrap = document.querySelector('[data-cycle-toggle]');
            if (!wrap || wrap.dataset.bound) { return; }
            wrap.dataset.bound = '1';
            wrap.addEventListener('click', function (e) {
                var btn = e.target.closest('button[data-cycle]');
                if (!btn) { return; }
                var cycle = btn.getAttribute('data-cycle');
                wrap.querySelectorAll('button[data-cycle]').forEach(function (b) {
                    var on = b === btn;
                    b.classList.toggle('is-active', on);
                    b.setAttribute('aria-pressed', on ? 'true' : 'false');
                });
                document.querySelectorAll('.qm-plan-amount[data-yearly]').forEach(function (el) {
                    el.textContent = el.getAttribute(cycle === 'yearly' ? 'data-yearly' : 'data-monthly');
                });
                document.querySelectorAll('.qm-plan-cycle[data-yearly]').forEach(function (el) {
                    el.textContent = el.getAttribute(cycle === 'yearly' ? 'data-yearly' : 'data-monthly');
                });
                document.querySelectorAll('[data-billed-note], [data-was-note]').forEach(function (el) {
                    el.classList.toggle('d-none', cycle !== 'yearly');
                });
                document.querySelectorAll('a[data-cycle-link]').forEach(function (a) {
                    var url = new URL(a.href, window.location.origin);
                    if (cycle === 'yearly') { url.searchParams.set('cycle', 'annual'); }
                    else { url.searchParams.delete('cycle'); }
                    a.href = url.pathname + url.search;
                });
            });
        })();
        </script>
        @endif
        @else
        <div class="qm-empty"><i class="fas fa-tags d-block"></i><p>{{ t_raw('partner.pricing_empty') }}</p></div>
        @endif
    </div>
</section>