{"id":220,"date":"2025-09-07T21:33:06","date_gmt":"2025-09-07T21:33:06","guid":{"rendered":"https:\/\/bmltd.ae\/?page_id=220"},"modified":"2025-09-07T21:37:25","modified_gmt":"2025-09-07T21:37:25","slug":"roi","status":"publish","type":"page","link":"https:\/\/bmltd.ae\/ar\/roi\/","title":{"rendered":"\u0627\u0644\u0639\u0627\u0626\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"220\" class=\"elementor elementor-220\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd489df e-flex e-con-boxed e-con e-parent\" data-id=\"cd489df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2191ee e-con-full e-flex e-con e-parent\" data-id=\"e2191ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da85b11 elementor-widget elementor-widget-html\" data-id=\"da85b11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ROI Calculator Section -->\r\n<div class=\"roi-calculator-section\">\r\n  <div class=\"roi-container\">\r\n    \r\n    <!-- Section Header -->\r\n    <div class=\"roi-header\">\r\n      <div class=\"roi-badge\">\r\n        <i class=\"fas fa-calculator\"><\/i>\r\n        <span>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631<\/span>\r\n      <\/div>\r\n      <h2 class=\"roi-title\">\u062d\u0627\u0633\u0628\u0629 \u0639\u0627\u0626\u062f \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a<\/h2>\r\n      <p class=\"roi-subtitle\">\u0627\u062d\u0633\u0628 \u0627\u0644\u0639\u0627\u0626\u062f \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0643 \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0648\u0627\u062a\u062e\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0645\u0633\u062a\u0646\u064a\u0631\u0629<\/p>\r\n    <\/div>\r\n\r\n    <!-- Calculator Content -->\r\n    <div class=\"roi-content\">\r\n      \r\n      <!-- Input Form -->\r\n      <div class=\"roi-form-section\">\r\n        <h3 class=\"form-title\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631<\/h3>\r\n        \r\n        <div class=\"input-group\">\r\n          <label for=\"property-price\">\u0633\u0639\u0631 \u0627\u0644\u0639\u0642\u0627\u0631 (\u0628\u0627\u0644\u062f\u0631\u0647\u0645 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\u064a)<\/label>\r\n          <input type=\"number\" id=\"property-price\" placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 2,500,000\" min=\"0\">\r\n        <\/div>\r\n\r\n        <div class=\"input-group\">\r\n          <label for=\"down-payment\">\u0627\u0644\u062f\u0641\u0639\u0629 \u0627\u0644\u0645\u0642\u062f\u0645\u0629 (%)<\/label>\r\n          <input type=\"number\" id=\"down-payment\" placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 30\" min=\"0\" max=\"100\" value=\"30\">\r\n        <\/div>\r\n\r\n        <div class=\"input-group\">\r\n          <label for=\"monthly-rent\">\u0627\u0644\u0625\u064a\u062c\u0627\u0631 \u0627\u0644\u0634\u0647\u0631\u064a \u0627\u0644\u0645\u062a\u0648\u0642\u0639 (\u0628\u0627\u0644\u062f\u0631\u0647\u0645 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\u064a)<\/label>\r\n          <input type=\"number\" id=\"monthly-rent\" placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 15,000\" min=\"0\">\r\n        <\/div>\r\n\r\n        <div class=\"input-group\">\r\n          <label for=\"appreciation\">\u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0633\u0646\u0648\u064a (%)<\/label>\r\n          <input type=\"number\" id=\"appreciation\" placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 5\" min=\"0\" max=\"20\" value=\"5\">\r\n        <\/div>\r\n\r\n        <div class=\"input-group\">\r\n          <label for=\"holding-period\">\u0641\u062a\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 (\u0628\u0627\u0644\u0633\u0646\u0648\u0627\u062a)<\/label>\r\n          <input type=\"number\" id=\"holding-period\" placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 10\" min=\"1\" max=\"30\" value=\"10\">\r\n        <\/div>\r\n\r\n        <button class=\"calculate-btn\" onclick=\"calculateROI()\">\r\n          <i class=\"fas fa-chart-line\"><\/i>\r\n          \u062d\u0633\u0627\u0628 \u0639\u0627\u0626\u062f \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- Results Section -->\r\n      <div class=\"roi-results-section\">\r\n        <h3 class=\"results-title\">\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631<\/h3>\r\n        \r\n        <div class=\"results-grid\">\r\n          \r\n          <!-- Initial Investment -->\r\n          <div class=\"result-card\">\r\n            <div class=\"result-icon\">\r\n              <i class=\"fas fa-hand-holding-usd\"><\/i>\r\n            <\/div>\r\n            <div class=\"result-content\">\r\n              <span class=\"result-label\">\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0645\u0628\u062f\u0626\u064a<\/span>\r\n              <span class=\"result-value\" id=\"initial-investment\">\u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a 0<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Total Rental Income -->\r\n          <div class=\"result-card\">\r\n            <div class=\"result-icon\">\r\n              <i class=\"fas fa-coins\"><\/i>\r\n            <\/div>\r\n            <div class=\"result-content\">\r\n              <span class=\"result-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0625\u064a\u0631\u0627\u062f\u0627\u062a \u0627\u0644\u0625\u064a\u062c\u0627\u0631<\/span>\r\n              <span class=\"result-value\" id=\"total-rental\">\u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a 0<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Property Value -->\r\n          <div class=\"result-card\">\r\n            <div class=\"result-icon\">\r\n              <i class=\"fas fa-home\"><\/i>\r\n            <\/div>\r\n            <div class=\"result-content\">\r\n              <span class=\"result-label\">\u0642\u064a\u0645\u0629 \u0627\u0644\u0639\u0642\u0627\u0631 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644<\/span>\r\n              <span class=\"result-value\" id=\"future-value\">\u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a 0<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Capital Gain -->\r\n          <div class=\"result-card\">\r\n            <div class=\"result-icon\">\r\n              <i class=\"fas fa-chart-line\"><\/i>\r\n            <\/div>\r\n            <div class=\"result-content\">\r\n              <span class=\"result-label\">\u0627\u0644\u0623\u0631\u0628\u0627\u062d \u0627\u0644\u0631\u0623\u0633\u0645\u0627\u0644\u064a\u0629<\/span>\r\n              <span class=\"result-value\" id=\"capital-gain\">\u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a 0<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Annual ROI -->\r\n          <div class=\"result-card highlight\">\r\n            <div class=\"result-icon\">\r\n              <i class=\"fas fa-percentage\"><\/i>\r\n            <\/div>\r\n            <div class=\"result-content\">\r\n              <span class=\"result-label\">\u0639\u0627\u0626\u062f \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0633\u0646\u0648\u064a<\/span>\r\n              <span class=\"result-value\" id=\"annual-roi\">0%<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Total Return -->\r\n          <div class=\"result-card highlight\">\r\n            <div class=\"result-icon\">\r\n              <i class=\"fas fa-trophy\"><\/i>\r\n            <\/div>\r\n            <div class=\"result-content\">\r\n              <span class=\"result-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0639\u0627\u0626\u062f<\/span>\r\n              <span class=\"result-value\" id=\"total-return\">\u062f\u0631\u0647\u0645 \u0625\u0645\u0627\u0631\u0627\u062a\u064a 0<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Additional Metrics -->\r\n        <div class=\"additional-metrics\">\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-label\">\u0639\u0627\u0626\u062f \u0627\u0644\u0625\u064a\u062c\u0627\u0631:<\/span>\r\n            <span class=\"metric-value\" id=\"rental-yield\">0%<\/span>\r\n          <\/div>\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-label\">\u0627\u0644\u0639\u0627\u0626\u062f \u0627\u0644\u0646\u0642\u062f\u064a \u0639\u0644\u0649 \u0627\u0644\u0646\u0642\u062f:<\/span>\r\n            <span class=\"metric-value\" id=\"cash-return\">0%<\/span>\r\n          <\/div>\r\n          <div class=\"metric-item\">\r\n            <span class=\"metric-label\">\u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u0639\u0627\u062f\u0644<\/span>\r\n            <span class=\"metric-value\" id=\"breakeven\">-- \u0633\u0646\u0648\u0627\u062a<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Investment Recommendation -->\r\n        <div class=\"recommendation-card\">\r\n          <div class=\"recommendation-icon\">\r\n            <i class=\"fas fa-lightbulb\"><\/i>\r\n          <\/div>\r\n          <div class=\"recommendation-content\">\r\n            <h4 class=\"recommendation-title\">\u062a\u0648\u0635\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631<\/h4>\r\n            <p class=\"recommendation-text\" id=\"recommendation\">\r\n              \u0623\u062f\u062e\u0644 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0643 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0648\u0635\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0648\u0642.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ROI Calculator Styles *\/\r\n.roi-calculator-section {\r\n  padding: 80px 0;\r\n  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);\r\n  font-family: 'Poppins', 'Cairo', sans-serif;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.roi-calculator-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 60 60\"><defs><pattern id=\"roi-pattern\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\"><circle cx=\"30\" cy=\"30\" r=\"1\" fill=\"%23395a3f\" opacity=\"0.03\"\/><\/pattern><\/defs><rect width=\"60\" height=\"60\" fill=\"url(%23roi-pattern)\"\/><\/svg>');\r\n  z-index: 1;\r\n}\r\n\r\n.roi-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Header *\/\r\n.roi-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.roi-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--light-green);\r\n  color: var(--primary-color);\r\n  padding: 10px 20px;\r\n  border-radius: 25px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.roi-title {\r\n  font-size: 3rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 15px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.roi-subtitle {\r\n  font-size: 1.1rem;\r\n  color: var(--text-light);\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Content Layout *\/\r\n.roi-content {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.5fr;\r\n  gap: 50px;\r\n  align-items: start;\r\n}\r\n\r\n\/* Form Section *\/\r\n.roi-form-section {\r\n  background: white;\r\n  padding: 40px;\r\n  border-radius: 25px;\r\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\r\n  border: 1px solid rgba(57, 90, 63, 0.1);\r\n}\r\n\r\n.form-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 30px;\r\n  text-align: center;\r\n}\r\n\r\n.input-group {\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.input-group label {\r\n  display: block;\r\n  font-weight: 600;\r\n  color: var(--text-dark);\r\n  margin-bottom: 8px;\r\n  font-size: 14px;\r\n}\r\n\r\n.input-group input {\r\n  width: 100%;\r\n  padding: 15px 20px;\r\n  border: 2px solid #e9ecef;\r\n  border-radius: 12px;\r\n  font-size: 16px;\r\n  transition: all 0.3s ease;\r\n  background: #fafbfc;\r\n}\r\n\r\n.input-group input:focus {\r\n  outline: none;\r\n  border-color: var(--primary-color);\r\n  background: white;\r\n  box-shadow: 0 0 0 3px rgba(57, 90, 63, 0.1);\r\n}\r\n\r\n.calculate-btn {\r\n  width: 100%;\r\n  background: var(--primary-color);\r\n  color: white;\r\n  border: none;\r\n  padding: 18px 25px;\r\n  border-radius: 12px;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  margin-top: 10px;\r\n}\r\n\r\n.calculate-btn:hover {\r\n  background: #2d4a34;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 25px rgba(57, 90, 63, 0.3);\r\n}\r\n\r\n\/* Results Section *\/\r\n.roi-results-section {\r\n  background: white;\r\n  padding: 40px;\r\n  border-radius: 25px;\r\n  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\r\n  border: 1px solid rgba(57, 90, 63, 0.1);\r\n}\r\n\r\n.results-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  margin-bottom: 30px;\r\n  text-align: center;\r\n}\r\n\r\n.results-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 20px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.result-card {\r\n  background: #fafbfc;\r\n  padding: 25px;\r\n  border-radius: 15px;\r\n  border: 2px solid transparent;\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n}\r\n\r\n.result-card:hover {\r\n  border-color: var(--primary-color);\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 25px rgba(57, 90, 63, 0.1);\r\n}\r\n\r\n.result-card.highlight {\r\n  background: linear-gradient(135deg, var(--primary-color), #2d4a34);\r\n  color: white;\r\n}\r\n\r\n.result-card.highlight .result-icon {\r\n  background: rgba(255, 255, 255, 0.2);\r\n  color: white;\r\n}\r\n\r\n.result-icon {\r\n  width: 50px;\r\n  height: 50px;\r\n  background: var(--light-green);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--primary-color);\r\n  font-size: 20px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.result-content {\r\n  flex: 1;\r\n}\r\n\r\n.result-label {\r\n  display: block;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: var(--text-light);\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.result-card.highlight .result-label {\r\n  color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.result-value {\r\n  display: block;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n}\r\n\r\n.result-card.highlight .result-value {\r\n  color: white;\r\n}\r\n\r\n\/* Additional Metrics *\/\r\n.additional-metrics {\r\n  background: #f8f9fa;\r\n  padding: 25px;\r\n  border-radius: 15px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.metric-item {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 10px 0;\r\n  border-bottom: 1px solid #e9ecef;\r\n}\r\n\r\n.metric-item:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.metric-label {\r\n  font-weight: 600;\r\n  color: var(--text-dark);\r\n  font-size: 14px;\r\n}\r\n\r\n.metric-value {\r\n  font-weight: 700;\r\n  color: var(--primary-color);\r\n  font-size: 14px;\r\n}\r\n\r\n\/* Recommendation Card *\/\r\n.recommendation-card {\r\n  background: linear-gradient(135deg, #fff3cd, #ffeaa7);\r\n  padding: 25px;\r\n  border-radius: 15px;\r\n  border-left: 4px solid #f39c12;\r\n  display: flex;\r\n  gap: 15px;\r\n  align-items: start;\r\n}\r\n\r\n.recommendation-icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: #f39c12;\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: white;\r\n  font-size: 18px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.recommendation-title {\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  color: #b7791f;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.recommendation-text {\r\n  color: #856404;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n\/* CSS Variables *\/\r\n:root {\r\n  --primary-color: #395a3f;\r\n  --light-green: rgba(57, 90, 63, 0.1);\r\n  --text-dark: #333333;\r\n  --text-light: #666666;\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 968px) {\r\n  .roi-content {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n  \r\n  .roi-title {\r\n    font-size: 2.5rem;\r\n  }\r\n  \r\n  .results-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .roi-form-section,\r\n  .roi-results-section {\r\n    padding: 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .roi-calculator-section {\r\n    padding: 60px 0;\r\n  }\r\n  \r\n  .roi-title {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .roi-form-section,\r\n  .roi-results-section {\r\n    padding: 25px;\r\n  }\r\n  \r\n  .result-card {\r\n    padding: 20px;\r\n  }\r\n  \r\n  .recommendation-card {\r\n    flex-direction: column;\r\n    text-align: center;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction calculateROI() {\r\n  \/\/ Get input values\r\n  const propertyPrice = parseFloat(document.getElementById('property-price').value) || 0;\r\n  const downPaymentPercent = parseFloat(document.getElementById('down-payment').value) || 30;\r\n  const monthlyRent = parseFloat(document.getElementById('monthly-rent').value) || 0;\r\n  const appreciationRate = parseFloat(document.getElementById('appreciation').value) || 5;\r\n  const holdingPeriod = parseFloat(document.getElementById('holding-period').value) || 10;\r\n\r\n  \/\/ Validate inputs\r\n  if (propertyPrice <= 0 || monthlyRent <= 0) {\r\n    alert('Please enter valid property price and monthly rent amounts.');\r\n    return;\r\n  }\r\n\r\n  \/\/ Calculate metrics\r\n  const downPayment = propertyPrice * (downPaymentPercent \/ 100);\r\n  const loanAmount = propertyPrice - downPayment;\r\n  const annualRent = monthlyRent * 12;\r\n  const totalRentalIncome = annualRent * holdingPeriod;\r\n  \r\n  \/\/ Future property value with appreciation\r\n  const futureValue = propertyPrice * Math.pow(1 + appreciationRate \/ 100, holdingPeriod);\r\n  const capitalGain = futureValue - propertyPrice;\r\n  \r\n  \/\/ Total return and ROI\r\n  const totalReturn = totalRentalIncome + capitalGain;\r\n  const totalROI = ((totalReturn - downPayment) \/ downPayment) * 100;\r\n  const annualROI = totalROI \/ holdingPeriod;\r\n  \r\n  \/\/ Additional metrics\r\n  const rentalYield = (annualRent \/ propertyPrice) * 100;\r\n  const cashOnCashReturn = (annualRent \/ downPayment) * 100;\r\n  const breakEvenYears = downPayment \/ annualRent;\r\n\r\n  \/\/ Format and display results\r\n  document.getElementById('initial-investment').textContent = formatCurrency(downPayment);\r\n  document.getElementById('total-rental').textContent = formatCurrency(totalRentalIncome);\r\n  document.getElementById('future-value').textContent = formatCurrency(futureValue);\r\n  document.getElementById('capital-gain').textContent = formatCurrency(capitalGain);\r\n  document.getElementById('annual-roi').textContent = annualROI.toFixed(1) + '%';\r\n  document.getElementById('total-return').textContent = formatCurrency(totalReturn);\r\n  \r\n  document.getElementById('rental-yield').textContent = rentalYield.toFixed(1) + '%';\r\n  document.getElementById('cash-return').textContent = cashOnCashReturn.toFixed(1) + '%';\r\n  document.getElementById('breakeven').textContent = breakEvenYears.toFixed(1) + ' years';\r\n\r\n  \/\/ Generate recommendation\r\n  generateRecommendation(annualROI, rentalYield, cashOnCashReturn);\r\n}\r\n\r\nfunction formatCurrency(amount) {\r\n  return 'AED ' + amount.toLocaleString('en-US', { maximumFractionDigits: 0 });\r\n}\r\n\r\nfunction generateRecommendation(annualROI, rentalYield, cashReturn) {\r\n  let recommendation = '';\r\n  let recommendationClass = '';\r\n\r\n  if (annualROI >= 12) {\r\n    recommendation = `Excellent Investment! With an annual ROI of ${annualROI.toFixed(1)}%, this property shows strong potential for wealth building. The combination of rental income and capital appreciation makes this a compelling investment opportunity.`;\r\n    recommendationClass = 'excellent';\r\n  } else if (annualROI >= 8) {\r\n    recommendation = `Good Investment Opportunity. Your projected annual ROI of ${annualROI.toFixed(1)}% is above market average. This property offers a balanced mix of rental yield (${rentalYield.toFixed(1)}%) and capital appreciation potential.`;\r\n    recommendationClass = 'good';\r\n  } else if (annualROI >= 5) {\r\n    recommendation = `Moderate Investment. With ${annualROI.toFixed(1)}% annual ROI, this property meets basic investment criteria. Consider if the rental yield of ${rentalYield.toFixed(1)}% aligns with your income goals and risk tolerance.`;\r\n    recommendationClass = 'moderate';\r\n  } else {\r\n    recommendation = `Consider Carefully. The projected ${annualROI.toFixed(1)}% annual ROI is below typical market expectations. You may want to negotiate the price, find higher rental potential, or explore other opportunities for better returns.`;\r\n    recommendationClass = 'caution';\r\n  }\r\n\r\n  document.getElementById('recommendation').textContent = recommendation;\r\n}\r\n\r\n\/\/ Add some sample data on load for demonstration\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ You can set default values here if needed\r\n  \/\/ document.getElementById('property-price').value = '2500000';\r\n  \/\/ document.getElementById('monthly-rent').value = '15000';\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0627\u0626\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0627\u062d\u0633\u0628 \u0627\u0644\u0639\u0627\u0626\u062f \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u062a\u062e\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0645\u0633\u062a\u0646\u064a\u0631\u0629 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0633\u0639\u0631 \u0627\u0644\u0639\u0642\u0627\u0631 [...]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-220","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/pages\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":4,"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":224,"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/pages\/220\/revisions\/224"}],"wp:attachment":[{"href":"https:\/\/bmltd.ae\/ar\/wp-json\/wp\/v2\/media?parent=220"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}