.small-12.columns
  #ship_address{"ng-if" => "Checkout.requireShipAddress()"}
    %div.visible{"ng-if" => "!Checkout.ship_address_same_as_billing"}
      %div{ "ng-controller" => "CountryCtrl" }
        .row
          .small-6.columns
            = validated_input t(:first_name), "order.ship_address.firstname", "ofn-focus" => "accordion['shipping']"
          .small-6.columns
            = validated_input t(:last_name), "order.ship_address.lastname"
        .row
          .small-12.columns
            = validated_input t(:address), "order.ship_address.address1"
        .row
          .small-12.columns
            = validated_input t(:address2), "order.ship_address.address2", required: false
        .row
          .small-6.columns
            = validated_input t(:city), "order.ship_address.city"
          .small-6.columns
            = validated_select t(:state), "order.ship_address.state_id", {}, {"ng-options" => "s.id as s.name for s in countriesById[order.ship_address.country_id].states"}
        .row
          .small-6.columns
            = validated_input t(:postcode), "order.ship_address.zipcode"
          .small-6.columns.right
            = validated_select t(:country), "order.ship_address.country_id", {}, {"ng-init" => "order.ship_address.country_id = order.ship_address.country_id || #{Spree::Config[:default_country_id]}", "ng-options" => "c.id as c.name for c in countries"}
        .row
          .small-6.columns
            = validated_input t(:phone), "order.ship_address.phone"