<%= f.field_container :name do %> <%= f.label :name, class: 'required' %>
<%= f.text_field :name, class: 'fullwidth', required: true %> <% end %>
<%= f.field_container :code do %> <%= f.label :code %> <%= f.text_field :code, class: 'fullwidth', label: false %> <% end %>
<%= f.field_container :admin_name do %> <%= f.label :admin_name %> <%= f.text_field :admin_name, class: 'fullwidth', label: false %> <% end %>
<%= f.field_container :active do %> <% end %>
<%= f.label :address1 %> <%= f.text_field :address1, class: 'fullwidth' %>
<%= f.label :city %> <%= f.text_field :city, class: 'fullwidth' %>
<%= f.label :address2 %> <%= f.text_field :address2, class: 'fullwidth' %>
<%= f.label :zipcode %> <%= f.text_field :zipcode, class: 'fullwidth' %>
<%= f.label :phone %> <%= f.phone_field :phone, class: 'fullwidth' %>
<%= f.label :country_id %> <%= f.collection_select :country_id, available_countries, :id, :name, {}, { class: 'select2 fullwidth' } %>
<% if f.object.country %> <%= f.label :state_id %> <%= f.text_field :state_name, style: "display: #{f.object.country.states.empty? ? 'block' : 'none' };", disabled: !f.object.country.states.empty?, class: 'fullwidth state_name' %> <%= f.collection_select :state_id, f.object.country.states.sort, :id, :name, { include_blank: true }, {class: 'select2 fullwidth', style: "display: #{f.object.country.states.empty? ? 'none' : 'block' };", disabled: f.object.country.states.empty?} %> <% end %>
<% content_for :head do %> <%= javascript_tag do -%> $(document).ready(function(){ $('span#country select.select2').on('change', function() { update_state(''); }); }); <% end -%> <% end %>