diff --git a/www/assets/js/rates.js b/www/assets/js/rates.js
index e7d4b8e..b2ecd09 100644
--- a/www/assets/js/rates.js
+++ b/www/assets/js/rates.js
@@ -39,6 +39,21 @@ var itemTypeCharacteristics = {
};
function updateRateForm() {
+ if ($("#to_country").val() == "" || $("#to_country").val() == "US") {
+ $(".citystateboxes").css("display", "none");
+ $("#ziptext").html("ZIP Code");
+ $("#to_zip").attr("inputmode", "numeric");
+ $("#to_zip").attr("required", "true");
+ $("#to_zip").attr("placeholder", "ZIP Code");
+ } else {
+ $(".citystateboxes").css("display", "");
+ $("#ziptext").html("Postal Code");
+ $("#to_zip").attr("inputmode", "text");
+ $("#to_zip").removeAttr("required");
+ $("#to_zip").attr("placeholder", "Postal Code");
+ }
+
+
$("#itemweight").css("display", "none");
$("#itemsize").css("display", "none");
$("#itemweightlbs").css("display", "none");
@@ -75,6 +90,7 @@ function updateRateForm() {
}
$("#app").on("click change", "#itemType", updateRateForm);
+$("#app").on("click change", "#to_country", updateRateForm);
function initRateForm() {
$("#itemType").val("");
@@ -91,6 +107,9 @@ function getRates() {
from_zip: $("#from_zip").val(),
to_street1: $("#to_street1").val(),
to_zip: $("#to_zip").val(),
+ to_city: $("#to_city").val(),
+ to_state: $("#to_state").val(),
+ to_country: $("#to_country").val(),
itemType: $("#itemType").val(),
length: $("input[name=length]").val(),
width: $("input[name=width]").val(),
diff --git a/www/pages/rates.html b/www/pages/rates.html
index 72c8e80..c7838d7 100644
--- a/www/pages/rates.html
+++ b/www/pages/rates.html
@@ -56,13 +56,290 @@
+
+
+
+
+
+
State/Province
+
+
+
+
+
+
+
+
+
Country
+
+
+
+
+
Item Type: