From 8e742852a58302cb0291430abe94afcc37de2d21 Mon Sep 17 00:00:00 2001
From: PCoder <purple.coder@yahoo.co.uk>
Date: Wed, 4 Jul 2018 02:03:08 +0200
Subject: [PATCH] Show all cards in landing and hosting payment page

---
 .../datacenterlight/landing_payment.html      | 24 +++++++++++++++++--
 hosting/templates/hosting/payment.html        | 24 +++++++++++++++++--
 2 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/datacenterlight/templates/datacenterlight/landing_payment.html b/datacenterlight/templates/datacenterlight/landing_payment.html
index 256b0931..b774f4c2 100644
--- a/datacenterlight/templates/datacenterlight/landing_payment.html
+++ b/datacenterlight/templates/datacenterlight/landing_payment.html
@@ -125,9 +125,29 @@
                                 </div>
                             {% endfor %}
                             {% if card_list_len > 0 %}
-                            <div class="another-card-text">{% trans "Use another card" %}</div>
+                                <div class="new-card-head">
+                                    <div class="row">
+                                        <div class="col-xs-6">
+                                            <h4>{% trans "Add a new credit card" %}</h4>
+                                        </div>
+                                        <div class="col-xs-6 text-right">
+                                            <button data-toggle="collapse" data-target="#newcard" class="btn choice-btn">
+                                                <span class="fa fa-plus"></span>&nbsp;&nbsp;{% trans "NEW CARD" %}
+                                            </button>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div id="newcard" class="collapse">
+                                    <hr class="thick-hr">
+                                    <div class="card-details-box">
+                                        <h3>{%trans "New Credit Card" %}</h3>
+                                        <hr>
+                                        {% include "hosting/includes/_card_input.html" %}
+                                    </div>
+                                </div>
+                            {% else%}
+                                {% include "hosting/includes/_card_input.html" %}
                             {% endif %}
-                            {% include "hosting/includes/_card_input.html" %}
                         </div>
                     {% endwith %}
                 </div>
diff --git a/hosting/templates/hosting/payment.html b/hosting/templates/hosting/payment.html
index b473f31a..e09775cf 100644
--- a/hosting/templates/hosting/payment.html
+++ b/hosting/templates/hosting/payment.html
@@ -138,9 +138,29 @@
                                 </div>
                             {% endfor %}
                             {% if card_list_len > 0 %}
-                            <div class="another-card-text">{% trans "Use another card" %}</div>
+                                <div class="new-card-head">
+                                    <div class="row">
+                                        <div class="col-xs-6">
+                                            <h4>{% trans "Add a new credit card" %}</h4>
+                                        </div>
+                                        <div class="col-xs-6 text-right">
+                                            <button data-toggle="collapse" data-target="#newcard" class="btn choice-btn">
+                                                <span class="fa fa-plus"></span>&nbsp;&nbsp;{% trans "NEW CARD" %}
+                                            </button>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div id="newcard" class="collapse">
+                                    <hr class="thick-hr">
+                                    <div class="card-details-box">
+                                        <h3>{%trans "New Credit Card" %}</h3>
+                                        <hr>
+                                        {% include "hosting/includes/_card_input.html" %}
+                                    </div>
+                                </div>
+                            {% else%}
+                                {% include "hosting/includes/_card_input.html" %}
                             {% endif %}
-                            {% include "hosting/includes/_card_input.html" %}
                         </div>
                     </div>
                     {% endwith %}