{{#if needsNewCard}}
  {{#if currentCard.addressZip}}
    {{#form-item label=(t 'ember-credit-card.labels.replacing-card') class='saved-card'}}
      <div class="flex justify-between items-center">
        {{cc-display currentCard hook='cc-display-changing-card'}}

        {{vinli-button
          action=(action 'useSaved')
          default=(t 'ember-credit-card.buttons.use-saved')
          size='small'
          theme='success'
          hook='cc-display-use-card'
        }}
      </div>
    {{/form-item}}
  {{/if}}

  {{new-cc-form
    tokenOnly=tokenOnly
    saveCardPath=saveCardPath
    replaceCardPath=replaceCardPath
    exposeFormTask=(action (mut newCcFormTask))
    onCreated=onCreated
    showSubmitBtn=showSubmitBtn
    hook='new-cc-form'
    class=(if currentCard.addressZip 'has-current-card')
    user=user
    currentCard=currentCard
    onTokenCreated=(action 'onTokenCreated')
  }}
{{else}}
  {{#form-item label=(t 'ember-credit-card.labels.saved-card')}}
    <div class="flex justify-between items-center">
      {{cc-display currentCard hook='cc-display-saved-card'}}

      {{vinli-button
        action=(action 'onReplace')
        default=(t 'ember-credit-card.buttons.replace')
        size='small'
        theme='off-light'
        hook='cc-display-replace-card'
      }}
    </div>
  {{/form-item}}
{{/if}}