%form.margin-bottom-50{ name: 'subscription_form', novalidate: true, "ng-submit": 'save()' }
  %save-bar{ persist: 'true' }
    %div{ "ng-hide": 'subscription.id' }
      %a.button{ href: main_app.admin_subscriptions_path, "ng-show": "['details','review'].indexOf(view) >= 0" }= t(:cancel)
      %input{ type: "button", value: t(:back), "ng-click": 'back()', "ng-show": '!!backCallbacks[view]' }
      %input.red{ type: "button", value: t(:next), "ng-click": 'next()', "ng-show": '!!nextCallbacks[view]' }
      %input.red{ type: "submit", value: t('.create'), "ng-show": "view == 'review'" }
    %div{ "ng-show": 'subscription.id' }
      %a.button{ href: main_app.admin_subscriptions_path }= t(:close)
      %input.red{ type: "button", value: t(:review), "ng-click": "setView('review')", "ng-show": "view != 'review'" }
      %input.red{ type: "submit", value: t(:save_changes), "ng-disabled": 'subscription_form.$pristine' }

  .details{ "ng-show": "view == 'details'" }
    %ng-form{ name: 'subscription_details_form', "ng-controller": 'DetailsController' }
      = render 'details'

  .address{ "ng-show": "view == 'address'" }
    %ng-form{ name: 'subscription_address_form', "ng-controller": 'AddressController' }
      = render 'address'

  .products{ "ng-show": "view == 'products'" }
    %ng-form{ name: 'subscription_products_form', "ng-controller": 'ProductsController' }
    = render :partial => "spree/admin/variants/autocomplete", :formats => :js
    = render 'products'

  .review{ "ng-show": "view == 'review'", "ng-controller": 'ReviewController' }
    = render 'review'