= f_form_for current_order, url: main_app.update_checkout_path, 
  html: {name: "checkout", 
    id: "checkout_form",
    novalidate: true,
    name: "checkout"} do |f|

  :javascript
    angular.module('Darkswarm').value('order', #{render "checkout/order"})

  -#%pre
    -#{{ Order.order}}

  .small-12.columns
    %h3.text-center.pad-top 
      Checkout from 
      = current_distributor.name

    = render partial: "checkout/details", locals: {f: f}
    = render partial: "checkout/billing", locals: {f: f}
    = 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"}

= f_form_for current_order, url: main_app.update_checkout_path, 
  html: {name: "checkout", 
    id: "checkout_form",
    novalidate: true,
    name: "checkout"} do |f|

  :javascript
    angular.module('Darkswarm').value('order', #{render "checkout/order"})

  -#%pre
    -#{{ Order.order}}

  %div
    %h3.text-center.pad-top 
      Checkout from 
      = current_distributor.name

    = render partial: "checkout/details", locals: {f: f}
    = render partial: "checkout/billing", locals: {f: f}
    = render partial: "checkout/shipping", locals: {f: f}
    = render partial: "checkout/payment", locals: {f: f}
    %p
      %button.button.primary{type: :submit, 
      "ng-click" => "purchase($event)",
      "ng-disabled" => "checkout.$invalid"}
        Place order now
      / {{ checkout.$valid }}

Update behaviour on Place Order Now button so it is disabled but not hidden when unavailable
Update behaviour on Place Order Now button so it is disabled but not hidden when unavailable
