                 <Well style={boxShadow:'5px 5px 5px lightgray', zIndex:1}>
                     {@render_create_subscription_options()}
                     {@render_create_subscription_confirm() if @props.selected_plan isnt ''}
+                    {<ConfirmPaymentMethod
+                        is_recurring = {@is_recurring()}
+                    /> if @props.selected_plan isnt ''}
                     {@render_create_subscription_buttons()}
                 </Well>
                 <ExplainResources type='shared'/>
             </Col>
         </Row>
+
+ConfirmPaymentMethod = rclass
+    reduxProps :
+        billing :
+            customer : rtypes.object
+
+    propTypes :
+        is_recurring : rtypes.bool
+
+    render_single_payment_confirmation : ->
+        <span>
+            <p>Payment will be processed with the card below.</p>
+            <p>To change payment methods, please change your default card above.</p>
+        </span>
+
+
+    render_recurring_payment_confirmation : ->
+        <span>
+            <p>The initial payment will be processed with the card below</p>
+            Future payments will be made with your default card found<Space/>
+            <b>at time of renewal</b>.
+
+            <p> ie. Changing your default card right before renewal will cause the new default to be charged instead of the previous one.</p>
+        </span>
+
+    render : ->
+        for card_data in @props.customer.sources.data
+            if card_data.id == @props.customer.default_source
+                default_card = card_data
+
+        <Alert>
+            <h4><Icon name='check' /> Confirm your payment card</h4>
+            {@render_single_payment_confirmation() if not @props.is_recurring}
+            {@render_recurring_payment_confirmation() if @props.is_recurring}
+            <Well>
+                <PaymentMethod
+                    source = {default_card}
+                />
+            </Well>
+        </Alert>
 
 
 exports.SubscriptionGrid = SubscriptionGrid = rclass

        ###

    render_create_subscription_confirm : ->
        if not PROJECT_UPGRADES.membership[@props.selected_plan.split('-')[0]].cancel_at_period_end
            subscription = " and you will be signed up for a recurring subscription"
        <Alert>
            <h4><Icon name='check' /> Confirm your selection </h4>


    getInitialState : ->
        selected_button : 'month'

    is_recurring : ->
        not PROJECT_UPGRADES.membership[@props.selected_plan.split('-')[0]].cancel_at_period_end

    submit_create_subscription : ->
        plan = @props.selected_plan
