[IMP] Payments & subscriptions: Improved Payments

- When registering a payment token, validating it using a payment of a small amount (~1.50€) followed by a refund allows ensuring
    that the payment method is valid (i.e. checksumming the card number simple ensure the number is valid but not that the card exists).
    This commit introduces a generic approach that must be implemented for each acquirer that has tokenization support.
    This commit also introduces a generic payment token registration/usage template that can be adapted according to one's need.
- Introducing a new payment form that handles payment, deletion and adding payment method (only for server2server for the moment).
- On /my/payment_method, changed strings 'Payment Acquirers' to 'Payment Methods' which is more clear.
- Stripe can now be used to pay subscriptions.

1 files changed, 22 insertions, 32 deletions

diff --git a/addons/payment_authorize/views/payment_authorize_templates.xml b/addons/payment_authorize/views/payment_authorize_templates.xml
index abbbc80b93a..c4b91605a00 100644
--- a/addons/payment_authorize/views/payment_authorize_templates.xml
+++ b/addons/payment_authorize/views/payment_authorize_templates.xml
@@ -54,38 +54,28 @@
         </template>
 
         <template id="authorize_s2s_form">
-            <form method="post" t-att-action="'/payment/authorize/s2s/create' if not json else '/payment/authorize/s2s/create_json'">
-                <div t-att-class="'row' if bootstrap_formatting else ''">
-                    <div t-att-class="'form-group col-md-8' if bootstrap_formatting else 'form-group'">
-                        <label class="control-label" for="cc_number">Card number</label>
-                        <input type="tel" name="cc_number" id="cc_number" class="form-control" placeholder="&#8226;&#8226;&#8226;&#8226;&#32;&#8226;&#8226;&#8226;&#8226;&#32;&#8226;&#8226;&#8226;&#8226;&#32;&#8226;&#8226;&#8226;&#8226;&#32;"/>
-                        <div class="card_placeholder"></div>
-                        <div class="visa"></div>
-                        <input type="hidden" name="cc_brand" value=""/>
-                    </div>
-                    <div t-att-class="'form-group col-md-4' if bootstrap_formatting else 'form-group'">
-                        <label class="control-label" for="cc_cvc">CVC</label>
-                        <input type="text" name="cc_cvc" id="cc_cvc" class="form-control" maxlength="4" placeholder="CVC"/>
-                    </div>
-                    <div t-att-class="'form-group col-md-7' if bootstrap_formatting else 'form-group'">
-                        <label class="control-label" for="cc_holder_name">Name</label>
-                        <input type="text" name="cc_holder_name" id="cc_holder_name" class="form-control"/>
-                    </div>
-                    <div t-att-class="'form-group col-md-5' if bootstrap_formatting else 'form-group'">
-                        <label class="control-label" for="cc_expires_mm">Expires</label>
-                        <input type="text" name="cc_expiry" id="cc_expiry" class="form-control" maxlength="7" placeholder="MM / YY"/>
-                    </div>
-                    <input type="hidden" name="acquirer_id" t-att-value="id"/>
-                    <input class="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
-                    <input t-if="return_url" type="hidden" name="return_url" t-att-value="return_url"/>
-                    <input t-if="partner_id" type="hidden" name="partner_id" t-att-value="partner_id"/>
-                    <div class="clearfix"/>
+            <input type="hidden" name="data_set" data-create-route="/payment/authorize/s2s/create_json_3ds"/>
+            <div class="mt8">
+                <div t-att-class="'form-group col-md-12' if bootstrap_formatting else 'form-group'">
+                    <input type="tel" name="cc_number" id="cc_number" class="form-control" placeholder="Card number"/>
+                    <div class="card_placeholder"></div>
+                    <div class="visa"></div>
+                    <input type="hidden" name="cc_brand" value=""/>
                 </div>
-                <button t-att-class="submit_class" class="btn btn-primary" type="submit">
-                    <span t-if="not submit_txt">Confirm <span class="fa fa-long-arrow-right"></span></span>
-                    <span t-if="submit_txt"><t t-esc="submit_txt"/></span>
-                </button>
-            </form>
-        </template>
+                <div t-att-class="'form-group col-md-5' if bootstrap_formatting else 'form-group'">
+                    <input type="text" name="cc_holder_name" id="cc_holder_name" class="form-control" placeholder="Cardholder name"/>
+                </div>
+                <div t-att-class="'form-group col-md-3' if bootstrap_formatting else 'form-group'">
+                    <input type="text" name="cc_expiry" id="cc_expiry" class="form-control" maxlength="7" placeholder="Expires (MM / YY)"/>
+                </div>
+                <div t-att-class="'form-group col-md-4' if bootstrap_formatting else 'form-group'">
+                    <input type="text" name="cc_cvc" id="cc_cvc" class="form-control" maxlength="4" placeholder="CVC"/>
+                </div>
+            </div>
+            <input type="hidden" name="acquirer_id" t-att-value="id"/>
+            <input class="hidden" name="csrf_token" t-att-value="request.csrf_token()"/>
+            <input t-if="return_url" type="hidden" name="return_url" t-att-value="return_url"/>
+            <input t-if="partner_id" type="hidden" name="partner_id" t-att-value="partner_id"/>
+         </template>
     </data>
 </odoo>