@php
    use App\Services\PlanMapper;
    use App\Services\SubscriptionPlanService;

    $card = $card ?? 'reply';
    $period = $period ?? 'monthly';
    $btnId = match ([$card, $period]) {
        ['reply', 'monthly'] => $idPrefix.'-proBtn',
        ['reply', 'yearly'] => $idPrefix.'-proBtnYearly',
        ['invite', 'monthly'] => $idPrefix.'-inviteReplyBtn',
        ['invite', 'yearly'] => $idPrefix.'-inviteReplyBtnYearly',
        default => null,
    };

    $ctaBase = 'mt-2 inline-flex w-full items-center justify-center rounded-xl px-5 py-[13px] text-[13.5px] font-bold text-white transition hover:brightness-105 active:scale-[0.985]';
    $ctaGreen = $ctaBase.' bg-gradient-to-br from-[#12B981] to-[#0B8A5F] shadow-[0_5px_15px_rgba(14,159,110,.3)]';
    $ctaBlue = $ctaBase.' bg-gradient-to-br from-[#2E64F0] to-brand-blue-deep shadow-[0_5px_15px_rgba(36,86,230,.3)]';
    $ctaDisabled = $ctaGreen.' cursor-not-allowed opacity-80 hover:brightness-100';
@endphp

@if ($card === 'reply' && $period === 'monthly')
    @if (!PlanMapper::isPlan($planName, ['Pro Monthly', 'Pro Yearly', 'Reply', 'Pro Trial', 'Reply Trial']) && !$planExpired)
        <a href="{{ route('subscription.subscribe', ['p' => 'Reply', 'period' => 'monthly', 'b' => 1]) }}" id="{{ $btnId }}" @click="trackCalendlyExplore('click_upgrade')" class="{{ $ctaGreen }}">Subscribe to Reply</a>
    @else
        <a href="#" id="{{ $btnId }}" class="{{ $ctaDisabled }}" disabled>Active</a>
    @endif
@elseif ($card === 'reply' && $period === 'yearly')
    @if ((in_array($planName, ['Pro Monthly', 'Reply Monthly']) || ($planName === 'Reply' && $isMonthly)) && !$planExpired)
        <a href="{{ route('subscription.subscribe', ['p' => 'Reply', 'period' => 'yearly', 'b' => 1]) }}" id="{{ $btnId }}" @click="trackCalendlyExplore('click_upgrade')" class="{{ $ctaBlue }}">Upgrade to Yearly</a>
    @elseif ((in_array($planName, ['Pro Yearly', 'Pro Trial', 'Reply Trial']) || ($planName === 'Reply' && !$isMonthly)) && !$planExpired)
        <a href="#" id="{{ $btnId }}" class="{{ $ctaDisabled }}" disabled>Active</a>
    @else
        <a href="{{ route('subscription.subscribe', ['p' => 'Reply', 'period' => 'yearly', 'b' => 1]) }}" id="{{ $btnId }}" @click="trackCalendlyExplore('click_upgrade')" class="{{ $ctaGreen }}">Subscribe to Reply</a>
    @endif
@elseif ($card === 'invite' && $period === 'monthly')
    @if (!PlanMapper::isPlan($planName, ['Multi Pro Monthly', 'Multi Pro Yearly', 'Invite Reply', 'Multi Pro Trial', 'Invite Reply Trial']) && !$planExpired)
        <a id="{{ $btnId }}" href="{{ SubscriptionPlanService::getCalendarAuthInviteReplyTrialPaymentUrl() }}" @click="trackCalendlyExplore('click_upgrade')" class="{{ $ctaBlue }}">Subscribe to Invite Reply</a>
    @else
        <a href="#" class="{{ $ctaDisabled }}" disabled>Active</a>
    @endif
@elseif ($card === 'invite' && $period === 'yearly')
    @if ((in_array($planName, ['Multi Pro Monthly', 'Invite Reply Monthly']) || ($planName === 'Invite Reply' && $isMonthly)) && !$planExpired)
        <a id="{{ $btnId }}" href="{{ route('subscription.subscribe', ['p' => 'InviteReply', 'period' => 'yearly', 'b' => 1]) }}" @click="trackCalendlyExplore('click_upgrade')" class="{{ $ctaBlue }}">Upgrade to Yearly</a>
    @elseif ((in_array($planName, ['Multi Pro Yearly', 'Multi Pro Trial', 'Invite Reply Trial']) || ($planName === 'Invite Reply' && !$isMonthly)) && !$planExpired)
        <a href="#" class="{{ $ctaDisabled }}" disabled>Active</a>
    @else
        <a id="{{ $btnId }}" href="{{ route('subscription.subscribe', ['p' => 'InviteReply', 'period' => 'yearly', 'b' => 1]) }}" @click="trackCalendlyExplore('click_upgrade')" class="{{ $ctaBlue }}">Subscribe to Invite Reply</a>
    @endif
@endif