Long-Term vs Short-Term Calculator - Bootstrap 4
Example: https://long-short-term-calculator.nesthub.com/ltst-calc-bs4
View Bootstrap 3 Code View Bootstrap 5 CodeForm Import
eyJuYW1lIjoiTG9uZyBUZXJtIFNob3J0IFRlcm0gQ2FsY3VsYXRvciIsInNsdWciOiJsb25nLXRlcm0tc2hvcnQtdGVybS1jYWxjdWxhdG9yIiwic3VjY2Vzc01lc3NhZ2UiOm51bGwsImlzTGVhZCI6IjAiLCJhdHRyaWJ1dGVzIjpudWxsLCJmaWVsZHMiOlt7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiVG90YWwgUHVyY2hhc2UgUHJpY2UiLCJzbHVnIjoidG90YWwtcHVyY2hhc2UtcHJpY2UiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIyIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkNsb3NpbmcgQ29zdCIsInNsdWciOiJjbG9zaW5nLWNvc3QiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIzIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkRvd24gUGF5bWVudCBQZXJjZW50YWdlIiwic2x1ZyI6ImRvd24tcGF5bWVudC1wZXJjZW50YWdlIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCIxXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNCIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJEb3duIFBheW1lbnQgVVNEIiwic2x1ZyI6ImRvd24tcGF5bWVudC11c2QiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjUiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiTG9hbiBUZXJtIChZZWFycykiLCJzbHVnIjoibG9hbi10ZXJtLXllYXJzIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCIxXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNiIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJMb2FuIEFQUiglKSIsInNsdWciOiJsb2FuLWFwciIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiMVwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjciLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiUE1JIiwic2x1ZyI6InBtaSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiMVwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjgiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiUHJvcGVydHkgVGF4ZXMiLCJzbHVnIjoicHJvcGVydHktdGF4ZXMiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjkiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiQ2FzaCBPdXQgUmVmaW5hbmNlIiwic2x1ZyI6ImNhc2gtb3V0LXJlZmluYW5jZSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMTAiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiQWlyYm5iIE1vbnRobHkiLCJzbHVnIjoiYWlyYm5iLW1vbnRobHkiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIxMiIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJNYW5hZ2VtZW50IEZlZSglKSAoU2hvcnQgVGVybSkiLCJzbHVnIjoibWFuYWdlbWVudC1mZWUtc2hvcnQtdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMTMiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiTWFuYWdlbWVudCBGZWUgKCRVU0QgLSBTaG9ydCBUZXJtKSIsInNsdWciOiJtYW5hZ2VtZW50LWZlZS11c2Qtc2hvcnQtdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMTQiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiTW9udGhseSBJbmNvbWUgKFNob3J0IFRlcm0pIiwic2x1ZyI6Im1vbnRobHktaW5jb21lLXNob3J0LXRlcm0iLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjE1IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6Ik1vcnRnYWdlIFBheW1lbnQgKyBNb250aGx5IFRheGVzIiwic2x1ZyI6Im1vcnRnYWdlLXRheGVzIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIxNiIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJJbnN1cmFuY2UgKE1vbnRobHkpIiwic2x1ZyI6Imluc3VyYW5jZS1tb250aGx5Iiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIxNyIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJNYWludGVuYW5jZSAoTW9udGhseSBTaG9ydCBUZXJtKSIsInNsdWciOiJtYWludGVuYW5jZS1tb250aGx5LXNob3J0LXRlcm0iLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjE4IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6Ik1haWQgU2VydmljZSAoU2hvcnQgVGVybSkiLCJzbHVnIjoibWFpZC1zZXJ2aWNlLXNob3J0LXRlcm0iLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjE5IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkVsZWN0cmljYWwgR2FzIFwvTW9udGhseSAoU2hvcnQgVGVybSkiLCJzbHVnIjoiZWxlY3RyaWNhbC1nYXMtbW9udGhseS1zaG9ydC10ZXJtIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIyMCIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJXYXRlciAmYW1wO1Nld2VyIE1vbnRobHkgKFNob3J0IFRlcm0pIiwic2x1ZyI6IndhdGVyLXNld2VyLW1vbnRobHktc2hvcnQtdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMjEiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiR2FyYmFnZSAoTW9udGhseSBTaG9ydCBUZXJtKSIsInNsdWciOiJnYXJiYWdlLW1vbnRobHktc2hvcnQtdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMjIiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiVFYgJmFtcDtJbnRlcm5ldCAoU2hvcnQgVGVybSkiLCJzbHVnIjoidHYtaW50ZXJuZXQtc2hvcnQtdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMjMiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiSE9BIChNb250aGx5KSIsInNsdWciOiJob2EtbW9udGhseSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMjQiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiU2FsZXMgVGF4IChTaG9ydCBUZXJtKSIsInNsdWciOiJzYWxlcy10YXgtc2hvcnQtdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMjUiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiOCIsImxhYmVsIjoiU2hvcnQgVGVybSBJbmNvbWUgXC8gRXhwZW5zZXMiLCJzbHVnIjoic2hvcnQtdGVybS1pbmNvbWUtLWV4cGVuc2VzIiwic2V0dGluZ3MiOiJ7XCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIxMSIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiI4IiwibGFiZWwiOiJQcm9wZXJ0eSBJbmZvcm1hdGlvbiIsInNsdWciOiJwcm9wZXJ0eS1pbmZvcm1hdGlvbiIsInNldHRpbmdzIjoie1wiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMSIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiI4IiwibGFiZWwiOiJGdXJuaXR1cmUgXC8gU3VwcGxpZXMgRXN0aW1hdG9yIChTaG9ydCBUZXJtKSIsInNsdWciOiJmdXJuaXR1cmUtLXN1cHBsaWVzLWVzdGltYXRvci1zaG9ydC10ZXJtIiwic2V0dGluZ3MiOiJ7XCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIyNiIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJMaW5lbnMgIzEgVmFsdWUiLCJzbHVnIjoibGluZW5zLTEtdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjI3IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkxpbmVucyAjMiBWYWx1ZSIsInNsdWciOiJsaW5lbnMtMi12YWx1ZSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMjgiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiTGluZW5zICMzIFZhbHVlIiwic2x1ZyI6ImxpbmVucy0zLXZhbHVlIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIyOSIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJMaW5lbnMgIzQgVmFsdWUiLCJzbHVnIjoibGluZW5zLTQtdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjMwIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkxpbmVucyAjNSBWYWx1ZSIsInNsdWciOiJsaW5lbnMtNS12YWx1ZSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMzEiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiRnVybml0dXJlICMxIFZhbHVlIiwic2x1ZyI6ImZ1cm5pdHVyZS0xLXZhbHVlIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIzMiIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJGdXJuaXR1cmUgIzIgVmFsdWUiLCJzbHVnIjoiZnVybml0dXJlLTItdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjMzIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkZ1cm5pdHVyZSAjMyBWYWx1ZSIsInNsdWciOiJmdXJuaXR1cmUtMy12YWx1ZSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMzQiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiRnVybml0dXJlICM0IFZhbHVlIiwic2x1ZyI6ImZ1cm5pdHVyZS00LXZhbHVlIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIzNSIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJGdXJuaXR1cmUgIzUgVmFsdWUiLCJzbHVnIjoiZnVybml0dXJlLTUtdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjM2IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IlN1cHBsaWVzICMxIFZhbHVlIiwic2x1ZyI6InN1cHBsaWVzLTEtdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjM3IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IlN1cHBsaWVzICMyIFZhbHVlIiwic2x1ZyI6InN1cHBsaWVzLTItdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjM4IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IlN1cHBsaWVzICMzIFZhbHVlIiwic2x1ZyI6InN1cHBsaWVzLTMtdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjM5IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IlN1cHBsaWVzICM0IFZhbHVlIiwic2x1ZyI6InN1cHBsaWVzLTQtdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjQwIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IlN1cHBsaWVzICM1IFZhbHVlIiwic2x1ZyI6InN1cHBsaWVzLTUtdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjQxIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkxvbmdUZXJtIFJlbnQgTW9udGhseSIsInNsdWciOiJsb25ndGVybS1yZW50LW1vbnRobHkiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI0MyIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJNYW5hZ2VtZW50IEZlZSAoTG9uZyBUZXJtKSIsInNsdWciOiJtYW5hZ2VtZW50LWZlZS1sb25nLXRlcm0iLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjQ0IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6Ik1haW50ZW5hbmNlIChNb250aGx5IExvbmcgVGVybSkiLCJzbHVnIjoibWFpbnRlbmFuY2UtbW9udGhseS1sb25nLXRlcm0iLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjQ1IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6Ik1haWQgU2VydmljZSAoTG9uZyBUZXJtKSIsInNsdWciOiJtYWlkLXNlcnZpY2UtbG9uZy10ZXJtIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI0NiIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiI4IiwibGFiZWwiOiJMb25nIFRlcm0gSW5jb21lXC9FeHBlbnNlcyIsInNsdWciOiJsb25nLXRlcm0taW5jb21lZXhwZW5zZXMiLCJzZXR0aW5ncyI6IntcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjQyIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkVsZWN0cmljIEdhcyAoTW9udGhseSBMb25nIFRlcm0pIiwic2x1ZyI6ImVsZWN0cmljLWdhcy1tb250aGx5LWxvbmctdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNDciLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiV2F0ZXIgJmFtcDtTZXdlciBNb250aGx5IChMb25nIFRlcm0pIiwic2x1ZyI6IndhdGVyLXNld2VyLW1vbnRobHktbG9uZy10ZXJtIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI0OCIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJHYXJiYWdlIChNb250aGx5IExvbmcgVGVybSkiLCJzbHVnIjoiZ2FyYmFnZS1tb250aGx5LWxvbmctdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNDkiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiVFYgJmFtcDtJbnRlcm5ldCAoTG9uZyBUZXJtKSIsInNsdWciOiJ0di1pbnRlcm5ldC1sb25nLXRlcm0iLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjUwIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IlNhbGVzIFRheCAoTG9uZyBUZXJtKSIsInNsdWciOiJzYWxlcy10YXgtbG9uZy10ZXJtIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI1MSIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiI4IiwibGFiZWwiOiJQZXJzb25hbCBJbmZvcm1hdGlvbiIsInNsdWciOiJwZXJzb25hbC1pbmZvcm1hdGlvbiIsInNldHRpbmdzIjoie1wiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNTIiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiTmFtZSIsInNsdWciOiJuYW1lIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCIxXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNTMiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMyIsImxhYmVsIjoiRW1haWwiLCJzbHVnIjoiZW1haWwiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI1NCIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJQcm9wZXJ0eSBBZGRyZXNzIiwic2x1ZyI6InByb3BlcnR5LWFkZHJlc3MiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI1NiIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJDaXR5Iiwic2x1ZyI6ImNpdHkiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI1NyIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJaaXAiLCJzbHVnIjoiemlwIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCIxXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNTgiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiU3EgRnQiLCJzbHVnIjoic3EtZnQiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI1OSIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJBZ2Ugb2YgUHJvcGVydHkiLCJzbHVnIjoiYWdlIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCIxXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNjAiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiQmVkIiwic2x1ZyI6ImJlZCIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiMVwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjYxIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkJhdGgiLCJzbHVnIjoiYmF0aCIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiMVwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjYyIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkdhcmFnZSIsInNsdWciOiJnYXJhZ2UiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI2MyIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxMCIsImxhYmVsIjoiUGhvbmUiLCJzbHVnIjoicGhvbmUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI1NSIsImF0dHJpYnV0ZXMiOm51bGx9XX0=
HTML
<html>
<head>
<title>Long-Term vs Short-Term Calculator | </title>
<meta name="description" content="Calculate your vacancy costs"/>
<link rel="stylesheet" href="/css/ltst-calculator-bs4.css">
</head>
<body>
<div id="ltst-calculator">
<section class="calc-instructions">
<h1>Long-Term vs Short-Term Calculator</h1>
<h2 class="calc-instructions__sub">Instructions</h2>
<div class="calc-instructions__toggle custom-control custom-switch">
<span class="custom-switch__label custom-switch__label--left">Hide</span>
<input type="checkbox" class="custom-control-input collapsed" id="instructionsSwitch" data-toggle="collapse" data-target="#collapseInstructions" aria-expanded="true" aria-controls="collapseInstructions">
<label class="custom-control-label custom-switch__label custom-switch__label--right" for="instructionsSwitch">Show</label>
</div>
<div class="calc-instructions__steps collapse" id="collapseInstructions">
<div class="row">
<div class="col-lg-3 col-md-6">
<p>
1. Enter your information into each required field. Hover over the info bubbles for more information.
</p>
</div>
<div class="col-lg-3 col-md-6">
<p>
2. Populating all editable fields with values will increase the accuracy of the results.
</p>
</div>
<div class="col-lg-3 col-md-6">
<p>
3. You may go back at any time to modify the contents of the fields.
</p>
</div>
<div class="col-lg-3 col-md-6">
<p>
4. Click “Calculate” to populate your results immediately.
</p>
</div>
</div>
</div>
</section>
<section class="calc-form" data-ion="form" data-name="long-term-short-term-calculator" data-inline="1">
<form>
<div id="calcCarousel" class="calc-form__carousel carousel slide" data-ride="false" data-interval="false" data-wrap="false" data-touch="false">
<div class="carousel-inner">
<div class="carousel-item active">
<h3 class="calc-form__heading">step 1 of 4</h3>
<h4 class="calc-form__sub">Property Information</h4>
<div class="calc-form__container">
<div class="form-group form-group-text is-required">
<label for="total_purchase_price">Total Purchase Price *</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="total_purchase_price" type="text" class="form-control" name="total-purchase-price" data-bind="value: totalPurchasePrice" required>
</div>
</div>
<div class="form-group form-group-text is-required">
<label for="closing_cost">Closing Cost *</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="closing_cost" type="text" class="form-control" name="closing-cost" data-bind="value: closingCost" required>
</div>
</div>
<div class="form-group form-group-text is-required">
<label for="down_payment_percentage">Down Payment *</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">%</span></div>
<input id="down_payment_percentage" type="text" class="form-control" name="down-payment-percentage" data-bind="value: downPaymentPercentage" required>
</div>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="down_payment_usd" type="text" class="form-control" name="down-payment-usd" data-bind="value: downPaymentUsd" readonly>
</div>
</div>
<div class="form-group form-group-text is-required">
<label for="loan_term_years">Loan Term *</label>
<div class="input-group">
<input id="loan_term_years" type="text" class="form-control" name="loan-term-years" data-bind="value: loanTermYears" required>
<div class="input-group-append"><span class="input-group-text">Years</span></div>
</div>
<div class="input-group input-group--readonly">
<input id="loan_term_months" type="text" class="form-control" name="loan_term_months" data-bind="value: loanTermMonths" readonly>
<div class="input-group-append"><span class="input-group-text">Months</span></div>
</div>
</div>
<div class="form-group form-group-text is-required">
<label for="loan_apr">Loan APR * <span class="info-btn" data-toggle="tooltip" data-html="true" title="Mortgage Interest Rate - Enter the current interest rate on your loan."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">%</span></div>
<input id="loan_apr" type="text" class="form-control" name="loan-apr" data-bind="value: loanAPR" required>
</div>
</div>
<div class="form-group form-group-text">
<label for="loan_apr">PMI <span class="info-btn" data-toggle="tooltip" data-html="true" title="This amount is calculated automatically depending on the Down Payment Percentage."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="pmi" type="text" class="form-control" name="pmi" data-bind="value: pmiValue" readonly>
</div>
</div>
<div class="form-group form-group-text">
<label for="property_taxes">Property Taxes<span class="info-btn" data-toggle="tooltip" data-html="true" title="Annual amount"><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="property_taxes" type="text" class="form-control" name="property-taxes" data-bind="value: propertyTaxes">
</div>
</div>
<div class="form-group form-group-text">
<label for="cash_out_refinance">Cash Out Refinance</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">%</span></div>
<input id="cash_out_refinance" type="text" class="form-control" name="cash-out-refinance" data-bind="value: cashOutRefinance">
</div>
</div>
</div>
<div class="calc-form__controls">
<button class="calc-form__btn ms-auto" href="#calcCarousel" role="button" data-slide="next">Next</button>
</div>
</div>
<div class="carousel-item">
<h3 class="calc-form__heading">step 2 of 4</h3>
<h4 class="calc-form__sub">Monthly Short-Term Income</h4>
<div class="calc-form__container">
<div class="form-group form-group-text is-required">
<label for="airbnb_monthly">Airbnb Monthly * <span class="info-btn" data-toggle="tooltip" data-html="true" title="Enter or estimate the amount of monthly rent you can get for your property."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="airbnb_monthly" type="text" class="form-control" name="airbnb-monthly" data-bind="value: airbnbMonthly" required>
</div>
</div>
<div class="form-group form-group-text">
<label for="management_fee_short_term">Management Fee * <span class="info-btn" data-toggle="tooltip" data-html="true" title="Enter or estimate the monthly management fee percentage."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">%</span></div>
<input id="management_fee_short_term" type="text" class="form-control" name="management-fee-short-term" data-bind="value: managementFeeST">
</div>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="management_fee_usd_short_term" type="text" class="form-control" name="management-fee-usd-short-term" data-bind="value: managementFeeUsdST" readonly>
</div>
</div>
</div>
<h4 class="calc-form__sub">Monthly Expenses</h4>
<div class="calc-form__container">
<div class="form-group input-group--readonly">
<label for="mortgage_taxes">Mortgage Payment + Monthly Taxes <span class="info-btn" data-toggle="tooltip" data-html="true" title="This is automatically calculated combining both your mortgage payment and monthly taxes."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="mortgage_taxes" type="text" class="form-control" name="mortgage-taxes" data-bind="value: mortgageTaxes" readonly>
</div>
</div>
<div class="form-group form-group-text">
<label for="insurance_monthly">Insurance</label>
<div class="input-group">
<input id="insurance_monthly" type="text" class="form-control" name="insurance-monthly" data-bind="value: insuranceMonthly">
<div class="input-group-append"><span class="input-group-text">Monthly</span></div>
</div>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="insurance_yearly" type="text" class="form-control" name="insurance-yearly" data-bind="value: insuranceYearly" readonly>
<div class="input-group-append"><span class="input-group-text">Yearly</span></div>
</div>
</div>
<div class="form-group form-group-text">
<label for="maintenance_monthly_short_term">Maintenance</label>
<div class="input-group">
<input id="maintenance_monthly_short_term" type="text" class="form-control" name="maintenance-monthly" data-bind="value: maintenanceMonthlyST">
<div class="input-group-append"><span class="input-group-text">Monthly</span></div>
</div>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="maintenance_yearly_short_term" type="text" class="form-control" name="maintenance-yearly-short-term" data-bind="value: maintenanceYearlyST" readonly>
<div class="input-group-append"><span class="input-group-text">Yearly</span></div>
</div>
</div>
<div class="form-group form-group-text">
<label for="maid_service_short_term">Maid Service Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="maid_service_short_term" type="text" class="form-control" name="maid-service-short-term" data-bind="value: maidServiceST">
</div>
</div>
<div class="form-group form-group-text">
<label for="gas_monthly_short_term">Electrical/Gas Monthly </label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="electric-gas_monthly_short_term" type="text" class="form-control" name="electric-gas-monthly-short-term" data-bind="value: electricGasMonthlyST">
</div>
</div>
<div class="form-group form-group-text">
<label for="water_sewer_monthly_short_term">Water and Sewer Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="water_sewer_monthly_short_term" type="text" class="form-control" name="water-sewer-monthly-short-term" data-bind="value: waterSewerMonthlyST">
</div>
</div>
<div class="form-group form-group-text">
<label for="garbage_monthly_short_term">Garbage Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="garbage_monthly_short_term" type="text" class="form-control" name="garbage-monthly-short-term" data-bind="value: garbageMonthlyST">
</div>
</div>
<div class="form-group form-group-text">
<label for="tv_internet_short_term">TV and Internet</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="tv_internet_short_term" type="text" class="form-control" name="tv-internet-short-term" data-bind="value: tvInternetST">
</div>
</div>
<div class="form-group form-group-text">
<label for="hoa_monthly">HOA Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="hoa_monthly" type="text" class="form-control" name="hoa-monthly" data-bind="value: hoaMonthly">
</div>
</div>
<div class="form-group form-group-text">
<label for="sales_tax_short_term">Sales Tax (7% - Oxford) <span class="info-btn" data-toggle="tooltip" data-html="true" title="This is calculated automatically using your monthly income and 7% tax."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="sales_tax_short_term" type="text" class="form-control" name="sales-tax-short-term" data-bind="value: salesTaxST" readonly>
</div>
</div>
<!-- <div class="form-group form-group-text">
<label for="monthly_expense_short_term">Monthly Expenses Cost</label>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="monthly_expense_short_term" type="text" class="form-control" name="monthly-expense-short-term" data-bind="value: monthlyExpenseST" readonly>
</div>
</div>
<div class="form-group form-group-text">
<label for="yearly_expense_short_term">Yearly Expenses Cost</label>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="yearly_expense_short_term" type="text" class="form-control" name="yearly-expense-short-term" data-bind="value: yearlyExpenseST" readonly>
</div>
</div> -->
</div>
<a class="calc-form__advanced-toggle" data-toggle="collapse" href="#collapseFurnitureSupplies" role="button" aria-expanded="false" aria-controls="collapseFurnitureSupplies">Furniture/Supplies Estimator <span class="info-btn" data-toggle="tooltip" data-html="true" title="Optional Inputs - You may change the item text for each of the categories. This will help calculate your Out of Pocket Expense for Short-Term Rental."><i class="fal fa-info-circle"></i></span><i class="fal fa-angle-down"></i></a>
<div class="collapse" id="collapseFurnitureSupplies">
<h4 class="calc-form__sub">Linens</h4>
<div class="calc-form__container">
<div class="form-group form-group-text">
<label for="linens_1">Item 1</label>
<div class="input-group">
<input value="Bed Sheets Normal" id="linens_1" type="text" class="form-control" name="linens-1">
</div>
<label for="linens_1_value">Item 1 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="70" id="linens_1_value" type="text" class="form-control" name="linens-1-value" data-bind="value: linens1Value">
</div>
<label for="linens_1_quantity">Item 1 Quantity</label>
<div class="input-group">
<input id="linens_1_quantity" type="text" class="form-control" name="linens-1-quantity" data-bind="value: linens1Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="linens_2">Item 2</label>
<div class="input-group">
<input value="Bed Sheets Premium" id="linens_2" type="text" class="form-control" name="linens-2">
</div>
<label for="linens_2_value">Item 2 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="210" id="linens_2_value" type="text" class="form-control" name="linens-2-value" data-bind="value: linens2Value">
</div>
<label for="linens_2_quantity">Item 2 Quantity</label>
<div class="input-group">
<input id="linens_2_quantity" type="text" class="form-control" name="linens-2-quantity" data-bind="value: linens2Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="linens_3">Item 3</label>
<div class="input-group">
<input value="Duvet" id="linens_3" type="text" class="form-control" name="linens-3">
</div>
<label for="linens_3_value">Item 3 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="140" id="linens_3_value" type="text" class="form-control" name="linens-3-value" data-bind="value: linens3Value">
</div>
<label for="linens_3_quantity">Item 3 Quantity</label>
<div class="input-group">
<input id="linens_3_quantity" type="text" class="form-control" name="linens-3-quantity" data-bind="value: linens3Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="linens_4">Item 4</label>
<div class="input-group">
<input value="Bath Towels Set of 2" id="linens_4" type="text" class="form-control" name="linens-4">
</div>
<label for="linens_4_value">Item 4 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="35" id="linens_4_value" type="text" class="form-control" name="linens-4-value" data-bind="value: linens4Value">
</div>
<label for="linens_4_quantity">Item 4 Quantity</label>
<div class="input-group">
<input id="linens_4_quantity" type="text" class="form-control" name="linens-4-quantity" data-bind="value: linens4Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="linens_5">Item 5</label>
<div class="input-group">
<input value="Other" id="linens_5" type="text" class="form-control" name="linens-5">
</div>
<label for="linens_5_value">Item 5 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="50" id="linens_5_value" type="text" class="form-control" name="linens-5-value" data-bind="value: linens5Value">
</div>
<label for="linens_5_quantity">Item 5 Quantity</label>
<div class="input-group">
<input value="5" id="linens_5_quantity" type="text" class="form-control" name="linens-5-quantity" data-bind="value: linens5Quantity">
</div>
</div>
</div>
<h4 class="calc-form__sub">Furniture</h4>
<div class="calc-form__container">
<div class="form-group form-group-text">
<label for="furniture_1">Item 1</label>
<div class="input-group">
<input value="Couch" id="furniture_1" type="text" class="form-control" name="furniture-1">
</div>
<label for="furniture_1_value">Item 1 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="600" id="furniture_1_value" type="text" class="form-control" name="furniture-1-value" data-bind="value: furniture1Value">
</div>
<label for="furniture_1_quantity">Item 1 Quantity</label>
<div class="input-group">
<input id="furniture_1_quantity" type="text" class="form-control" name="furniture-1-quantity" data-bind="value: furniture1Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="furniture_2">Item 2</label>
<div class="input-group">
<input value="TV" id="furniture_2" type="text" class="form-control" name="furniture-2">
</div>
<label for="furniture_2_value">Item 2 Price</label>
<div class="input-group">
<div value="350" class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="furniture_2_value" type="text" class="form-control" name="furniture-2-value" data-bind="value: furniture2Value">
</div>
<label for="furniture_2_quantity">Item 2 Quantity</label>
<div class="input-group">
<input id="furniture_2_quantity" type="text" class="form-control" name="furniture-2-quantity" data-bind="value: furniture2Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="furniture_3">Item 3</label>
<div class="input-group">
<input value="Dinner Table" id="furniture_3" type="text" class="form-control" name="furniture-3">
</div>
<label for="furniture_3_value">Item 3 Price</label>
<div class="input-group">
<div value="350" class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="furniture_3_value" type="text" class="form-control" name="furniture-3-value" data-bind="value: furniture3Value">
</div>
<label for="furniture_3_quantity">Item 3 Quantity</label>
<div class="input-group">
<input id="furniture_3_quantity" type="text" class="form-control" name="furniture-3-quantity" data-bind="value: furniture3Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="furniture_4">Item 4</label>
<div class="input-group">
<input value="Mattress" id="furniture_4" type="text" class="form-control" name="furniture-4">
</div>
<label for="furniture_4_value">Item 4 Price</label>
<div class="input-group">
<div value="300" class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="furniture_4_value" type="text" class="form-control" name="furniture-4-value" data-bind="value: furniture4Value">
</div>
<label for="furniture_4_quantity">Item 4 Quantity</label>
<div class="input-group">
<input id="furniture_4_quantity" type="text" class="form-control" name="furniture-4-quantity" data-bind="value: furniture4Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="furniture_5">Item 5</label>
<div class="input-group">
<input value="Other" id="furniture_5" type="text" class="form-control" name="furniture-5">
</div>
<label for="furniture_5_value">Item 5 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="100" id="furniture_5_value" type="text" class="form-control" name="furniture-5-value" data-bind="value: furniture5Value">
</div>
<label for="furniture_5_quantity">Item 5 Quantity</label>
<div class="input-group">
<input id="furniture_5_quantity" type="text" class="form-control" name="furniture-5-quantity" data-bind="value: furniture5Quantity">
</div>
</div>
</div>
<h4 class="calc-form__sub">Supplies</h4>
<div class="calc-form__container">
<div class="form-group form-group-text">
<label for="supplies_1">Item 1</label>
<div class="input-group">
<input value="Toilet Paper" id="supplies_1" type="text" class="form-control" name="supplies-1">
</div>
<label for="supplies_1_value">Item 1 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="20" id="supplies_1_value" type="text" class="form-control" name="supplies-1-value" data-bind="value: supplies1Value">
</div>
<label for="supplies_1_quantity">Item 1 Quantity</label>
<div class="input-group">
<input id="supplies_1_quantity" type="text" class="form-control" name="supplies-1-quantity" data-bind="value: supplies1Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="supplies_2">Item 2</label>
<div class="input-group">
<input value="Kleenex" id="supplies_2" type="text" class="form-control" name="supplies-2">
</div>
<label for="supplies_2_value">Item 2 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="20" id="supplies_2_value" type="text" class="form-control" name="supplies-2-value" data-bind="value: supplies2Value">
</div>
<label for="supplies_2_quantity">Item 2 Quantity</label>
<div class="input-group">
<input id="supplies_2_quantity" type="text" class="form-control" name="supplies-2-quantity" data-bind="value: supplies2Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="supplies_3">Item 3</label>
<div class="input-group">
<input value="Dish Soaps" id="supplies_3" type="text" class="form-control" name="supplies-3">
</div>
<label for="supplies_3_value">Item 3 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="20" id="supplies_3_value" type="text" class="form-control" name="supplies-3-value" data-bind="value: supplies3Value">
</div>
<label for="supplies_3_quantity">Item 3 Quantity</label>
<div class="input-group">
<input id="supplies_3_quantity" type="text" class="form-control" name="supplies-3-quantity" data-bind="value: supplies3Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="supplies_4">Item 4</label>
<div class="input-group">
<input value="Hand Soaps" id="supplies_4" type="text" class="form-control" name="supplies-4">
</div>
<label for="supplies_4_value">Item 4 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="20" id="supplies_4_value" type="text" class="form-control" name="supplies-4-value" data-bind="value: supplies4Value">
</div>
<label for="supplies_4_quantity">Item 4 Quantity</label>
<div class="input-group">
<input id="supplies_4_quantity" type="text" class="form-control" name="supplies-4-quantity" data-bind="value: supplies4Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="supplies_5">Item 5</label>
<div class="input-group">
<input value="Other" id="supplies_5" type="text" class="form-control" name="supplies-5">
</div>
<label for="supplies_5_value">Item 5 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="supplies_5_value" type="text" class="form-control" name="supplies-5-value" data-bind="value: supplies5Value">
</div>
<label for="supplies_5_quantity">Item 5 Quantity</label>
<div class="input-group">
<input id="supplies_5_quantity" type="text" class="form-control" name="supplies-5-quantity" data-bind="value: supplies5Quantity">
</div>
</div>
</div>
</div>
<div class="calc-form__controls">
<button class="calc-form__btn" href="#calcCarousel" role="button" data-slide="prev">Previous</button>
<button class="calc-form__btn ms-auto" href="#calcCarousel" role="button" data-slide="next">Next</button>
</div>
</div>
<div class="carousel-item">
<h3 class="calc-form__heading">step 3 of 4</h3>
<h4 class="calc-form__sub">Monthly Long-Term Income</h4>
<div class="calc-form__container">
<div class="form-group form-group-text is-required">
<label for="longterm_rent_monthly">Monthly Long-Term Rent * <span class="info-btn" data-toggle="tooltip" data-html="true" title="Enter or estimate the amount of monthly rent you can get for your property."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="longterm_rent_monthly" type="text" class="form-control" name="longterm-rent-monthly" data-bind="value: longtermRentMonthly" required>
</div>
</div>
<div class="form-group form-group-text">
<label for="management_fee_long_term">Management Fee* <span class="info-btn" data-toggle="tooltip" data-html="true" title="Enter or estimate the monthly management fee percentage."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">%</span></div>
<input id="management_fee_long_term" type="text" class="form-control" name="management-fee-long-term" data-bind="value: managementFeeLT">
</div>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="management_fee_usd_long_term" type="text" class="form-control" name="management-fee-usd-long-term" data-bind="value: managementFeeUsdLT" readonly>
</div>
</div>
<!-- <div class="form-group form-group-text">
<label for="monthly_income">Monthly Income</label>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="monthly_income_long_term" type="text" class="form-control" name="monthly-income-long-term" data-bind="value: monthlyIncomeLT" readonly>
</div>
</div> -->
</div>
<h4 class="calc-form__sub">Monthly Expenses</h4>
<div class="calc-form__container">
<div class="form-group form-group-text">
<label for="mortgage_taxes">Mortgage Payment + Monthly Taxes <span class="info-btn" data-toggle="tooltip" data-html="true" title="This is automtically calculated combining both your mortgage payment and monthly taxes."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="mortgage_taxes" type="text" class="form-control" name="mortgage-taxes" data-bind="value: mortgageTaxes">
</div>
</div>
<div class="form-group form-group-text">
<label for="insurance_monthly">Insurance</label>
<div class="input-group">
<input id="insurance_monthly" type="text" class="form-control" name="insurance-monthly" data-bind="value: insuranceMonthly">
<div class="input-group-append"><span class="input-group-text">Monthly</span></div>
</div>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="insurance_yearly" type="text" class="form-control" name="insurance-yearly" data-bind="value: insuranceYearly" readonly>
<div class="input-group-append"><span class="input-group-text">Yearly</span></div>
</div>
</div>
<div class="form-group form-group-text">
<label for="maintenance_monthly_long_term">Maintenance</label>
<div class="input-group">
<input id="maintenance_monthly_long_term" type="text" class="form-control" name="maintenance-monthly" data-bind="value: maintenanceMonthlyLTComputed">
<div class="input-group-append"><span class="input-group-text">Monthly</span></div>
</div>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="maintenance_yearly_long_term" type="text" class="form-control" name="maintenance-yearly-long-term" data-bind="value: maintenanceYearlyLT" readonly>
<div class="input-group-append"><span class="input-group-text">Yearly</span></div>
</div>
</div>
<div class="form-group form-group-text">
<label for="maid_service_long_term">Maid Service Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="maid_service_long_term" type="text" class="form-control" name="maid-service-long-term" data-bind="value: maidServiceLT">
</div>
</div>
<div class="form-group form-group-text">
<label for="gas_monthly_long_term">Electrical/Gas Monthly </label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="electric-gas_monthly_long_term" type="text" class="form-control" name="electric-gas-monthly-long-term" data-bind="value: electricGasMonthlyLTComputed">
</div>
</div>
<div class="form-group form-group-text">
<label for="water_sewer_monthly_long_term">Water and Sewer Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="water_sewer_monthly_long_term" type="text" class="form-control" name="water-sewer-monthly-long-term" data-bind="value: waterSewerMonthlyLTComputed">
</div>
</div>
<div class="form-group form-group-text">
<label for="garbage_monthly_long_term">Garbage Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="garbage_monthly_long_term" type="text" class="form-control" name="garbage-monthly-long-term" data-bind="value: garbageMonthlyLTComputed">
</div>
</div>
<div class="form-group form-group-text">
<label for="tv_internet_long_term">TV and Internet</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="tv_internet_long_term" type="text" class="form-control" name="tv-internet-long-term" data-bind="value: tvInternetLTComputed">
</div>
</div>
<div class="form-group form-group-text">
<label for="hoa_monthly">HOA Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="hoa_monthly" type="text" class="form-control" name="hoa-monthly" data-bind="value: hoaMonthly">
</div>
</div>
<div class="form-group form-group-text">
<label for="sales_tax_long_term">Sales Tax (7% - Oxford) <span class="info-btn" data-toggle="tooltip" data-html="true" title="This is calculated automatically using your monthly income and 7% tax."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="sales_tax_long_term" type="text" class="form-control" name="sales-tax-long-term" data-bind="value: salesTaxLTComputed">
</div>
</div>
<!-- <div class="form-group form-group-text">
<label for="monthly_expense_long_term">Monthly Expenses Cost</label>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="monthly_expense_long_term" type="text" class="form-control" name="monthly-expense-long-term" data-bind="value: monthlyExpenseLT" readonly>
</div>
</div> -->
<!-- <div class="form-group form-group-text">
<label for="yearly_expense_long_term">Yearly Expenses Cost</label>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="yearly_expense_long_term" type="text" class="form-control" name="yearly-expense-long-term" data-bind="value: yearlyExpenseLT" readonly>
</div>
</div> -->
</div>
<div class="calc-form__controls">
<button class="calc-form__btn" href="#calcCarousel" role="button" data-slide="prev">Previous</button>
<button class="calc-form__btn ms-auto" href="#calcCarousel" role="button" data-slide="next">Next</button>
</div>
</div>
<div class="carousel-item">
<h3 class="calc-form__heading">step 4 of 4</h3>
<h4 class="calc-form__sub">personal & Property information</h4>
<div class="calc-form__container">
<div class="form-group form-group-text is-required">
<label for="name">Name*</label>
<input id="name" type="text" class="form-control" name="name" required>
</div>
<div class="form-group form-group-email is-required">
<label for="email">Email*</label>
<input id="email" type="email" class="form-control" name="email" required>
</div>
<div class="form-group form-group-phone is-required">
<label for="phone">Phone*</label>
<input id="phone" type="tel" class="form-control" name="phone" required>
</div>
<div class="form-group form-group-text is-required">
<label for="property_address">Property Address*</label>
<input id="property_address" type="text" class="form-control" name="property-address" required>
</div>
<div class="form-group form-group-email is-required">
<label for="city">City*</label>
<input id="city" type="text" class="form-control" name="city" required>
</div>
<div class="form-group form-group-phone is-required">
<label for="zip">Zip*</label>
<input id="zip" type="text" class="form-control" name="zip" required>
</div>
<div class="form-group form-group-email is-required">
<label for="sq_ft">Sq Ft*</label>
<input id="sq_ft" type="text" class="form-control" name="sq-ft" required>
</div>
<div class="form-group form-group-email is-required">
<label for="age">Age of Property*</label>
<input id="age" type="text" class="form-control" name="age" required>
</div>
<div class="form-group form-group-email is-required">
<label for="bed">Bed*</label>
<input id="bed" type="text" class="form-control" name="bed" required>
</div>
<div class="form-group form-group-email is-required">
<label for="bath">Bath*</label>
<input id="bath" type="text" class="form-control" name="bath" required>
</div>
<div class="form-group form-group-email is-required">
<label for="garage">Garage*</label>
<input id="garage" type="text" class="form-control" name="garage" required>
</div>
</div>
<div class="calc-form__controls">
<button class="calc-form__btn" href="#calcCarousel" role="button" data-bs-slide="prev">Previous</button>
<button id="calculate" type="submit" class="calc-form__btn">Get Results!</button>
</div>
</div>
</div>
</div>
</form>
</section>
<div class="calc-results">
<div class="calc-form-wrapper">
<h2 class="display-1 mb-5">Results</h2>
<div class="row">
<div class="col-lg-6">
<h3>Short-Term Returns</h3>
<div class="calc-form__container">
<div id="results" class="results w-100">
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Buying</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Purchase Price</th>
<td><span class="addon">$ </span><span class="result purchase-price" data-bind="text: totalPurchasePrice"></span></td>
</tr>
<tr>
<th scope="row">Loan Amount</th>
<td><span class="addon">$ </span><span class="result principal" data-bind="text: principal"></span></td>
</tr>
<tr>
<th scope="row">Closing Costs</th>
<td><span class="addon">$ </span><span class="result closing-cost" data-bind="text: closingCost"></span></td>
</tr>
<tr>
<th scope="row">Down Payment</th>
<td><span class="addon">$ </span><span class="result down-payment" data-bind="text: downPaymentUsd"></span></td>
</tr>
<tr>
<th scope="row">Monthly Payment Total</th>
<td><span class="addon">$ </span><span class="result monthly-payment-short-term" data-bind="text: monthlyPaymentTotal"></span></td>
</tr>
<tr>
<th scope="row">Total Money Out of Pocket</th>
<td><span class="addon">$ </span><span class="result monthly-payment-short-term" data-bind="text: shortTermOutOfPocket"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Holding Costs</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Monthly</th>
<td><span class="addon">$ </span><span class="result net-first-year" data-bind="text: monthlyExpenseST"></span></td>
</tr>
<tr>
<th scope="row">Yearly</th>
<td><span class="addon">$ </span><span class="result net-fifth-year" data-bind="text: yearlyExpenseST"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Income After Expenses Before Taxes</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Monthly Income W/ Principal</th>
<td><span class="addon">$ </span><span class="result monthly-income-principal-st" data-bind="text: monthlyIncomePrincipalST"></span></td>
</tr>
<tr>
<th scope="row">Yearly Income W/ Principal</th>
<td><span class="addon">$ </span><span class="result yearly-income-principal-st" data-bind="text: yearlyIncomePrincipalST"></span></td>
</tr>
</tbody>
</table>
<!-- <div class="d-none"> -->
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Cashflow</th>
</tr>
</thead>
<tbody>
<tr class="stripe">
<th colspan="2">Cashflow Before Taxes</th>
</tr>
<tr>
<th scope="row">Monthly</th>
<td><span class="addon">$ </span><span class="result monthly-cashflow-st" data-bind="text: monthlyCashflowST"></span></td>
</tr>
<tr>
<th scope="row">Yearly</th>
<td><span class="addon">$ </span><span class="result yearly-cashflow-st" data-bind="text: yearlyCashflowST"></span></td>
</tr>
<tr class="stripe">
<th colspan="2">Cash On Cash Return</th>
</tr>
<tr>
<th scope="row">Monthly</th>
<td><span class="result monthly-cashoncash-return-st" data-bind="text: monthlyCashOnCashST"></span><span class="addon">%</span></td>
</tr>
<tr>
<th scope="row">Yearly</th>
<td><span class="result yearly-cashoncash-return-st" data-bind="text: yearlyCashOnCashST"></span><span class="addon">%</span></td>
</tr>
<tr class="stripe">
<th colspan="2">Cashflow Returns With Appreciation in Income</th>
</tr>
<tr>
<td>Sample of Estimated Yearly Appreciation %</td>
<td>3%</td>
</tr>
<tr>
<th scope="row">2nd year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-st" data-bind="text: cashflowReturnAppreciation2ST"></span></td>
</tr>
<tr>
<th scope="row">3rd year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-st" data-bind="text: cashflowReturnAppreciation3ST"></span></td>
</tr>
<tr>
<th scope="row">4th year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-st" data-bind="text: cashflowReturnAppreciation4ST"></span></td>
</tr>
<tr>
<th scope="row">5th year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-st" data-bind="text: cashflowReturnAppreciation5ST"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Net Return</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">First Year Net</th>
<td><span class="addon">$ </span><span class="result net-first-year-st" data-bind="text: netYear1ST"></span></td>
</tr>
<tr>
<th scope="row">5 Year Net</th>
<td><span class="addon">$ </span><span class="result net-fifth-year-st" data-bind="text: netYear5ST"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="3">ROI</th>
</tr>
<tr>
<th scope="col"><span class="sr-only">Blank</span></th>
<th scope="col">Price</th>
<th scope="col">Percentage</th>
</tr>
</thead>
<tbody>
<tr class="stripe">
<th colspan="3">ROI Assuming Purchase Price is Current Market Value</th>
</tr>
<tr>
<th scope="row">5 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-price-5-st" data-bind="text: roiPrice5ST"></span></td>
<td><span class="result roi-percent-5-st" data-bind="text: roiPercent5ST"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">10 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-price-10-st" data-bind="text: roiPrice10ST"></span></td>
<td><span class="result roi-percent-10-st" data-bind="text: roiPercent10ST"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">15 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-price-15-st" data-bind="text: roiPrice15ST"></span></td>
<td><span class="result roi-percent-15-st" data-bind="text: roiPercent15ST"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">30 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-price-30-st" data-bind="text: roiPrice30ST"></span></td>
<td><span class="result roi-percent-30-st" data-bind="text: roiPercent30ST"></span><span class="addon"> %</span></td>
</tr>
<tr class="stripe">
<th colspan="3">ROI With Property Appreciation</th>
</tr>
<tr>
<td colspan="2">Sample of Estimated Yearly Appreciation %</td>
<td>3%</td>
</tr>
<tr>
<th scope="row">5 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-5-st" data-bind="text: roiAppreciationPrice5ST"></span></td>
<td><span class="result roi-appreciation-percent-5-st" data-bind="text: roiAppreciationPercent5ST"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">10 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-10-st" data-bind="text: roiAppreciationPrice10ST"></span></td>
<td><span class="result roi-appreciation-percent-10-st" data-bind="text: roiAppreciationPercent10ST"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">15 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-15-st" data-bind="text: roiAppreciationPrice15ST"></span></td>
<td><span class="result roi-appreciation-percent-15-st" data-bind="text: roiAppreciationPercent15ST"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">30 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-30-st" data-bind="text: roiAppreciationPrice30ST"></span></td>
<td><span class="result roi-appreciation-percent-30-st" data-bind="text: roiAppreciationPercent30ST"></span><span class="addon"> %</span></td>
</tr>
</tbody>
</table>
<!-- </div> -->
</div>
</div>
</div>
<div class="col-lg-6">
<h3>Long-Term Returns</h3>
<div class="calc-form__container">
<div id="results" class="results w-100">
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Buying</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Purchase Price</th>
<td><span class="addon">$ </span><span class="result purchase-price" data-bind="text: totalPurchasePrice"></span></td>
</tr>
<tr>
<th scope="row">Loan Amount</th>
<td><span class="addon">$ </span><span class="result principal" data-bind="text: principal"></span></td>
</tr>
<tr>
<th scope="row">Closing Costs</th>
<td><span class="addon">$ </span><span class="result closing-cost" data-bind="text: closingCost"></span></td>
</tr>
<tr>
<th scope="row">Down Payment</th>
<td><span class="addon">$ </span><span class="result down-payment" data-bind="text: downPaymentUsd"></span></td>
</tr>
<tr>
<th scope="row">Monthly Payment Total</th>
<td><span class="addon">$ </span><span class="result monthly-payment-short-term" data-bind="text: monthlyPaymentTotal"></span></td>
</tr>
<tr>
<th scope="row">Total Money Out of Pocket</th>
<td><span class="addon">$ </span><span class="result monthly-payment-short-term" data-bind="text: longTermOutOfPocket"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Holding Costs</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Monthly</th>
<td><span class="addon">$ </span><span class="result net-first-year" data-bind="text: monthlyExpenseLT"></span></td>
</tr>
<tr>
<th scope="row">Yearly</th>
<td><span class="addon">$ </span><span class="result net-fifth-year" data-bind="text: yearlyExpenseLT"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Income After Expenses Before Taxes</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Monthly Income W/ Principal</th>
<td><span class="addon">$ </span><span class="result monthly-income-principal-lt" data-bind="text: monthlyIncomePrincipalLT"></span></td>
</tr>
<tr>
<th scope="row">Yearly Income W/ Principal</th>
<td><span class="addon">$ </span><span class="result yearly-income-principal-lt" data-bind="text: yearlyIncomePrincipalLT"></span></td>
</tr>
</tbody>
</table>
<!-- <div class="d-none"> -->
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Cashflow</th>
</tr>
</thead>
<tbody>
<tr class="stripe">
<th colspan="2">Cashflow Before Taxes</th>
</tr>
<tr>
<th scope="row">Monthly</th>
<td><span class="addon">$ </span><span class="result monthly-cashflow-lt" data-bind="text: monthlyCashflowLT"></span></td>
</tr>
<tr>
<th scope="row">Yearly</th>
<td><span class="addon">$ </span><span class="result yearly-cashflow-lt" data-bind="text: yearlyCashflowLT"></span></td>
</tr>
<tr class="stripe">
<th colspan="2">Cash On Cash Return</th>
</tr>
<tr>
<th scope="row">Monthly</th>
<td><span class="result monthly-cashoncash-return-lt" data-bind="text: monthlyCashOnCashLT"></span><span class="addon">%</span></td>
</tr>
<tr>
<th scope="row">Yearly</th>
<td><span class="result yearly-cashoncash-return-lt" data-bind="text: yearlyCashOnCashLT"></span><span class="addon">%</span></td>
</tr>
<tr class="stripe">
<th colspan="2">Cashflow Returns With Appreciation in Income</th>
</tr>
<tr>
<td>Sample of Estimated Yearly Appreciation %</td>
<td>3%</td>
</tr>
<tr>
<th scope="row">2nd year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-lt" data-bind="text: cashflowReturnAppreciation2LT"></span></td>
</tr>
<tr>
<th scope="row">3rd year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-lt" data-bind="text: cashflowReturnAppreciation3LT"></span></td>
</tr>
<tr>
<th scope="row">4th year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-lt" data-bind="text: cashflowReturnAppreciation4LT"></span></td>
</tr>
<tr>
<th scope="row">5th year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-lt" data-bind="text: cashflowReturnAppreciation5LT"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Net Return</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">First Year Net</th>
<td><span class="addon">$ </span><span class="result net-first-year-lt" data-bind="text: netYear1LT"></span></td>
</tr>
<tr>
<th scope="row">5 Year Net</th>
<td><span class="addon">$ </span><span class="result net-fifth-year-lt" data-bind="text: netYear5LT"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="3">ROI</th>
</tr>
<tr>
<th scope="col"><span class="sr-only">Blank</span></th>
<th scope="col">Price</th>
<th scope="col">Percentage</th>
</tr>
</thead>
<tbody>
<tr class="stripe">
<th colspan="3">ROI Assuming Purchase Price is Current Market Value</th>
</tr>
<tr>
<th scope="row">5 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-price-5-lt" data-bind="text: roiPrice5LT"></span></td>
<td><span class="result roi-percent-5-lt" data-bind="text: roiPercent5LT"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">10 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-price-10-lt" data-bind="text: roiPrice10LT"></span></td>
<td><span class="result roi-percent-10-lt" data-bind="text: roiPercent10LT"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">15 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-price-15-lt" data-bind="text: roiPrice15LT"></span></td>
<td><span class="result roi-percent-15-lt" data-bind="text: roiPercent15LT"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">30 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-price-30-lt" data-bind="text: roiPrice30LT"></span></td>
<td><span class="result roi-percent-30-lt" data-bind="text: roiPercent30LT"></span><span class="addon"> %</span></td>
</tr>
<tr class="stripe">
<th colspan="3">ROI With Property Appreciation</th>
</tr>
<tr>
<td colspan="2">Sample of Estimated Yearly Appreciation %</td>
<td>3%</td>
</tr>
<tr>
<th scope="row">5 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-5-lt" data-bind="text: roiAppreciationPrice5LT"></span></td>
<td><span class="result roi-appreciation-percent-5-lt" data-bind="text: roiAppreciationPercent5LT"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">10 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-10-lt" data-bind="text: roiAppreciationPrice10LT"></span></td>
<td><span class="result roi-appreciation-percent-10-lt" data-bind="text: roiAppreciationPercent10LT"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">15 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-15-lt" data-bind="text: roiAppreciationPrice15LT"></span></td>
<td><span class="result roi-appreciation-percent-15-lt" data-bind="text: roiAppreciationPercent15LT"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">30 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-30-lt" data-bind="text: roiAppreciationPrice30LT"></span></td>
<td><span class="result roi-appreciation-percent-30-lt" data-bind="text: roiAppreciationPercent30LT"></span><span class="addon"> %</span></td>
</tr>
</tbody>
</table>
<!-- </div> -->
</div>
</div>
</div>
</div>
<!-- <div class="d-none"> -->
<div class="py-5"></div>
<h3 class="mb-4">Amortization Chart</h3>
<div class="calc-form__container">
<div id="results" class="results w-100">
<div class="row">
<div class="col-md-6">
<h4>Principal: $<span id="principal" data-bind="text: principal"></span></h4>
</div>
<div class="col-md-6">
<h4>Term: <span id="loan-term" data-bind="text: loanTermYears"></span></h4>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h4>Interest Rate: <span id="interestRate" data-bind="text: loanAPR"></span>%</h4>
</div>
<div class="col-md-6">
<h4>Sample Close Date: <span id="sample_close_date">7/1/2023</span></h4>
</div>
</div>
<table class="w-100 table table-striped">
<thead>
<tr>
<th>Period (Months)</th>
<th>Monthly Payment</th>
<th>Interest Payment</th>
<th>Principal Payment</th>
<th>Loan Balance</th>
</tr>
</thead>
<tbody data-bind="foreach: generateRows">
<tr>
<th class="th" data-bind="text: term"></th>
<td><span class="addon">$ </span><span class="result" data-bind="text: monthlyPayment"></span></td>
<td><span class="addon">$ </span><span class="result" data-bind="text: interestPayment"></span></td>
<td><span class="addon">$ </span><span class="result" data-bind="text: principalPayment"></span></td>
<td><span class="addon">$ </span><span class="result" data-bind="text: loanBalance"></span></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- </div> -->
</div>
<h4 class="display-1 mt-5">Schedule time with us today!</h4>
<a href="/-property-management" class="btn">Contact Us</a>
</div>
<div class="container">
<p class="pt-5 m-0 text-center text-muted">
<small>**Disclaimer: The long-term vs short-term calculator provided on this website is for demonstration purposes only. The results generated by the calculator are based on generic assumptions and may not reflect the actual costs associated with investment returns in your specific circumstances. It is important to note that these results should not be considered as factual or binding. We recommend consulting with a qualified professional to obtain accurate and personalized information regarding vacancy costs for your situation. By using this calculator, you acknowledge that we are not liable for any decisions made based on the results obtained.</small>
</p>
</div>
</div>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js" type="text/javascript"></script>
<script defer type="text/javascript" src="/js/ltst-calculator.js"></script>
</body>
</html>
CSS
/css/ltst-calculator-bs4.css
Javascript
/js/long-term-short-term-calculator.js
Long Term vs Short Term Calculator - Bootstrap 5
Example: https://long-short-term-calculator.nesthub.com/
Form Import
eyJuYW1lIjoiTG9uZyBUZXJtIFNob3J0IFRlcm0gQ2FsY3VsYXRvciIsInNsdWciOiJsb25nLXRlcm0tc2hvcnQtdGVybS1jYWxjdWxhdG9yIiwic3VjY2Vzc01lc3NhZ2UiOm51bGwsImlzTGVhZCI6IjAiLCJhdHRyaWJ1dGVzIjpudWxsLCJmaWVsZHMiOlt7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiVG90YWwgUHVyY2hhc2UgUHJpY2UiLCJzbHVnIjoidG90YWwtcHVyY2hhc2UtcHJpY2UiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIyIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkNsb3NpbmcgQ29zdCIsInNsdWciOiJjbG9zaW5nLWNvc3QiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIzIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkRvd24gUGF5bWVudCBQZXJjZW50YWdlIiwic2x1ZyI6ImRvd24tcGF5bWVudC1wZXJjZW50YWdlIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCIxXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNCIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJEb3duIFBheW1lbnQgVVNEIiwic2x1ZyI6ImRvd24tcGF5bWVudC11c2QiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjUiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiTG9hbiBUZXJtIChZZWFycykiLCJzbHVnIjoibG9hbi10ZXJtLXllYXJzIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCIxXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNiIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJMb2FuIEFQUiglKSIsInNsdWciOiJsb2FuLWFwciIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiMVwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjciLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiUE1JIiwic2x1ZyI6InBtaSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiMVwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjgiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiUHJvcGVydHkgVGF4ZXMiLCJzbHVnIjoicHJvcGVydHktdGF4ZXMiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjkiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiQ2FzaCBPdXQgUmVmaW5hbmNlIiwic2x1ZyI6ImNhc2gtb3V0LXJlZmluYW5jZSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMTAiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiQWlyYm5iIE1vbnRobHkiLCJzbHVnIjoiYWlyYm5iLW1vbnRobHkiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIxMiIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJNYW5hZ2VtZW50IEZlZSglKSAoU2hvcnQgVGVybSkiLCJzbHVnIjoibWFuYWdlbWVudC1mZWUtc2hvcnQtdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMTMiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiTWFuYWdlbWVudCBGZWUgKCRVU0QgLSBTaG9ydCBUZXJtKSIsInNsdWciOiJtYW5hZ2VtZW50LWZlZS11c2Qtc2hvcnQtdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMTQiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiTW9udGhseSBJbmNvbWUgKFNob3J0IFRlcm0pIiwic2x1ZyI6Im1vbnRobHktaW5jb21lLXNob3J0LXRlcm0iLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjE1IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6Ik1vcnRnYWdlIFBheW1lbnQgKyBNb250aGx5IFRheGVzIiwic2x1ZyI6Im1vcnRnYWdlLXRheGVzIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIxNiIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJJbnN1cmFuY2UgKE1vbnRobHkpIiwic2x1ZyI6Imluc3VyYW5jZS1tb250aGx5Iiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIxNyIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJNYWludGVuYW5jZSAoTW9udGhseSBTaG9ydCBUZXJtKSIsInNsdWciOiJtYWludGVuYW5jZS1tb250aGx5LXNob3J0LXRlcm0iLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjE4IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6Ik1haWQgU2VydmljZSAoU2hvcnQgVGVybSkiLCJzbHVnIjoibWFpZC1zZXJ2aWNlLXNob3J0LXRlcm0iLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjE5IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkVsZWN0cmljYWwgR2FzIFwvTW9udGhseSAoU2hvcnQgVGVybSkiLCJzbHVnIjoiZWxlY3RyaWNhbC1nYXMtbW9udGhseS1zaG9ydC10ZXJtIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIyMCIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJXYXRlciAmYW1wO1Nld2VyIE1vbnRobHkgKFNob3J0IFRlcm0pIiwic2x1ZyI6IndhdGVyLXNld2VyLW1vbnRobHktc2hvcnQtdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMjEiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiR2FyYmFnZSAoTW9udGhseSBTaG9ydCBUZXJtKSIsInNsdWciOiJnYXJiYWdlLW1vbnRobHktc2hvcnQtdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMjIiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiVFYgJmFtcDtJbnRlcm5ldCAoU2hvcnQgVGVybSkiLCJzbHVnIjoidHYtaW50ZXJuZXQtc2hvcnQtdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMjMiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiSE9BIChNb250aGx5KSIsInNsdWciOiJob2EtbW9udGhseSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMjQiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiU2FsZXMgVGF4IChTaG9ydCBUZXJtKSIsInNsdWciOiJzYWxlcy10YXgtc2hvcnQtdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMjUiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiOCIsImxhYmVsIjoiU2hvcnQgVGVybSBJbmNvbWUgXC8gRXhwZW5zZXMiLCJzbHVnIjoic2hvcnQtdGVybS1pbmNvbWUtLWV4cGVuc2VzIiwic2V0dGluZ3MiOiJ7XCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIxMSIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiI4IiwibGFiZWwiOiJQcm9wZXJ0eSBJbmZvcm1hdGlvbiIsInNsdWciOiJwcm9wZXJ0eS1pbmZvcm1hdGlvbiIsInNldHRpbmdzIjoie1wiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMSIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiI4IiwibGFiZWwiOiJGdXJuaXR1cmUgXC8gU3VwcGxpZXMgRXN0aW1hdG9yIChTaG9ydCBUZXJtKSIsInNsdWciOiJmdXJuaXR1cmUtLXN1cHBsaWVzLWVzdGltYXRvci1zaG9ydC10ZXJtIiwic2V0dGluZ3MiOiJ7XCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIyNiIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJMaW5lbnMgIzEgVmFsdWUiLCJzbHVnIjoibGluZW5zLTEtdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjI3IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkxpbmVucyAjMiBWYWx1ZSIsInNsdWciOiJsaW5lbnMtMi12YWx1ZSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMjgiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiTGluZW5zICMzIFZhbHVlIiwic2x1ZyI6ImxpbmVucy0zLXZhbHVlIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIyOSIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJMaW5lbnMgIzQgVmFsdWUiLCJzbHVnIjoibGluZW5zLTQtdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjMwIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkxpbmVucyAjNSBWYWx1ZSIsInNsdWciOiJsaW5lbnMtNS12YWx1ZSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMzEiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiRnVybml0dXJlICMxIFZhbHVlIiwic2x1ZyI6ImZ1cm5pdHVyZS0xLXZhbHVlIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIzMiIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJGdXJuaXR1cmUgIzIgVmFsdWUiLCJzbHVnIjoiZnVybml0dXJlLTItdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjMzIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkZ1cm5pdHVyZSAjMyBWYWx1ZSIsInNsdWciOiJmdXJuaXR1cmUtMy12YWx1ZSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiMzQiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiRnVybml0dXJlICM0IFZhbHVlIiwic2x1ZyI6ImZ1cm5pdHVyZS00LXZhbHVlIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiIzNSIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJGdXJuaXR1cmUgIzUgVmFsdWUiLCJzbHVnIjoiZnVybml0dXJlLTUtdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjM2IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IlN1cHBsaWVzICMxIFZhbHVlIiwic2x1ZyI6InN1cHBsaWVzLTEtdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjM3IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IlN1cHBsaWVzICMyIFZhbHVlIiwic2x1ZyI6InN1cHBsaWVzLTItdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjM4IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IlN1cHBsaWVzICMzIFZhbHVlIiwic2x1ZyI6InN1cHBsaWVzLTMtdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjM5IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IlN1cHBsaWVzICM0IFZhbHVlIiwic2x1ZyI6InN1cHBsaWVzLTQtdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjQwIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IlN1cHBsaWVzICM1IFZhbHVlIiwic2x1ZyI6InN1cHBsaWVzLTUtdmFsdWUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjQxIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkxvbmdUZXJtIFJlbnQgTW9udGhseSIsInNsdWciOiJsb25ndGVybS1yZW50LW1vbnRobHkiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI0MyIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJNYW5hZ2VtZW50IEZlZSAoTG9uZyBUZXJtKSIsInNsdWciOiJtYW5hZ2VtZW50LWZlZS1sb25nLXRlcm0iLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjQ0IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6Ik1haW50ZW5hbmNlIChNb250aGx5IExvbmcgVGVybSkiLCJzbHVnIjoibWFpbnRlbmFuY2UtbW9udGhseS1sb25nLXRlcm0iLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjQ1IiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6Ik1haWQgU2VydmljZSAoTG9uZyBUZXJtKSIsInNsdWciOiJtYWlkLXNlcnZpY2UtbG9uZy10ZXJtIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI0NiIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiI4IiwibGFiZWwiOiJMb25nIFRlcm0gSW5jb21lXC9FeHBlbnNlcyIsInNsdWciOiJsb25nLXRlcm0taW5jb21lZXhwZW5zZXMiLCJzZXR0aW5ncyI6IntcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjQyIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkVsZWN0cmljIEdhcyAoTW9udGhseSBMb25nIFRlcm0pIiwic2x1ZyI6ImVsZWN0cmljLWdhcy1tb250aGx5LWxvbmctdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNDciLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiV2F0ZXIgJmFtcDtTZXdlciBNb250aGx5IChMb25nIFRlcm0pIiwic2x1ZyI6IndhdGVyLXNld2VyLW1vbnRobHktbG9uZy10ZXJtIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI0OCIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJHYXJiYWdlIChNb250aGx5IExvbmcgVGVybSkiLCJzbHVnIjoiZ2FyYmFnZS1tb250aGx5LWxvbmctdGVybSIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNDkiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiVFYgJmFtcDtJbnRlcm5ldCAoTG9uZyBUZXJtKSIsInNsdWciOiJ0di1pbnRlcm5ldC1sb25nLXRlcm0iLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIlwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjUwIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IlNhbGVzIFRheCAoTG9uZyBUZXJtKSIsInNsdWciOiJzYWxlcy10YXgtbG9uZy10ZXJtIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCJcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI1MSIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiI4IiwibGFiZWwiOiJQZXJzb25hbCBJbmZvcm1hdGlvbiIsInNsdWciOiJwZXJzb25hbC1pbmZvcm1hdGlvbiIsInNldHRpbmdzIjoie1wiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNTIiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiTmFtZSIsInNsdWciOiJuYW1lIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCIxXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNTMiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMyIsImxhYmVsIjoiRW1haWwiLCJzbHVnIjoiZW1haWwiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI1NCIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJQcm9wZXJ0eSBBZGRyZXNzIiwic2x1ZyI6InByb3BlcnR5LWFkZHJlc3MiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI1NiIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJDaXR5Iiwic2x1ZyI6ImNpdHkiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI1NyIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJaaXAiLCJzbHVnIjoiemlwIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCIxXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNTgiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiU3EgRnQiLCJzbHVnIjoic3EtZnQiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI1OSIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxIiwibGFiZWwiOiJBZ2Ugb2YgUHJvcGVydHkiLCJzbHVnIjoiYWdlIiwic2V0dGluZ3MiOiJ7XCJpc1JlcXVpcmVkXCI6XCIxXCIsXCJwbGFjZWhvbGRlclwiOlwiXCIsXCJkZWZhdWx0VmFsdWVcIjpcIlwiLFwiaW5zdHJ1Y3Rpb25zXCI6XCJcIn0iLCJvcmRlckluZGV4IjoiNjAiLCJhdHRyaWJ1dGVzIjpudWxsfSx7ImZpZWxkVHlwZUlEIjoiMSIsImxhYmVsIjoiQmVkIiwic2x1ZyI6ImJlZCIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiMVwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjYxIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkJhdGgiLCJzbHVnIjoiYmF0aCIsInNldHRpbmdzIjoie1wiaXNSZXF1aXJlZFwiOlwiMVwiLFwicGxhY2Vob2xkZXJcIjpcIlwiLFwiZGVmYXVsdFZhbHVlXCI6XCJcIixcImluc3RydWN0aW9uc1wiOlwiXCJ9Iiwib3JkZXJJbmRleCI6IjYyIiwiYXR0cmlidXRlcyI6bnVsbH0seyJmaWVsZFR5cGVJRCI6IjEiLCJsYWJlbCI6IkdhcmFnZSIsInNsdWciOiJnYXJhZ2UiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI2MyIsImF0dHJpYnV0ZXMiOm51bGx9LHsiZmllbGRUeXBlSUQiOiIxMCIsImxhYmVsIjoiUGhvbmUiLCJzbHVnIjoicGhvbmUiLCJzZXR0aW5ncyI6IntcImlzUmVxdWlyZWRcIjpcIjFcIixcInBsYWNlaG9sZGVyXCI6XCJcIixcImRlZmF1bHRWYWx1ZVwiOlwiXCIsXCJpbnN0cnVjdGlvbnNcIjpcIlwifSIsIm9yZGVySW5kZXgiOiI1NSIsImF0dHJpYnV0ZXMiOm51bGx9XX0=
HTML
<html>
<head>
<title>Long-Term vs Short-Term Calculator | </title>
<meta name="description" content="Calculate your vacancy costs"/>
<link rel="stylesheet" href="/css/ltst-calculator.css">
</head>
<body>
<div id="ltst-calculator">
<section class="calc-instructions">
<h1>Long-Term vs Short-Term Calculator</h1>
<h2 class="calc-instructions__sub">Instructions</h2>
<div class="form-check form-switch calc-instructions__toggle">
<span class="custom-switch__label custom-switch__label--left">Hide</span>
<input class="form-check-input custom-control-input collapsed" type="checkbox" role="switch" id="instructionsSwitch" data-bs-toggle="collapse" data-bs-target="#collapseInstructions" aria-expanded="true" aria-controls="collapseInstructions">
<label class="form-check-label custom-switch__label custom-switch__label--right" for="instructionsSwitch">Show</label>
</div>
<div class="calc-instructions__steps collapse" id="collapseInstructions">
<div class="row">
<div class="col-lg-3 col-md-6">
<p>
1. Enter your information into each required field. Hover over the info bubbles for more information.
</p>
</div>
<div class="col-lg-3 col-md-6">
<p>
2. Populating all editable fields with values will increase the accuracy of the results.
</p>
</div>
<div class="col-lg-3 col-md-6">
<p>
3. You may go back at any time to modify the contents of the fields.
</p>
</div>
<div class="col-lg-3 col-md-6">
<p>
4. Click “Calculate” to populate your results immediately.
</p>
</div>
</div>
</div>
</section>
<section class="calc-form" data-ion="form" data-name="long-term-short-term-calculator" data-inline="1">
<form>
<div id="calcCarousel" class="calc-form__carousel carousel slide" data-bs-ride="false" data-bs-interval="false" data-bs-wrap="false" data-bs-touch="false">
<div class="carousel-inner">
<div class="carousel-item active">
<h3 class="calc-form__heading">step 1 of 4</h3>
<h4 class="calc-form__sub">Property Information</h4>
<div class="calc-form__container">
<div class="form-group form-group-text is-required">
<label for="total_purchase_price">Total Purchase Price *</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="total_purchase_price" type="text" class="form-control" name="total-purchase-price" data-bind="value: totalPurchasePrice" required>
</div>
</div>
<div class="form-group form-group-text is-required">
<label for="closing_cost">Closing Cost *</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="closing_cost" type="text" class="form-control" name="closing-cost" data-bind="value: closingCost" required>
</div>
</div>
<div class="form-group form-group-text is-required">
<label for="down_payment_percentage">Down Payment *</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">%</span></div>
<input id="down_payment_percentage" type="text" class="form-control" name="down-payment-percentage" data-bind="value: downPaymentPercentage" required>
</div>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="down_payment_usd" type="text" class="form-control" name="down-payment-usd" data-bind="value: downPaymentUsd" readonly>
</div>
</div>
<div class="form-group form-group-text is-required">
<label for="loan_term_years">Loan Term *</label>
<div class="input-group">
<input id="loan_term_years" type="text" class="form-control" name="loan-term-years" data-bind="value: loanTermYears" required>
<div class="input-group-append"><span class="input-group-text">Years</span></div>
</div>
<div class="input-group input-group--readonly">
<input id="loan_term_months" type="text" class="form-control" name="loan_term_months" data-bind="value: loanTermMonths" readonly>
<div class="input-group-append"><span class="input-group-text">Months</span></div>
</div>
</div>
<div class="form-group form-group-text is-required">
<label for="loan_apr">Loan APR * <span class="info-btn" data-toggle="tooltip" data-html="true" title="Mortgage Interest Rate - Enter the current interest rate on your loan."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">%</span></div>
<input id="loan_apr" type="text" class="form-control" name="loan-apr" data-bind="value: loanAPR" required>
</div>
</div>
<div class="form-group form-group-text">
<label for="loan_apr">PMI <span class="info-btn" data-toggle="tooltip" data-html="true" title="This amount is calculated automatically depending on the Down Payment Percentage."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="pmi" type="text" class="form-control" name="pmi" data-bind="value: pmiValue" readonly>
</div>
</div>
<div class="form-group form-group-text">
<label for="property_taxes">Property Taxes<span class="info-btn" data-toggle="tooltip" data-html="true" title="Annual amount"><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="property_taxes" type="text" class="form-control" name="property-taxes" data-bind="value: propertyTaxes">
</div>
</div>
<div class="form-group form-group-text">
<label for="cash_out_refinance">Cash Out Refinance</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">%</span></div>
<input id="cash_out_refinance" type="text" class="form-control" name="cash-out-refinance" data-bind="value: cashOutRefinance">
</div>
</div>
</div>
<div class="calc-form__controls">
<button class="calc-form__btn ms-auto" href="#calcCarousel" role="button" data-bs-slide="next">Next</button>
</div>
</div>
<div class="carousel-item">
<h3 class="calc-form__heading">step 2 of 4</h3>
<h4 class="calc-form__sub">Monthly Short-Term Income</h4>
<div class="calc-form__container">
<div class="form-group form-group-text is-required">
<label for="airbnb_monthly">Airbnb Monthly * <span class="info-btn" data-toggle="tooltip" data-html="true" title="Enter or estimate the amount of monthly rent you can get for your property."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="airbnb_monthly" type="text" class="form-control" name="airbnb-monthly" data-bind="value: airbnbMonthly" required>
</div>
</div>
<div class="form-group form-group-text">
<label for="management_fee_short_term">Management Fee * <span class="info-btn" data-toggle="tooltip" data-html="true" title="Enter or estimate the monthly management fee percentage."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">%</span></div>
<input id="management_fee_short_term" type="text" class="form-control" name="management-fee-short-term" data-bind="value: managementFeeST">
</div>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="management_fee_usd_short_term" type="text" class="form-control" name="management-fee-usd-short-term" data-bind="value: managementFeeUsdST" readonly>
</div>
</div>
</div>
<h4 class="calc-form__sub">Monthly Expenses</h4>
<div class="calc-form__container">
<div class="form-group input-group--readonly">
<label for="mortgage_taxes">Mortgage Payment + Monthly Taxes <span class="info-btn" data-toggle="tooltip" data-html="true" title="This is automatically calculated combining both your mortgage payment and monthly taxes."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="mortgage_taxes" type="text" class="form-control" name="mortgage-taxes" data-bind="value: mortgageTaxes" readonly>
</div>
</div>
<div class="form-group form-group-text">
<label for="insurance_monthly">Insurance</label>
<div class="input-group">
<input id="insurance_monthly" type="text" class="form-control" name="insurance-monthly" data-bind="value: insuranceMonthly">
<div class="input-group-append"><span class="input-group-text">Monthly</span></div>
</div>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="insurance_yearly" type="text" class="form-control" name="insurance-yearly" data-bind="value: insuranceYearly" readonly>
<div class="input-group-append"><span class="input-group-text">Yearly</span></div>
</div>
</div>
<div class="form-group form-group-text">
<label for="maintenance_monthly_short_term">Maintenance</label>
<div class="input-group">
<input id="maintenance_monthly_short_term" type="text" class="form-control" name="maintenance-monthly" data-bind="value: maintenanceMonthlyST">
<div class="input-group-append"><span class="input-group-text">Monthly</span></div>
</div>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="maintenance_yearly_short_term" type="text" class="form-control" name="maintenance-yearly-short-term" data-bind="value: maintenanceYearlyST" readonly>
<div class="input-group-append"><span class="input-group-text">Yearly</span></div>
</div>
</div>
<div class="form-group form-group-text">
<label for="maid_service_short_term">Maid Service Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="maid_service_short_term" type="text" class="form-control" name="maid-service-short-term" data-bind="value: maidServiceST">
</div>
</div>
<div class="form-group form-group-text">
<label for="gas_monthly_short_term">Electrical/Gas Monthly </label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="electric-gas_monthly_short_term" type="text" class="form-control" name="electric-gas-monthly-short-term" data-bind="value: electricGasMonthlyST">
</div>
</div>
<div class="form-group form-group-text">
<label for="water_sewer_monthly_short_term">Water and Sewer Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="water_sewer_monthly_short_term" type="text" class="form-control" name="water-sewer-monthly-short-term" data-bind="value: waterSewerMonthlyST">
</div>
</div>
<div class="form-group form-group-text">
<label for="garbage_monthly_short_term">Garbage Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="garbage_monthly_short_term" type="text" class="form-control" name="garbage-monthly-short-term" data-bind="value: garbageMonthlyST">
</div>
</div>
<div class="form-group form-group-text">
<label for="tv_internet_short_term">TV and Internet</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="tv_internet_short_term" type="text" class="form-control" name="tv-internet-short-term" data-bind="value: tvInternetST">
</div>
</div>
<div class="form-group form-group-text">
<label for="hoa_monthly">HOA Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="hoa_monthly" type="text" class="form-control" name="hoa-monthly" data-bind="value: hoaMonthly">
</div>
</div>
<div class="form-group form-group-text">
<label for="sales_tax_short_term">Sales Tax (7% - Oxford) <span class="info-btn" data-toggle="tooltip" data-html="true" title="This is calculated automatically using your monthly income and 7% tax."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="sales_tax_short_term" type="text" class="form-control" name="sales-tax-short-term" data-bind="value: salesTaxST" readonly>
</div>
</div>
<!-- <div class="form-group form-group-text">
<label for="monthly_expense_short_term">Monthly Expenses Cost</label>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="monthly_expense_short_term" type="text" class="form-control" name="monthly-expense-short-term" data-bind="value: monthlyExpenseST" readonly>
</div>
</div>
<div class="form-group form-group-text">
<label for="yearly_expense_short_term">Yearly Expenses Cost</label>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="yearly_expense_short_term" type="text" class="form-control" name="yearly-expense-short-term" data-bind="value: yearlyExpenseST" readonly>
</div>
</div> -->
</div>
<a class="calc-form__advanced-toggle" data-bs-toggle="collapse" href="#collapseFurnitureSupplies" role="button" aria-expanded="false" aria-controls="collapseFurnitureSupplies">Furniture/Supplies Estimator <span class="info-btn" data-toggle="tooltip" data-html="true" title="Optional Inputs - You may change the item text for each of the categories. This will help calculate your Out of Pocket Expense for Short-Term Rental."><i class="fal fa-info-circle"></i></span><i class="fal fa-angle-down"></i></a>
<div class="collapse" id="collapseFurnitureSupplies">
<h4 class="calc-form__sub">Linens</h4>
<div class="calc-form__container">
<div class="form-group form-group-text">
<label for="linens_1">Item 1</label>
<div class="input-group">
<input value="Bed Sheets Normal" id="linens_1" type="text" class="form-control" name="linens-1">
</div>
<label for="linens_1_value">Item 1 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="70" id="linens_1_value" type="text" class="form-control" name="linens-1-value" data-bind="value: linens1Value">
</div>
<label for="linens_1_quantity">Item 1 Quantity</label>
<div class="input-group">
<input id="linens_1_quantity" type="text" class="form-control" name="linens-1-quantity" data-bind="value: linens1Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="linens_2">Item 2</label>
<div class="input-group">
<input value="Bed Sheets Premium" id="linens_2" type="text" class="form-control" name="linens-2">
</div>
<label for="linens_2_value">Item 2 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="210" id="linens_2_value" type="text" class="form-control" name="linens-2-value" data-bind="value: linens2Value">
</div>
<label for="linens_2_quantity">Item 2 Quantity</label>
<div class="input-group">
<input id="linens_2_quantity" type="text" class="form-control" name="linens-2-quantity" data-bind="value: linens2Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="linens_3">Item 3</label>
<div class="input-group">
<input value="Duvet" id="linens_3" type="text" class="form-control" name="linens-3">
</div>
<label for="linens_3_value">Item 3 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="140" id="linens_3_value" type="text" class="form-control" name="linens-3-value" data-bind="value: linens3Value">
</div>
<label for="linens_3_quantity">Item 3 Quantity</label>
<div class="input-group">
<input id="linens_3_quantity" type="text" class="form-control" name="linens-3-quantity" data-bind="value: linens3Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="linens_4">Item 4</label>
<div class="input-group">
<input value="Bath Towels Set of 2" id="linens_4" type="text" class="form-control" name="linens-4">
</div>
<label for="linens_4_value">Item 4 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="35" id="linens_4_value" type="text" class="form-control" name="linens-4-value" data-bind="value: linens4Value">
</div>
<label for="linens_4_quantity">Item 4 Quantity</label>
<div class="input-group">
<input id="linens_4_quantity" type="text" class="form-control" name="linens-4-quantity" data-bind="value: linens4Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="linens_5">Item 5</label>
<div class="input-group">
<input value="Other" id="linens_5" type="text" class="form-control" name="linens-5">
</div>
<label for="linens_5_value">Item 5 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="50" id="linens_5_value" type="text" class="form-control" name="linens-5-value" data-bind="value: linens5Value">
</div>
<label for="linens_5_quantity">Item 5 Quantity</label>
<div class="input-group">
<input value="5" id="linens_5_quantity" type="text" class="form-control" name="linens-5-quantity" data-bind="value: linens5Quantity">
</div>
</div>
</div>
<h4 class="calc-form__sub">Furniture</h4>
<div class="calc-form__container">
<div class="form-group form-group-text">
<label for="furniture_1">Item 1</label>
<div class="input-group">
<input value="Couch" id="furniture_1" type="text" class="form-control" name="furniture-1">
</div>
<label for="furniture_1_value">Item 1 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="600" id="furniture_1_value" type="text" class="form-control" name="furniture-1-value" data-bind="value: furniture1Value">
</div>
<label for="furniture_1_quantity">Item 1 Quantity</label>
<div class="input-group">
<input id="furniture_1_quantity" type="text" class="form-control" name="furniture-1-quantity" data-bind="value: furniture1Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="furniture_2">Item 2</label>
<div class="input-group">
<input value="TV" id="furniture_2" type="text" class="form-control" name="furniture-2">
</div>
<label for="furniture_2_value">Item 2 Price</label>
<div class="input-group">
<div value="350" class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="furniture_2_value" type="text" class="form-control" name="furniture-2-value" data-bind="value: furniture2Value">
</div>
<label for="furniture_2_quantity">Item 2 Quantity</label>
<div class="input-group">
<input id="furniture_2_quantity" type="text" class="form-control" name="furniture-2-quantity" data-bind="value: furniture2Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="furniture_3">Item 3</label>
<div class="input-group">
<input value="Dinner Table" id="furniture_3" type="text" class="form-control" name="furniture-3">
</div>
<label for="furniture_3_value">Item 3 Price</label>
<div class="input-group">
<div value="350" class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="furniture_3_value" type="text" class="form-control" name="furniture-3-value" data-bind="value: furniture3Value">
</div>
<label for="furniture_3_quantity">Item 3 Quantity</label>
<div class="input-group">
<input id="furniture_3_quantity" type="text" class="form-control" name="furniture-3-quantity" data-bind="value: furniture3Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="furniture_4">Item 4</label>
<div class="input-group">
<input value="Mattress" id="furniture_4" type="text" class="form-control" name="furniture-4">
</div>
<label for="furniture_4_value">Item 4 Price</label>
<div class="input-group">
<div value="300" class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="furniture_4_value" type="text" class="form-control" name="furniture-4-value" data-bind="value: furniture4Value">
</div>
<label for="furniture_4_quantity">Item 4 Quantity</label>
<div class="input-group">
<input id="furniture_4_quantity" type="text" class="form-control" name="furniture-4-quantity" data-bind="value: furniture4Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="furniture_5">Item 5</label>
<div class="input-group">
<input value="Other" id="furniture_5" type="text" class="form-control" name="furniture-5">
</div>
<label for="furniture_5_value">Item 5 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="100" id="furniture_5_value" type="text" class="form-control" name="furniture-5-value" data-bind="value: furniture5Value">
</div>
<label for="furniture_5_quantity">Item 5 Quantity</label>
<div class="input-group">
<input id="furniture_5_quantity" type="text" class="form-control" name="furniture-5-quantity" data-bind="value: furniture5Quantity">
</div>
</div>
</div>
<h4 class="calc-form__sub">Supplies</h4>
<div class="calc-form__container">
<div class="form-group form-group-text">
<label for="supplies_1">Item 1</label>
<div class="input-group">
<input value="Toilet Paper" id="supplies_1" type="text" class="form-control" name="supplies-1">
</div>
<label for="supplies_1_value">Item 1 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="20" id="supplies_1_value" type="text" class="form-control" name="supplies-1-value" data-bind="value: supplies1Value">
</div>
<label for="supplies_1_quantity">Item 1 Quantity</label>
<div class="input-group">
<input id="supplies_1_quantity" type="text" class="form-control" name="supplies-1-quantity" data-bind="value: supplies1Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="supplies_2">Item 2</label>
<div class="input-group">
<input value="Kleenex" id="supplies_2" type="text" class="form-control" name="supplies-2">
</div>
<label for="supplies_2_value">Item 2 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="20" id="supplies_2_value" type="text" class="form-control" name="supplies-2-value" data-bind="value: supplies2Value">
</div>
<label for="supplies_2_quantity">Item 2 Quantity</label>
<div class="input-group">
<input id="supplies_2_quantity" type="text" class="form-control" name="supplies-2-quantity" data-bind="value: supplies2Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="supplies_3">Item 3</label>
<div class="input-group">
<input value="Dish Soaps" id="supplies_3" type="text" class="form-control" name="supplies-3">
</div>
<label for="supplies_3_value">Item 3 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="20" id="supplies_3_value" type="text" class="form-control" name="supplies-3-value" data-bind="value: supplies3Value">
</div>
<label for="supplies_3_quantity">Item 3 Quantity</label>
<div class="input-group">
<input id="supplies_3_quantity" type="text" class="form-control" name="supplies-3-quantity" data-bind="value: supplies3Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="supplies_4">Item 4</label>
<div class="input-group">
<input value="Hand Soaps" id="supplies_4" type="text" class="form-control" name="supplies-4">
</div>
<label for="supplies_4_value">Item 4 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input value="20" id="supplies_4_value" type="text" class="form-control" name="supplies-4-value" data-bind="value: supplies4Value">
</div>
<label for="supplies_4_quantity">Item 4 Quantity</label>
<div class="input-group">
<input id="supplies_4_quantity" type="text" class="form-control" name="supplies-4-quantity" data-bind="value: supplies4Quantity">
</div>
</div>
<div class="form-group form-group-text">
<label for="supplies_5">Item 5</label>
<div class="input-group">
<input value="Other" id="supplies_5" type="text" class="form-control" name="supplies-5">
</div>
<label for="supplies_5_value">Item 5 Price</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="supplies_5_value" type="text" class="form-control" name="supplies-5-value" data-bind="value: supplies5Value">
</div>
<label for="supplies_5_quantity">Item 5 Quantity</label>
<div class="input-group">
<input id="supplies_5_quantity" type="text" class="form-control" name="supplies-5-quantity" data-bind="value: supplies5Quantity">
</div>
</div>
</div>
</div>
<div class="calc-form__controls">
<button class="calc-form__btn" href="#calcCarousel" role="button" data-bs-slide="prev">Previous</button>
<button class="calc-form__btn ms-auto" href="#calcCarousel" role="button" data-bs-slide="next">Next</button>
</div>
</div>
<div class="carousel-item">
<h3 class="calc-form__heading">step 3 of 4</h3>
<h4 class="calc-form__sub">Monthly Long-Term Income</h4>
<div class="calc-form__container">
<div class="form-group form-group-text is-required">
<label for="longterm_rent_monthly">Monthly Long-Term Rent * <span class="info-btn" data-toggle="tooltip" data-html="true" title="Enter or estimate the amount of monthly rent you can get for your property."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="longterm_rent_monthly" type="text" class="form-control" name="longterm-rent-monthly" data-bind="value: longtermRentMonthly" required>
</div>
</div>
<div class="form-group form-group-text">
<label for="management_fee_long_term">Management Fee* <span class="info-btn" data-toggle="tooltip" data-html="true" title="Enter or estimate the monthly management fee percentage."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">%</span></div>
<input id="management_fee_long_term" type="text" class="form-control" name="management-fee-long-term" data-bind="value: managementFeeLT">
</div>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="management_fee_usd_long_term" type="text" class="form-control" name="management-fee-usd-long-term" data-bind="value: managementFeeUsdLT" readonly>
</div>
</div>
<!-- <div class="form-group form-group-text">
<label for="monthly_income">Monthly Income</label>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="monthly_income_long_term" type="text" class="form-control" name="monthly-income-long-term" data-bind="value: monthlyIncomeLT" readonly>
</div>
</div> -->
</div>
<h4 class="calc-form__sub">Monthly Expenses</h4>
<div class="calc-form__container">
<div class="form-group form-group-text">
<label for="mortgage_taxes">Mortgage Payment + Monthly Taxes <span class="info-btn" data-toggle="tooltip" data-html="true" title="This is automtically calculated combining both your mortgage payment and monthly taxes."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="mortgage_taxes" type="text" class="form-control" name="mortgage-taxes" data-bind="value: mortgageTaxes">
</div>
</div>
<div class="form-group form-group-text">
<label for="insurance_monthly">Insurance</label>
<div class="input-group">
<input id="insurance_monthly" type="text" class="form-control" name="insurance-monthly" data-bind="value: insuranceMonthly">
<div class="input-group-append"><span class="input-group-text">Monthly</span></div>
</div>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="insurance_yearly" type="text" class="form-control" name="insurance-yearly" data-bind="value: insuranceYearly" readonly>
<div class="input-group-append"><span class="input-group-text">Yearly</span></div>
</div>
</div>
<div class="form-group form-group-text">
<label for="maintenance_monthly_long_term">Maintenance</label>
<div class="input-group">
<input id="maintenance_monthly_long_term" type="text" class="form-control" name="maintenance-monthly" data-bind="value: maintenanceMonthlyLTComputed">
<div class="input-group-append"><span class="input-group-text">Monthly</span></div>
</div>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="maintenance_yearly_long_term" type="text" class="form-control" name="maintenance-yearly-long-term" data-bind="value: maintenanceYearlyLT" readonly>
<div class="input-group-append"><span class="input-group-text">Yearly</span></div>
</div>
</div>
<div class="form-group form-group-text">
<label for="maid_service_long_term">Maid Service Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="maid_service_long_term" type="text" class="form-control" name="maid-service-long-term" data-bind="value: maidServiceLT">
</div>
</div>
<div class="form-group form-group-text">
<label for="gas_monthly_long_term">Electrical/Gas Monthly </label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="electric-gas_monthly_long_term" type="text" class="form-control" name="electric-gas-monthly-long-term" data-bind="value: electricGasMonthlyLTComputed">
</div>
</div>
<div class="form-group form-group-text">
<label for="water_sewer_monthly_long_term">Water and Sewer Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="water_sewer_monthly_long_term" type="text" class="form-control" name="water-sewer-monthly-long-term" data-bind="value: waterSewerMonthlyLTComputed">
</div>
</div>
<div class="form-group form-group-text">
<label for="garbage_monthly_long_term">Garbage Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="garbage_monthly_long_term" type="text" class="form-control" name="garbage-monthly-long-term" data-bind="value: garbageMonthlyLTComputed">
</div>
</div>
<div class="form-group form-group-text">
<label for="tv_internet_long_term">TV and Internet</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="tv_internet_long_term" type="text" class="form-control" name="tv-internet-long-term" data-bind="value: tvInternetLTComputed">
</div>
</div>
<div class="form-group form-group-text">
<label for="hoa_monthly">HOA Monthly</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="hoa_monthly" type="text" class="form-control" name="hoa-monthly" data-bind="value: hoaMonthly">
</div>
</div>
<div class="form-group form-group-text">
<label for="sales_tax_long_term">Sales Tax (7% - Oxford) <span class="info-btn" data-toggle="tooltip" data-html="true" title="This is calculated automatically using your monthly income and 7% tax."><i class="fal fa-info-circle"></i></span></label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="sales_tax_long_term" type="text" class="form-control" name="sales-tax-long-term" data-bind="value: salesTaxLTComputed">
</div>
</div>
<!-- <div class="form-group form-group-text">
<label for="monthly_expense_long_term">Monthly Expenses Cost</label>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="monthly_expense_long_term" type="text" class="form-control" name="monthly-expense-long-term" data-bind="value: monthlyExpenseLT" readonly>
</div>
</div> -->
<!-- <div class="form-group form-group-text">
<label for="yearly_expense_long_term">Yearly Expenses Cost</label>
<div class="input-group input-group--readonly">
<div class="input-group-prepend"><span class="input-group-text">$</span></div>
<input id="yearly_expense_long_term" type="text" class="form-control" name="yearly-expense-long-term" data-bind="value: yearlyExpenseLT" readonly>
</div>
</div> -->
</div>
<div class="calc-form__controls">
<button class="calc-form__btn" href="#calcCarousel" role="button" data-bs-slide="prev">Previous</button>
<button class="calc-form__btn ms-auto" href="#calcCarousel" role="button" data-bs-slide="next">Next</button>
</div>
</div>
<div class="carousel-item">
<h3 class="calc-form__heading">step 4 of 4</h3>
<h4 class="calc-form__sub">personal & Property information</h4>
<div class="calc-form__container">
<div class="form-group form-group-text is-required">
<label for="name">Name*</label>
<input id="name" type="text" class="form-control" name="name" required>
</div>
<div class="form-group form-group-email is-required">
<label for="email">Email*</label>
<input id="email" type="email" class="form-control" name="email" required>
</div>
<div class="form-group form-group-phone is-required">
<label for="phone">Phone*</label>
<input id="phone" type="tel" class="form-control" name="phone" required>
</div>
<div class="form-group form-group-text is-required">
<label for="property_address">Property Address*</label>
<input id="property_address" type="text" class="form-control" name="property-address" required>
</div>
<div class="form-group form-group-email is-required">
<label for="city">City*</label>
<input id="city" type="text" class="form-control" name="city" required>
</div>
<div class="form-group form-group-phone is-required">
<label for="zip">Zip*</label>
<input id="zip" type="text" class="form-control" name="zip" required>
</div>
<div class="form-group form-group-email is-required">
<label for="sq_ft">Sq Ft*</label>
<input id="sq_ft" type="text" class="form-control" name="sq-ft" required>
</div>
<div class="form-group form-group-email is-required">
<label for="age">Age of Property*</label>
<input id="age" type="text" class="form-control" name="age" required>
</div>
<div class="form-group form-group-email is-required">
<label for="bed">Bed*</label>
<input id="bed" type="text" class="form-control" name="bed" required>
</div>
<div class="form-group form-group-email is-required">
<label for="bath">Bath*</label>
<input id="bath" type="text" class="form-control" name="bath" required>
</div>
<div class="form-group form-group-email is-required">
<label for="garage">Garage*</label>
<input id="garage" type="text" class="form-control" name="garage" required>
</div>
</div>
<div class="calc-form__controls">
<button class="calc-form__btn" href="#calcCarousel" role="button" data-bs-slide="prev">Previous</button>
<button id="calculate" type="submit" class="calc-form__btn">Get Results!</button>
</div>
</div>
</div>
</div>
<div class="calc-results">
<div class="calc-form-wrapper">
<h2 class="display-1 mb-5">Results</h2>
<div class="row">
<div class="col-lg-6">
<h3>Short-Term Returns</h3>
<div class="calc-form__container">
<div id="results" class="results w-100">
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Buying</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Purchase Price</th>
<td><span class="addon">$ </span><span class="result purchase-price" data-bind="text: totalPurchasePrice"></span></td>
</tr>
<tr>
<th scope="row">Loan Amount</th>
<td><span class="addon">$ </span><span class="result principal" data-bind="text: principal"></span></td>
</tr>
<tr>
<th scope="row">Closing Costs</th>
<td><span class="addon">$ </span><span class="result closing-cost" data-bind="text: closingCost"></span></td>
</tr>
<tr>
<th scope="row">Down Payment</th>
<td><span class="addon">$ </span><span class="result down-payment" data-bind="text: downPaymentUsd"></span></td>
</tr>
<tr>
<th scope="row">Monthly Payment Total</th>
<td><span class="addon">$ </span><span class="result monthly-payment-short-term" data-bind="text: monthlyPaymentTotal"></span></td>
</tr>
<tr>
<th scope="row">Total Money Out of Pocket</th>
<td><span class="addon">$ </span><span class="result monthly-payment-short-term" data-bind="text: shortTermOutOfPocket"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Holding Costs</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Monthly</th>
<td><span class="addon">$ </span><span class="result net-first-year" data-bind="text: monthlyExpenseST"></span></td>
</tr>
<tr>
<th scope="row">Yearly</th>
<td><span class="addon">$ </span><span class="result net-fifth-year" data-bind="text: yearlyExpenseST"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Income After Expenses Before Taxes</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Monthly Income W/ Principal</th>
<td><span class="addon">$ </span><span class="result monthly-income-principal-st" data-bind="text: monthlyIncomePrincipalST"></span></td>
</tr>
<tr>
<th scope="row">Yearly Income W/ Principal</th>
<td><span class="addon">$ </span><span class="result yearly-income-principal-st" data-bind="text: yearlyIncomePrincipalST"></span></td>
</tr>
</tbody>
</table>
<!-- <div class="d-none"> -->
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Cashflow</th>
</tr>
</thead>
<tbody>
<tr class="stripe">
<th colspan="2">Cashflow Before Taxes</th>
</tr>
<tr>
<th scope="row">Monthly</th>
<td><span class="addon">$ </span><span class="result monthly-cashflow-st" data-bind="text: monthlyCashflowST"></span></td>
</tr>
<tr>
<th scope="row">Yearly</th>
<td><span class="addon">$ </span><span class="result yearly-cashflow-st" data-bind="text: yearlyCashflowST"></span></td>
</tr>
<tr class="stripe">
<th colspan="2">Cash On Cash Return</th>
</tr>
<tr>
<th scope="row">Monthly</th>
<td><span class="result monthly-cashoncash-return-st" data-bind="text: monthlyCashOnCashST"></span><span class="addon">%</span></td>
</tr>
<tr>
<th scope="row">Yearly</th>
<td><span class="result yearly-cashoncash-return-st" data-bind="text: yearlyCashOnCashST"></span><span class="addon">%</span></td>
</tr>
<tr class="stripe">
<th colspan="2">Cashflow Returns With Appreciation in Income</th>
</tr>
<tr>
<td>Sample of Estimated Yearly Appreciation %</td>
<td>3%</td>
</tr>
<tr>
<th scope="row">2nd year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-st" data-bind="text: cashflowReturnAppreciation2ST"></span></td>
</tr>
<tr>
<th scope="row">3rd year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-st" data-bind="text: cashflowReturnAppreciation3ST"></span></td>
</tr>
<tr>
<th scope="row">4th year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-st" data-bind="text: cashflowReturnAppreciation4ST"></span></td>
</tr>
<tr>
<th scope="row">5th year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-st" data-bind="text: cashflowReturnAppreciation5ST"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Net Return</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">First Year Net</th>
<td><span class="addon">$ </span><span class="result net-first-year-st" data-bind="text: netYear1ST"></span></td>
</tr>
<tr>
<th scope="row">5 Year Net</th>
<td><span class="addon">$ </span><span class="result net-fifth-year-st" data-bind="text: netYear5ST"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="3">ROI</th>
</tr>
<tr>
<th scope="col"><span class="sr-only">Blank</span></th>
<th scope="col">Price</th>
<th scope="col">Percentage</th>
</tr>
</thead>
<tbody>
<tr class="stripe">
<th colspan="3">ROI Assuming Purchase Price is Current Market Value</th>
</tr>
<tr>
<th scope="row">5 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-price-5-st" data-bind="text: roiPrice5ST"></span></td>
<td><span class="result roi-percent-5-st" data-bind="text: roiPercent5ST"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">10 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-price-10-st" data-bind="text: roiPrice10ST"></span></td>
<td><span class="result roi-percent-10-st" data-bind="text: roiPercent10ST"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">15 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-price-15-st" data-bind="text: roiPrice15ST"></span></td>
<td><span class="result roi-percent-15-st" data-bind="text: roiPercent15ST"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">30 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-price-30-st" data-bind="text: roiPrice30ST"></span></td>
<td><span class="result roi-percent-30-st" data-bind="text: roiPercent30ST"></span><span class="addon"> %</span></td>
</tr>
<tr class="stripe">
<th colspan="3">ROI With Property Appreciation</th>
</tr>
<tr>
<td colspan="2">Sample of Estimated Yearly Appreciation %</td>
<td>3%</td>
</tr>
<tr>
<th scope="row">5 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-5-st" data-bind="text: roiAppreciationPrice5ST"></span></td>
<td><span class="result roi-appreciation-percent-5-st" data-bind="text: roiAppreciationPercent5ST"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">10 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-10-st" data-bind="text: roiAppreciationPrice10ST"></span></td>
<td><span class="result roi-appreciation-percent-10-st" data-bind="text: roiAppreciationPercent10ST"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">15 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-15-st" data-bind="text: roiAppreciationPrice15ST"></span></td>
<td><span class="result roi-appreciation-percent-15-st" data-bind="text: roiAppreciationPercent15ST"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">30 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-30-st" data-bind="text: roiAppreciationPrice30ST"></span></td>
<td><span class="result roi-appreciation-percent-30-st" data-bind="text: roiAppreciationPercent30ST"></span><span class="addon"> %</span></td>
</tr>
</tbody>
</table>
<!-- </div> -->
</div>
</div>
</div>
<div class="col-lg-6">
<h3>Long-Term Returns</h3>
<div class="calc-form__container">
<div id="results" class="results w-100">
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Buying</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Purchase Price</th>
<td><span class="addon">$ </span><span class="result purchase-price" data-bind="text: totalPurchasePrice"></span></td>
</tr>
<tr>
<th scope="row">Loan Amount</th>
<td><span class="addon">$ </span><span class="result principal" data-bind="text: principal"></span></td>
</tr>
<tr>
<th scope="row">Closing Costs</th>
<td><span class="addon">$ </span><span class="result closing-cost" data-bind="text: closingCost"></span></td>
</tr>
<tr>
<th scope="row">Down Payment</th>
<td><span class="addon">$ </span><span class="result down-payment" data-bind="text: downPaymentUsd"></span></td>
</tr>
<tr>
<th scope="row">Monthly Payment Total</th>
<td><span class="addon">$ </span><span class="result monthly-payment-short-term" data-bind="text: monthlyPaymentTotal"></span></td>
</tr>
<tr>
<th scope="row">Total Money Out of Pocket</th>
<td><span class="addon">$ </span><span class="result monthly-payment-short-term" data-bind="text: longTermOutOfPocket"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Holding Costs</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Monthly</th>
<td><span class="addon">$ </span><span class="result net-first-year" data-bind="text: monthlyExpenseLT"></span></td>
</tr>
<tr>
<th scope="row">Yearly</th>
<td><span class="addon">$ </span><span class="result net-fifth-year" data-bind="text: yearlyExpenseLT"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Income After Expenses Before Taxes</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Monthly Income W/ Principal</th>
<td><span class="addon">$ </span><span class="result monthly-income-principal-lt" data-bind="text: monthlyIncomePrincipalLT"></span></td>
</tr>
<tr>
<th scope="row">Yearly Income W/ Principal</th>
<td><span class="addon">$ </span><span class="result yearly-income-principal-lt" data-bind="text: yearlyIncomePrincipalLT"></span></td>
</tr>
</tbody>
</table>
<!-- <div class="d-none"> -->
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Cashflow</th>
</tr>
</thead>
<tbody>
<tr class="stripe">
<th colspan="2">Cashflow Before Taxes</th>
</tr>
<tr>
<th scope="row">Monthly</th>
<td><span class="addon">$ </span><span class="result monthly-cashflow-lt" data-bind="text: monthlyCashflowLT"></span></td>
</tr>
<tr>
<th scope="row">Yearly</th>
<td><span class="addon">$ </span><span class="result yearly-cashflow-lt" data-bind="text: yearlyCashflowLT"></span></td>
</tr>
<tr class="stripe">
<th colspan="2">Cash On Cash Return</th>
</tr>
<tr>
<th scope="row">Monthly</th>
<td><span class="result monthly-cashoncash-return-lt" data-bind="text: monthlyCashOnCashLT"></span><span class="addon">%</span></td>
</tr>
<tr>
<th scope="row">Yearly</th>
<td><span class="result yearly-cashoncash-return-lt" data-bind="text: yearlyCashOnCashLT"></span><span class="addon">%</span></td>
</tr>
<tr class="stripe">
<th colspan="2">Cashflow Returns With Appreciation in Income</th>
</tr>
<tr>
<td>Sample of Estimated Yearly Appreciation %</td>
<td>3%</td>
</tr>
<tr>
<th scope="row">2nd year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-lt" data-bind="text: cashflowReturnAppreciation2LT"></span></td>
</tr>
<tr>
<th scope="row">3rd year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-lt" data-bind="text: cashflowReturnAppreciation3LT"></span></td>
</tr>
<tr>
<th scope="row">4th year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-lt" data-bind="text: cashflowReturnAppreciation4LT"></span></td>
</tr>
<tr>
<th scope="row">5th year</th>
<td><span class="addon">$ </span><span class="result cashflow-returns-appreciation-lt" data-bind="text: cashflowReturnAppreciation5LT"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="2">Net Return</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">First Year Net</th>
<td><span class="addon">$ </span><span class="result net-first-year-lt" data-bind="text: netYear1LT"></span></td>
</tr>
<tr>
<th scope="row">5 Year Net</th>
<td><span class="addon">$ </span><span class="result net-fifth-year-lt" data-bind="text: netYear5LT"></span></td>
</tr>
</tbody>
</table>
<table class="w-100 table table-striped">
<thead>
<tr>
<th colspan="3">ROI</th>
</tr>
<tr>
<th scope="col"><span class="sr-only">Blank</span></th>
<th scope="col">Price</th>
<th scope="col">Percentage</th>
</tr>
</thead>
<tbody>
<tr class="stripe">
<th colspan="3">ROI Assuming Purchase Price is Current Market Value</th>
</tr>
<tr>
<th scope="row">5 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-price-5-lt" data-bind="text: roiPrice5LT"></span></td>
<td><span class="result roi-percent-5-lt" data-bind="text: roiPercent5LT"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">10 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-price-10-lt" data-bind="text: roiPrice10LT"></span></td>
<td><span class="result roi-percent-10-lt" data-bind="text: roiPercent10LT"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">15 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-price-15-lt" data-bind="text: roiPrice15LT"></span></td>
<td><span class="result roi-percent-15-lt" data-bind="text: roiPercent15LT"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">30 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-price-30-lt" data-bind="text: roiPrice30LT"></span></td>
<td><span class="result roi-percent-30-lt" data-bind="text: roiPercent30LT"></span><span class="addon"> %</span></td>
</tr>
<tr class="stripe">
<th colspan="3">ROI With Property Appreciation</th>
</tr>
<tr>
<td colspan="2">Sample of Estimated Yearly Appreciation %</td>
<td>3%</td>
</tr>
<tr>
<th scope="row">5 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-5-lt" data-bind="text: roiAppreciationPrice5LT"></span></td>
<td><span class="result roi-appreciation-percent-5-lt" data-bind="text: roiAppreciationPercent5LT"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">10 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-10-lt" data-bind="text: roiAppreciationPrice10LT"></span></td>
<td><span class="result roi-appreciation-percent-10-lt" data-bind="text: roiAppreciationPercent10LT"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">15 Year Return </th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-15-lt" data-bind="text: roiAppreciationPrice15LT"></span></td>
<td><span class="result roi-appreciation-percent-15-lt" data-bind="text: roiAppreciationPercent15LT"></span><span class="addon"> %</span></td>
</tr>
<tr>
<th scope="row">30 Year Return</th>
<td><span class="addon">$ </span><span class="result roi-appreciation-price-30-lt" data-bind="text: roiAppreciationPrice30LT"></span></td>
<td><span class="result roi-appreciation-percent-30-lt" data-bind="text: roiAppreciationPercent30LT"></span><span class="addon"> %</span></td>
</tr>
</tbody>
</table>
<!-- </div> -->
</div>
</div>
</div>
</div>
<!-- <div class="d-none"> -->
<div class="py-5"></div>
<h3 class="mb-4">Amortization Chart</h3>
<div class="calc-form__container">
<div id="results" class="results w-100">
<div class="row">
<div class="col-md-6">
<h4>Principal: $<span id="principal" data-bind="text: principal"></span></h4>
</div>
<div class="col-md-6">
<h4>Term: <span id="loan-term" data-bind="text: loanTermYears"></span></h4>
</div>
</div>
<div class="row">
<div class="col-md-6">
<h4>Interest Rate: <span id="interestRate" data-bind="text: loanAPR"></span>%</h4>
</div>
<div class="col-md-6">
<h4>Sample Close Date: <span id="sample_close_date">7/1/2023</span></h4>
</div>
</div>
<table class="w-100 table table-striped">
<thead>
<tr>
<th>Period (Months)</th>
<th>Monthly Payment</th>
<th>Interest Payment</th>
<th>Principal Payment</th>
<th>Loan Balance</th>
</tr>
</thead>
<tbody data-bind="foreach: generateRows">
<tr>
<th class="th" data-bind="text: term"></th>
<td><span class="addon">$ </span><span class="result" data-bind="text: monthlyPayment"></span></td>
<td><span class="addon">$ </span><span class="result" data-bind="text: interestPayment"></span></td>
<td><span class="addon">$ </span><span class="result" data-bind="text: principalPayment"></span></td>
<td><span class="addon">$ </span><span class="result" data-bind="text: loanBalance"></span></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- </div> -->
</div>
<h4 class="display-1 mt-5">Schedule time with us today!</h4>
<a href="/-property-management" class="btn">Contact Us</a>
</div>
</form>
</section>
<div class="container">
<p class="pt-5 m-0 text-center text-muted">
<small>**Disclaimer: The long-term vs short-term calculator provided on this website is for demonstration purposes only. The results generated by the calculator are based on generic assumptions and may not reflect the actual costs associated with investment returns in your specific circumstances. It is important to note that these results should not be considered as factual or binding. We recommend consulting with a qualified professional to obtain accurate and personalized information regarding vacancy costs for your situation. By using this calculator, you acknowledge that we are not liable for any decisions made based on the results obtained.</small>
</p>
</div>
</div>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js" type="text/javascript"></script>
<script defer type="text/javascript" src="/js/ltst-calculator.js"></script>
</body>
</html>
CSS
/css/ltst-calculator.css
Javascript
/js/long-term-short-term-calculator.js