From 86c4e7b4083435cbe14cff3642b42e2ded9ff26d Mon Sep 17 00:00:00 2001
From: deaspo <polycarpokock@live.com>
Date: Wed, 5 Jul 2017 01:53:01 +0300
Subject: [PATCH] Task: Improve credit card section - letting the user know
 that they're not making any payment there but on the next page

Signed-off-by: deaspo <polycarpokock@live.com>
---
 hosting/templates/hosting/payment.html | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/hosting/templates/hosting/payment.html b/hosting/templates/hosting/payment.html
index a09061bb..d934acef 100644
--- a/hosting/templates/hosting/payment.html
+++ b/hosting/templates/hosting/payment.html
@@ -52,6 +52,10 @@
 				<h3><b>{%trans "Payment Details"%}</b></h3>
 				<hr>
 	            <div>
+					<div>
+						<p> {% trans "Please fill in your credit card information below. We are using Stripe for payment and do not store your information in our database." %}</p>
+					</div>
+					<br>
 	                <div>
                     {% if credit_card_data.last4 %}
                       <form role="form" id="payment-form-with-creditcard"novalidate>
@@ -59,10 +63,10 @@
                         <h5 class="membership-lead">Last 4: *****{{credit_card_data.last4}}</h5>
                         <h5 class="membership-lead">Type: {{credit_card_data.cc_brand}}</h5>
                         <input type="hidden" name="credit_card_needed" value="false"/>
-                      </form>  
+                      </form>
                       <div class="col-xs-6">
-                        <button id="payment_button_with_creditcard" class="btn btn-success btn-sm btn-block" type="submit">
-							 {% trans "Submit Payment" %}
+                        <button style="width: 100px;" id="payment_button_with_creditcard" class="btn btn-success btn-sm btn-block" type="submit">
+							 {% trans "Place Order" %}
 					   </button>
                      </div>
                     {% else %}
@@ -89,7 +93,7 @@
 											placeholder="{%trans "Valid Card Number"%}" required autofocus data-stripe="number" />
 	                                        <span class="input-group-addon"><i class="fa fa-credit-card"></i></span>
 	                                    </div>
-	                                </div>                            
+	                                </div>
 	                            </div>
 	                        </div>
 	                        <div class="row">
@@ -112,8 +116,12 @@
 	                            </div>
 	                        </div> -->
 	                        <div class="row">
-	                            <div class="col-xs-6 float-right">
-	                                <button class="btn btn-success btn-sm btn-block" type="submit">Submit Payment</button>
+								<br>
+								<div>
+									<p style="font-family: Lato;border: 1px solid #a1a1a1;border-radius: 3px; padding: 5px; "> {% trans "You are not making any payment yet. After placing your order, you will be taken to the Submit Payment Page." %}</p>
+								</div>
+	                            <div class="col-xs-6 pull-right">
+	                                <button style="width: 100px; float: right; font-style: normal; font-weight: bold; position: absolute; right: 0;" class="btn btn-success" type="submit">{% trans "Place Order" %}</button>
 	                            </div>
 	                        </div>
 	                        <div class="row" style="display:none;">