Fixing css bugs, Changed booking form, Changed booking input from range to two separated inputs , Change booking view validations

digitalglarus/templates/digitalglarus/booking.html

@@ -14,22 +14,25 @@
             <h2 class="signup-lead">Start coworking at Digital Glarus! <br> Membership costs only 
             <strong>35CHF</strong> per month.<br> 2 free working days included!</h2>
             <hr class="primary">
-            {% bootstrap_form_errors form layout='inline' %}
             <div class="signup-form form-group row">
+              <div class="col-md-12">
                 <input type="hidden" name="next" value="{{ request.GET.next }}">
                 <form action="" method="post" class="form" novalidate>
+
                   {% csrf_token %}
-                  {% bootstrap_form_errors form layout='inline' %}
+                  {% bootstrap_form_errors form type='non_fields'%}
                   {% for field in form %}
                   {% bootstrap_field field show_label=False %}
                   {% endfor %}
 
                   <!-- <input class="form-control" placeholder="Select your dates" type="text" id="booking-date-range" name="date_range"> -->
+                  <br/>
                   <button type="submit" class="btn btn-primary btn-blue">Book</button>
                 </form>
                 <br>
                 <div class="notice-box">
                 </div>
+              </div>
             </div>
         </div>       
         <div class="col-xs-12 col-sm-3 col-lg-4 text-center wow fadeInDown"></div>

digitalglarus/templates/digitalglarus/booking_payment.html

@@ -45,8 +45,6 @@
                         {% bootstrap_field field show_label=False type='fields'%}
                       {% endfor %}
                       {% bootstrap_form_errors form type='non_fields'%}
-                                                       {{form.errors}}
-
                       <br>
                       </form>
                     </div>

digitalglarus/templates/new_base_glarus.html

@@ -25,7 +25,9 @@
     <link href="{% static 'digitalglarus/css/ungleich.css' %}" rel="stylesheet">
     <link href="{% static 'digitalglarus/css/history.css' %}" rel="stylesheet">
     <link href="{% static 'digitalglarus/css/price.css' %}" rel="stylesheet">
+
     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />
+    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/css/bootstrap-datetimepicker.min.css" />
 
     <!-- <link href="css/bootstrap.min.css" rel="stylesheet"> -->
     <link href="{% static 'digitalglarus/css/lib/animate.min.css' %}" rel="stylesheet">
@@ -227,6 +229,9 @@
  --> 
 <!-- Include Date Range Picker -->
 <script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/js/bootstrap-datetimepicker.min.js
+"></script>
+
 
 <!-- Booking JavaScript -->
 <script src="{% static 'digitalglarus/js/booking.js' %}"></script>