<%= f.field_container :name, class: ['form-group'] do %> <%= f.label :name, Spree.t(:name) %> *
<%= f.text_field :name, class: 'form-control', required: true %> <% end %>
<%= f.field_container :admin_name, class: ['form-group'] do %> <%= f.label :admin_name, Spree.t(:internal_name) %> <%= f.text_field :admin_name, class: 'form-control', label: false %> <% end %>
<%= Spree.t(:status) %>
<%= label_tag :active do %> <%= f.check_box :active %> <%= Spree.t(:active) %> <% end %>
<%= label_tag :default do %> <%= f.check_box :default %> <%= Spree.t(:default) %> <% end %>
<%= label_tag :backorderable_default do %> <%= f.check_box :backorderable_default %> <%= Spree.t(:backorderable_default) %> <% end %>
<%= label_tag :propagate_all_variants do %> <%= f.check_box :propagate_all_variants %> <%= Spree.t(:propagate_all_variants) %> <% end %>
<%= f.label :address1, Spree.t(:street_address) %> <%= f.text_field :address1, class: 'form-control' %>
<%= f.label :city, Spree.t(:city) %> <%= f.text_field :city, class: 'form-control' %>
<%= f.label :address2, Spree.t(:street_address_2) %> <%= f.text_field :address2, class: 'form-control' %>
<%= f.label :zipcode, Spree.t(:zip) %> <%= f.text_field :zipcode, class: 'form-control' %>
<%= f.label :phone, Spree.t(:phone) %> <%= f.phone_field :phone, class: 'form-control' %>
<%= f.label :country_id, Spree.t(:country) %> <%= f.collection_select :country_id, available_countries, :id, :name, {}, { class: 'select2' } %>
<% if f.object.country %> <%= f.label :state_id, Spree.t(:state) %> <%= f.text_field :state_name, style: "#{f.object.country.states.empty? ? '' : 'display: none;'}", disabled: !f.object.country.states.empty?, class: 'state_name form-control' %> <%= f.collection_select :state_id, f.object.country.states.sort, :id, :name, { include_blank: true }, {class: 'select2', style: "#{f.object.country.states.empty? ? 'display: none;' : '' };", disabled: f.object.country.states.empty?} %> <% end %>
<% content_for :head do %> <%= javascript_tag do %> $(document).ready(function(){ $('span#country .select2').on('change', function() { update_state(''); }); }); <% end %> <% end %>