From 3ae1eb863d4217aace490e7481be924f748c9bbc Mon Sep 17 00:00:00 2001
From: summerscope <summerscope@gmail.com>
Date: Thu, 5 Jun 2014 16:20:14 +1000
Subject: [PATCH] Update behaviour on Place Order Now button so it is disabled
 but not hidden when unavailable

---
 app/views/checkout/_form.html.haml | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/views/checkout/_form.html.haml b/app/views/checkout/_form.html.haml
index bd50200210..f1169505e9 100644
--- a/app/views/checkout/_form.html.haml
+++ b/app/views/checkout/_form.html.haml
@@ -10,7 +10,7 @@
   -#%pre
     -#{{ Order.order}}
 
-  .small-12.columns
+  %div
     %h3.text-center.pad-top 
       Checkout from 
       = current_distributor.name
@@ -20,7 +20,8 @@
     = render partial: "checkout/shipping", locals: {f: f}
     = render partial: "checkout/payment", locals: {f: f}
     %p
-      %input.button.primary{type: :submit, 
-      value: "Place order now", 
-      "ng-click" => "purchase($event)", 
-      "ng-show" => "checkout.$valid"}
+      %button.button.primary{type: :submit, 
+      "ng-click" => "purchase($event)",
+      "ng-disabled" => "checkout.$invalid"}
+        Place order now
+      / {{ checkout.$valid }}