     @props.onInviteMembers()
 
 
+  onToggleForm: ->
+    @setState { formVisible: not @state.formVisible }
+
+
   render: ->
 
-    { message, onMessageClose, isDirty, onResetForm
-      hasCard, submitting, loading, operation, onRemoveCard } = @props
+    { message, placeholders, operation
+      isDirty, hasCard, submitting, loading
+      onResetForm, onRemoveCard
+      onMessageClose, onPaymentHistory } = @props
 
-    { hasSuccessModal, hasRemoveModal } = @state
+    { hasSuccessModal, hasRemoveModal, formVisible } = @state
 
     buttonTitle = switch
-      when submitting and operation is 'create' then 'SAVING...'
-      when submitting and operation is 'change' then 'CHANGING...'
+      when submitting then 'SAVING...'
       when operation is 'create' then 'SAVE'
-      when operation is 'change' then 'CHANGE'
+      when operation is 'change' then 'SAVE NEW CARD'
 
     secondaryButtonProps = switch
       when isDirty then { title: 'CANCEL', onClick: onResetForm }

CreateCreditCardForm = require './creditcardcontainer'
SubscriptionSuccessModal = require 'lab/SubscriptionSuccessModal'
CardRemoveConfirmModal = require 'lab/CardRemoveConfirmModal'

Icon = require 'lab/Icon'


        onCancel={=> @onRemoveCancel()}
        onRemove={=> @onRemoveSuccess()} />

      {hasCard and
        <CardInfo
          loading={loading}
          number={placeholders.number}
          brand={placeholders.brand}
          year={placeholders.exp_year}
          month={placeholders.exp_month}
          formVisible={formVisible}
          onToggleForm={=> @onToggleForm()} />}

      {formVisible and
        <CreateCreditCardForm loading={loading} ref={(f) => @_form = f} />}

      <Footer border>
        <Row style={{margin: '0'}} between='xs'>
