<swp-payment-card>
    <swp-payment-method>
        <swp-payment-icon>
            <i class="ph ph-credit-card"></i>
        </swp-payment-icon>
        <swp-payment-info>
            <swp-payment-type>Visa</swp-payment-type>
            <swp-payment-number>**** **** **** 4582</swp-payment-number>
        </swp-payment-info>
        <swp-btn class="secondary sm">
            <i class="ph ph-pencil"></i>
            <span localize="account.payment.change">Skift</span>
        </swp-btn>
    </swp-payment-method>

    <swp-payment-detail>
        <swp-payment-label localize="account.payment.frequency">Betalingsfrekvens</swp-payment-label>
        <swp-payment-value localize="account.payment.monthly">Månedlig</swp-payment-value>
    </swp-payment-detail>

    <swp-payment-detail>
        <swp-payment-label localize="account.payment.nextPayment">Næste betaling</swp-payment-label>
        <swp-payment-value class="highlight">1. februar 2026</swp-payment-value>
    </swp-payment-detail>

    <swp-payment-detail>
        <swp-payment-label localize="account.payment.amount">Beløb</swp-payment-label>
        <swp-payment-value>599,00 kr</swp-payment-value>
    </swp-payment-detail>

    <swp-payment-detail>
        <swp-payment-label localize="account.payment.cardExpiry">Kortudløb</swp-payment-label>
        <swp-payment-value>08/2027</swp-payment-value>
    </swp-payment-detail>

    <swp-btn class="outline" style="margin-top: var(--spacing-2);">
        <i class="ph ph-arrows-clockwise"></i>
        <span localize="account.payment.switchToYearly">Skift til årlig betaling (spar 15%)</span>
    </swp-btn>
</swp-payment-card>
