From aaf3bc18d81015daef5c18816410c979e2c41e1e Mon Sep 17 00:00:00 2001
From: Arvind Tiwari <tiwariav@gmail.com>
Date: Wed, 6 Sep 2017 00:12:13 +0530
Subject: [PATCH] landing_payment all sections arranged

---
 .../datacenterlight/landing_payment.html      | 35 +++++++++++++++----
 datacenterlight/views.py                      |  4 ++-
 hosting/static/hosting/css/landing-page.css   |  7 ++++
 3 files changed, 39 insertions(+), 7 deletions(-)

diff --git a/datacenterlight/templates/datacenterlight/landing_payment.html b/datacenterlight/templates/datacenterlight/landing_payment.html
index 2a3f500c..64cc5728 100644
--- a/datacenterlight/templates/datacenterlight/landing_payment.html
+++ b/datacenterlight/templates/datacenterlight/landing_payment.html
@@ -15,10 +15,23 @@
     <div class="payment-container">
         <div class="row">
             <div class="col-sm-6">
-
+                <div class="dcl-payment-section">
+                    <h3>{%trans "Log in" %}</h3>
+                    <hr>
+                    <p>{% blocktrans %}Already signed up?<br>By logging in you can retrieve saved billing information.{% endblocktrans %}</p>
+                    <form role="form" id="login-form" method="post" action="" novalidate>
+                        {% for field in login_form %}
+                        {% csrf_token %}
+                        {% bootstrap_field field show_label=False type='fields'%}
+                        {% endfor %}
+                        <div class="text-right">
+                            <button type="submit" class="btn btn-vm-contact">{% trans "LOGIN" %}</button>
+                        </div>
+                    </form>
+                </div>
             </div>
             <div class="col-sm-6">
-                <div class="dcl-order-sec row">
+                <div class="dcl-payment-section">
                     <h3>{%trans "Your Order" %}</h3>
                     <hr>
                     <div class="content">
@@ -45,18 +58,28 @@
             </div>
         </div>
         <div class="row">
-            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 dcl-billing-sec">
-                <div class="col-xs-12 col-sm-5 col-md-6  billing dcl-billing">
-                    <h3><b>{%trans "Billing Address"%}</b></h3>
+            <div class="col-sm-6">
+                <div class="dcl-payment-section">
+                    <h3><b>{%trans "Sign up"%}</b></h3>
                     <hr>
                     <form role="form" id="billing-form" method="post" action="" novalidate>
+                        <div class="form-group">
+                            <label class="sr-only" for="id_signup_name">{% trans "Name" %}</label>
+                            <input type="text" id="id_signup_name" class="form-control" name="signup_name" placeholder="{% trans 'Name' %}">
+                        </div>
+                        <div class="form-group">
+                            <label class="sr-only" for="id_signup_email">{% trans "Email Address" %}</label>
+                            <input type="email" id="id_signup_email" class="form-control" name="signup_email" placeholder="{% trans 'Email Address' %}">
+                        </div>
                         {% for field in form %}
                         {% csrf_token %}
                         {% bootstrap_field field show_label=False type='fields'%}
                         {% endfor %}
                     </form>
                 </div>
-                <div class="col-xs-12 col-sm-7 col-md-6 creditcard-box dcl-creditcard">
+            </div>
+            <div class="col-sm-6">
+                <div class="dcl-payment-section">
                     <h3><b>{%trans "Credit Card"%}</b></h3>
                     <hr>
                     <div>
diff --git a/datacenterlight/views.py b/datacenterlight/views.py
index 39ec50b7..24f8cd74 100644
--- a/datacenterlight/views.py
+++ b/datacenterlight/views.py
@@ -12,6 +12,7 @@ from django.views.generic import FormView, CreateView, TemplateView, DetailView
 
 from datacenterlight.tasks import create_vm_task
 from hosting.models import HostingOrder
+from hosting.forms import HostingUserLoginForm
 from membership.models import CustomUser, StripeCustomer
 from opennebula_api.models import OpenNebulaManager
 from opennebula_api.serializers import VirtualMachineTemplateSerializer, \
@@ -428,7 +429,8 @@ class PaymentOrderView(FormView):
         context = super(PaymentOrderView, self).get_context_data(**kwargs)
         context.update({
             'stripe_key': settings.STRIPE_API_PUBLIC_KEY,
-            'site_url': reverse('datacenterlight:index')
+            'site_url': reverse('datacenterlight:index'),
+            'login_form': HostingUserLoginForm()
         })
         return context
 
diff --git a/hosting/static/hosting/css/landing-page.css b/hosting/static/hosting/css/landing-page.css
index b84d6177..586179e5 100644
--- a/hosting/static/hosting/css/landing-page.css
+++ b/hosting/static/hosting/css/landing-page.css
@@ -859,3 +859,10 @@ a.list-group-item-danger.active:focus {
 .panel-danger > .panel-heading .badge {
     background-color: #eb4d5c;
 }
+
+/* landing page payment new style */
+.dcl-payment-section {
+    max-width: 400px;
+    margin: auto;
+    padding: 30px;
+}
\ No newline at end of file