\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a (\u0627\u0644\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a)<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<style>\r\n :root {\r\n --primary-color: #2c3e50;\r\n --secondary-color: #3498db;\r\n --background-color: #f4f7f9;\r\n --surface-color: #ffffff;\r\n --text-color: #34495e;\r\n --success-color: #27ae60;\r\n --warning-color: #f39c12;\r\n --danger-color: #e74c3c;\r\n --border-color: #dfe6e9;\r\n --shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .calculator-container-pro {\r\n font-family: 'Cairo', 'Segoe UI', sans-serif;\r\n background-color: var(--background-color);\r\n padding: 30px;\r\n border-radius: 20px;\r\n max-width: 850px;\r\n margin: 30px auto;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--border-color);\r\n }\r\n\r\n .calculator-container-pro h2 {\r\n color: var(--primary-color);\r\n text-align: center;\r\n margin-bottom: 30px;\r\n font-size: 28px;\r\n font-weight: 700;\r\n }\r\n\r\n .section-title {\r\n font-size: 20px;\r\n color: var(--primary-color);\r\n margin-bottom: 20px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--secondary-color);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .input-section, .pricing-section {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 22px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .input-group { display: flex; flex-direction: column; }\r\n .input-group label { margin-bottom: 8px; font-weight: 600; color: var(--text-color); font-size: 16px; }\r\n .input-group input, .input-group select { padding: 12px 15px; border: 1px solid var(--border-color); border-radius: 8px; font-size: 16px; transition: all 0.3s; width: 100%; box-sizing: border-box; background-color: #fff; }\r\n .input-group input:focus, .input-group select:focus { outline: none; border-color: var(--secondary-color); box-shadow: 0 0 8px rgba(52, 152, 219, 0.3); }\r\n\r\n .calculate-btn {\r\n display: block;\r\n width: 100%;\r\n padding: 15px;\r\n background: linear-gradient(45deg, var(--secondary-color), #5dade2);\r\n color: white;\r\n border: none;\r\n border-radius: 10px;\r\n font-size: 22px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n margin-top: 10px;\r\n }\r\n .calculate-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(52, 152, 219, 0.4); }\r\n\r\n #results-wrapper {\r\n margin-top: 40px;\r\n padding-top: 30px;\r\n border-top: 1px solid var(--border-color);\r\n display: none;\r\n }\r\n \r\n #suggestion-card {\r\n background: linear-gradient(135deg, var(--primary-color), #4a637e);\r\n color: white;\r\n padding: 25px;\r\n border-radius: 15px;\r\n text-align: center;\r\n margin-bottom: 30px;\r\n border-bottom: 5px solid var(--success-color);\r\n }\r\n #suggestion-card h3 { margin: 0 0 10px 0; font-size: 22px; }\r\n #suggestion-card p { margin: 0; font-size: 28px; font-weight: 700; color: var(--success-color); text-shadow: 0 0 10px rgba(39, 174, 96, 0.5); }\r\n #suggestion-card.warning { border-bottom-color: var(--warning-color); }\r\n #suggestion-card.warning p { color: var(--warning-color); text-shadow: 0 0 10px rgba(243, 156, 18, 0.5); }\r\n #suggestion-card.danger { border-bottom-color: var(--danger-color); }\r\n #suggestion-card.danger p { color: var(--danger-color); text-shadow: 0 0 10px rgba(231, 76, 60, 0.5); }\r\n #suggestion-card .suggestion-reason { font-size: 15px; color: #bdc3c7; margin-top: 10px; }\r\n\r\n .results-table-container {\r\n background-color: var(--surface-color);\r\n border-radius: 12px;\r\n box-shadow: var(--shadow);\r\n overflow: hidden;\r\n }\r\n .results-table { width: 100%; border-collapse: collapse; }\r\n .results-table th, .results-table td { padding: 15px 20px; text-align: right; border-bottom: 1px solid var(--border-color); }\r\n .results-table tr:last-child td { border-bottom: none; }\r\n .results-table th { background-color: #e9ecef; color: var(--primary-color); font-size: 16px; font-weight: 600; }\r\n .results-table td.item-name { font-weight: 600; color: var(--text-color); }\r\n .results-table td.item-value { font-weight: 700; font-size: 20px; color: var(--secondary-color); text-align: left; }\r\n .results-table tr.total-row td { font-size: 22px; font-weight: 800; color: var(--success-color); }\r\n .results-table tr.total-row { border-top: 3px solid var(--secondary-color); }\r\n\r\n .explanation-section {\r\n background-color: #fff;\r\n padding: 25px;\r\n margin-top: 30px;\r\n border-radius: 12px;\r\n box-shadow: var(--shadow);\r\n }\r\n .explanation-section p { line-height: 1.8; color: #555; }\r\n .explanation-section strong { color: var(--primary-color); }\r\n .explanation-section ul { padding-right: 20px; }\r\n .explanation-section li { margin-bottom: 10px; }\r\n\r\n .share-button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n padding: 12px;\r\n background-color: #25D366;\r\n color: white;\r\n border: none;\r\n border-radius: 10px;\r\n font-size: 18px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: background-color 0.3s;\r\n margin-top: 30px;\r\n text-align: center;\r\n text-decoration: none;\r\n }\r\n .share-button:hover { background-color: #128C7E; }\r\n\r\n .disclaimer { text-align: center; margin-top: 30px; font-size: 14px; color: #7f8c8d; padding: 15px; background-color: #fff; border-radius: 10px; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"calculator-container-pro\">\r\n <h2><i class=\"fa-solid fa-building-shield\" style=\"color: var(--secondary-color);\"><\/i> \u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a<\/h2>\r\n \r\n <div class=\"section-title\"><i class=\"fa-solid fa-ruler-combined\"><\/i> \u0645\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\r\n <div class=\"input-section\">\r\n <div class=\"input-group\"><label for=\"building-length\">\u0637\u0648\u0644 \u0627\u0644\u0645\u0628\u0646\u0649 (\u0645\u062a\u0631)<\/label><input type=\"number\" id=\"building-length\" value=\"20\"><\/div>\r\n <div class=\"input-group\"><label for=\"building-width\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0628\u0646\u0649 (\u0645\u062a\u0631)<\/label><input type=\"number\" id=\"building-width\" value=\"15\"><\/div>\r\n <div class=\"input-group\"><label for=\"num-floors\">\u0639\u062f\u062f \u0627\u0644\u0637\u0648\u0627\u0628\u0642<\/label><input type=\"number\" id=\"num-floors\" value=\"4\"><\/div>\r\n <div class=\"input-group\">\r\n <label for=\"soil-type\">\u0646\u0648\u0639 \u0627\u0644\u062a\u0631\u0628\u0629 (\u0648\u0645\u0624\u0634\u0631 \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u062a\u0631\u0628\u0629)<\/label>\r\n <select id=\"soil-type\">\r\n <option value=\"2.5\">\u0635\u062e\u0631\u064a\u0629 (SPT-N > 50)<\/option>\r\n <option value=\"1.5\" selected>\u0631\u0645\u0644\u064a\u0629\/\u0632\u0644\u0637\u064a\u0629 (SPT-N: 10-30)<\/option>\r\n <option value=\"1.0\">\u0637\u064a\u0646\u064a\u0629 (SPT-N: 4-8)<\/option>\r\n <option value=\"0.6\">\u0636\u0639\u064a\u0641\u0629\/\u0631\u062f\u0645 (SPT-N < 4)<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-title\"><i class=\"fa-solid fa-dollar-sign\"><\/i> \u0623\u0633\u0639\u0627\u0631 \u062a\u0642\u062f\u064a\u0631\u064a\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/div>\r\n <div class=\"pricing-section\">\r\n <div class=\"input-group\"><label for=\"concrete-price\">\u0633\u0639\u0631 \u0645\u062a\u0631 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/label><input type=\"number\" id=\"concrete-price\" value=\"1000\"><\/div>\r\n <div class=\"input-group\"><label for=\"rebar-price\">\u0633\u0639\u0631 \u0637\u0646 \u0627\u0644\u062d\u062f\u064a\u062f<\/label><input type=\"number\" id=\"rebar-price\" value=\"25000\"><\/div>\r\n <div class=\"input-group\"><label for=\"excavation-price\">\u0633\u0639\u0631 \u062d\u0641\u0631 \u0627\u0644\u0645\u062a\u0631 \u0627\u0644\u0645\u0643\u0639\u0628<\/label><input type=\"number\" id=\"excavation-price\" value=\"50\"><\/div>\r\n <\/div>\r\n\r\n <button class=\"calculate-btn\" onclick=\"runAnalysis()\"><i class=\"fa-solid fa-cogs\"><\/i> \u062d\u0644\u0644 \u0648\u0627\u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/button>\r\n\r\n <div id=\"results-wrapper\">\r\n <div id=\"suggestion-card\">\r\n <h3><i class=\"fa-solid fa-lightbulb\"><\/i> \u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0645\u0642\u062a\u0631\u062d \u0644\u0645\u0634\u0631\u0648\u0639\u0643:<\/h3>\r\n <p id=\"suggestion-text\"><\/p>\r\n <div class=\"suggestion-reason\" id=\"suggestion-reason-text\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"detailed-results\">\r\n <h3 class=\"section-title\" style=\"justify-content: center; font-size: 24px;\"><i class=\"fa-solid fa-table\"><\/i> \u062c\u062f\u0648\u0644 \u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a\u0629<\/h3>\r\n <div class=\"results-table-container\">\r\n <table class=\"results-table\">\r\n <thead>\r\n <tr>\r\n <th>\u0627\u0644\u0628\u0646\u062f<\/th>\r\n <th style=\"text-align: left;\">\u0627\u0644\u0643\u0645\u064a\u0629 \/ \u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"results-tbody\"><\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"explanation-section\" id=\"explanation-section\">\r\n <h3 class=\"section-title\"><i class=\"fa-solid fa-book-open\"><\/i> \u0643\u064a\u0641 \u0648\u0635\u0644\u0646\u0627 \u0644\u0647\u0630\u0647 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\u061f (\u0634\u0631\u062d \u0645\u0628\u0633\u0637)<\/h3>\r\n <p>\u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u062a\u0633\u062a\u062e\u062f\u0645 \u0645\u0639\u0627\u062f\u0644\u0627\u062a \u0647\u0646\u062f\u0633\u064a\u0629 \u062a\u0642\u062f\u064a\u0631\u064a\u0629 \u0634\u0627\u0626\u0639\u0629 \u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u062f\u062e\u0644\u0627\u062a\u0643. \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0627\u0633\u062a\u0631\u0634\u0627\u062f\u064a\u0629 \u0641\u0642\u0637.<\/p>\r\n <ul>\r\n <li><strong>\u0627\u0642\u062a\u0631\u0627\u062d \u0646\u0648\u0639 \u0627\u0644\u0623\u0633\u0627\u0633:<\/strong> \u064a\u062a\u0645 \u0623\u0648\u0644\u0627\u064b \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0643\u0644\u064a \u0644\u0644\u0645\u0628\u0646\u0649 (\u0648\u0632\u0646 \u0627\u0644\u0637\u0648\u0627\u0628\u0642) \u0648\u0645\u0642\u0627\u0631\u0646\u062a\u0647 \u0628\u0642\u062f\u0631\u0629 \u062a\u062d\u0645\u0644 \u0627\u0644\u062a\u0631\u0628\u0629 \u0627\u0644\u062a\u064a \u0627\u062e\u062a\u0631\u062a\u0647\u0627. \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u062a\u0631\u0628\u0629 \u0642\u0648\u064a\u0629 \u0648\u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0645\u0639\u0642\u0648\u0644\u0629\u060c \u062a\u0642\u062a\u0631\u062d \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \"\u0642\u0648\u0627\u0639\u062f \u0645\u0646\u0641\u0635\u0644\u0629\" \u0644\u0623\u0646\u0647\u0627 \u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629. \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0639\u0627\u0644\u064a\u0629 \u0623\u0648 \u0627\u0644\u062a\u0631\u0628\u0629 \u0645\u062a\u0648\u0633\u0637\u0629\u060c \u062a\u0642\u062a\u0631\u062d \"\u0644\u0628\u0634\u0629\" \u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u062d\u0645\u0644 \u0639\u0644\u0649 \u0645\u0633\u0627\u062d\u0629 \u0623\u0643\u0628\u0631. \u0623\u0645\u0627 \u0641\u064a \u0627\u0644\u062a\u0631\u0628\u0629 \u0627\u0644\u0636\u0639\u064a\u0641\u0629 \u062c\u062f\u0627\u064b\u060c \u0641\u062a\u0642\u062a\u0631\u062d \"\u062e\u0648\u0627\u0632\u064a\u0642\" \u0644\u0646\u0642\u0644 \u0627\u0644\u062d\u0645\u0644 \u0625\u0644\u0649 \u0637\u0628\u0642\u0627\u062a \u0623\u0639\u0645\u0642 \u0648\u0623\u0642\u0648\u0649.<\/li>\r\n <li><strong>\u0633\u0645\u0627\u0643\u0629 \u0627\u0644\u0623\u0633\u0627\u0633:<\/strong> \u062a\u0632\u064a\u062f \u0627\u0644\u0633\u0645\u0627\u0643\u0629 \u0628\u0634\u0643\u0644 \u0623\u0633\u0627\u0633\u064a \u0645\u0639 \u0632\u064a\u0627\u062f\u0629 \u0639\u062f\u062f \u0627\u0644\u0637\u0648\u0627\u0628\u0642 (\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0623\u062d\u0645\u0627\u0644)\u060c \u0648\u064a\u062a\u0645 \u062a\u0639\u062f\u064a\u0644\u0647\u0627 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0642\u0648\u0629 \u0627\u0644\u062a\u0631\u0628\u0629.<\/li>\r\n <li><strong>\u0643\u0645\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f:<\/strong> \u064a\u062a\u0645 \u062d\u0633\u0627\u0628\u0647\u0627 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u0628\u0646\u0649 \u0648\u0627\u0644\u0633\u0645\u0627\u0643\u0629 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629\u060c \u0645\u0639 \u0627\u0644\u0623\u062e\u0630 \u0641\u064a \u0627\u0644\u0627\u0639\u062a\u0628\u0627\u0631 \u0623\u0646 \u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0645\u0646\u0641\u0635\u0644\u0629 \u062a\u063a\u0637\u064a \u0646\u0633\u0628\u0629 \u0645\u0646 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 (\u062a\u0642\u062f\u064a\u0631\u064a\u0627\u064b 55%) \u0628\u064a\u0646\u0645\u0627 \u062a\u063a\u0637\u064a \u0627\u0644\u0644\u0628\u0634\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <a id=\"whatsapp-share-btn\" class=\"share-button\" href=\"#\" target=\"_blank\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>\u0634\u0627\u0631\u0643 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0644\u0649 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n <i class=\"fa-solid fa-file-export\"><\/i>\r\n <\/a>\r\n\r\n <p class=\"disclaimer\"><strong>\u062a\u0646\u0628\u064a\u0647 \u0647\u0627\u0645:<\/strong> \u0647\u0630\u0627 \u0645\u062c\u0631\u062f \u0627\u0642\u062a\u0631\u0627\u062d \u062a\u0642\u062f\u064a\u0631\u064a. \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0644\u0644\u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a \u0628\u0639\u062f \u062f\u0631\u0627\u0633\u0629 \u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u062a\u0642\u0631\u064a\u0631 \u0641\u062d\u0635 \u0627\u0644\u062a\u0631\u0628\u0629.<\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction runAnalysis() {\r\n try {\r\n \/\/ --- 1. Get All Inputs ---\r\n const length = parseFloat(document.getElementById('building-length').value) || 0;\r\n const width = parseFloat(document.getElementById('building-width').value) || 0;\r\n const floors = parseInt(document.getElementById('num-floors').value) || 0;\r\n const soilType = document.getElementById('soil-type');\r\n const soilBearingCapacity = parseFloat(soilType.value) || 1.5;\r\n const concretePrice = parseFloat(document.getElementById('concrete-price').value) || 0;\r\n const rebarPrice = parseFloat(document.getElementById('rebar-price').value) || 0;\r\n const excavationPrice = parseFloat(document.getElementById('excavation-price').value) || 0;\r\n\r\n if (length === 0 || width === 0 || floors === 0) {\r\n alert(\"\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062f\u062e\u0627\u0644 \u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0645\u0628\u0646\u0649 \u0648\u0639\u062f\u062f \u0627\u0644\u0637\u0648\u0627\u0628\u0642 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d.\");\r\n return;\r\n }\r\n\r\n \/\/ --- 2. Suggestion Logic ---\r\n const area = length * width;\r\n const stressOnSoil = (area * floors * 1.3) \/ area * 0.1;\r\n let suggestion = '';\r\n let reason = '';\r\n let cardClass = '';\r\n\r\n if (soilBearingCapacity < 0.8) {\r\n suggestion = '\u062e\u0648\u0627\u0632\u064a\u0642 (Piles)';\r\n reason = '\u0627\u0644\u062a\u0631\u0628\u0629 \u0636\u0639\u064a\u0641\u0629 \u062c\u062f\u0627\u064b \u0648\u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u0623\u0633\u064a\u0633 \u0639\u0644\u064a\u0647\u0627 \u0645\u0628\u0627\u0634\u0631\u0629.';\r\n cardClass = 'danger';\r\n } else if (stressOnSoil > soilBearingCapacity * 0.65 || (soilBearingCapacity < 1.2 && floors > 5)) {\r\n suggestion = '\u0644\u0628\u0634\u0629 (Raft)';\r\n reason = '\u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0645\u0631\u062a\u0641\u0639\u0629 \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0642\u062f\u0631\u0629 \u0627\u0644\u062a\u0631\u0628\u0629\u060c \u0648\u0627\u0644\u0644\u0628\u0634\u0629 \u062a\u0648\u0632\u0639 \u0627\u0644\u062d\u0645\u0644 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644.';\r\n cardClass = 'warning';\r\n } else {\r\n suggestion = '\u0642\u0648\u0627\u0639\u062f \u0645\u0646\u0641\u0635\u0644\u0629 (Isolated Footings)';\r\n reason = '\u0627\u0644\u062a\u0631\u0628\u0629 \u0642\u0648\u064a\u0629 \u0648\u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0645\u0639\u062a\u062f\u0644\u0629\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0645\u0646\u0641\u0635\u0644\u0629 \u0627\u0644\u062d\u0644 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a.';\r\n cardClass = 'success';\r\n }\r\n\r\n \/\/ --- 3. Display Suggestion ---\r\n const resultsWrapper = document.getElementById('results-wrapper');\r\n const suggestionCard = document.getElementById('suggestion-card');\r\n document.getElementById('suggestion-text').textContent = suggestion;\r\n document.getElementById('suggestion-reason-text').textContent = reason;\r\n suggestionCard.className = cardClass;\r\n resultsWrapper.style.display = 'block';\r\n\r\n \/\/ --- 4. Calculate and Display Table ---\r\n const detailedResults = document.getElementById('detailed-results');\r\n const tableBody = document.getElementById('results-tbody');\r\n const explanationSection = document.getElementById('explanation-section');\r\n const whatsappBtn = document.getElementById('whatsapp-share-btn');\r\n tableBody.innerHTML = ''; \r\n\r\n \/\/ --- 5. Prepare WhatsApp Message ---\r\n let whatsappMessage = `*\u0647\u0630\u0647 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0642\u062f\u0645\u0629 \u0645\u0646 \u0645\u0648\u0642\u0639 \u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646*\r\n\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0627\u0628\u0639\u0646\u0627 \u0639\u0644\u0649 \u0648\u0627\u062a\u0633\u0627\u0628: +201550507700\r\n-------------------------\r\n*\u0645\u0644\u062e\u0635 \u062a\u0642\u062f\u064a\u0631\u064a \u0644\u0645\u0634\u0631\u0648\u0639\u0643:*\r\n- *\u0627\u0644\u0645\u0633\u0627\u062d\u0629:* ${area} \u0645\u00b2\r\n- *\u0639\u062f\u062f \u0627\u0644\u0637\u0648\u0627\u0628\u0642:* ${floors}\r\n- *\u0646\u0648\u0639 \u0627\u0644\u062a\u0631\u0628\u0629:* ${soilType.options[soilType.selectedIndex].text}\r\n-------------------------\r\n*\u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0645\u0642\u062a\u0631\u062d: ${suggestion}*\r\n-------------------------\r\n`;\r\n\r\n if (suggestion === '\u062e\u0648\u0627\u0632\u064a\u0642 (Piles)') {\r\n detailedResults.style.display = 'none';\r\n explanationSection.style.display = 'none';\r\n whatsappMessage += \"\u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0635\u0645\u064a\u0645 \u062e\u0648\u0627\u0632\u064a\u0642 \u0628\u0648\u0627\u0633\u0637\u0629 \u0645\u0647\u0646\u062f\u0633 \u0645\u062a\u062e\u0635\u0635.\";\r\n } else {\r\n detailedResults.style.display = 'block';\r\n explanationSection.style.display = 'block';\r\n \r\n const isIsolated = (suggestion === '\u0642\u0648\u0627\u0639\u062f \u0645\u0646\u0641\u0635\u0644\u0629 (Isolated Footings)');\r\n const thicknessRatio = isIsolated ? 0.7 : 1.0;\r\n const concreteAreaRatio = isIsolated ? 0.55 : 1.0;\r\n\r\n let baseThickness = 40 + (floors * 4);\r\n let soilAdjustmentFactor = (stressOnSoil > soilBearingCapacity * 0.8) ? (stressOnSoil \/ (soilBearingCapacity * 0.8)) : 1.0;\r\n let thickness = Math.ceil((baseThickness * Math.sqrt(soilAdjustmentFactor) * thicknessRatio) \/ 5) * 5;\r\n if (thickness < 40) thickness = 40;\r\n\r\n let rebarRatio = 70 + (floors * 3) + (10 \/ soilBearingCapacity);\r\n if (rebarRatio > 120) rebarRatio = 120;\r\n\r\n const concreteVolume = (area * concreteAreaRatio) * (thickness \/ 100);\r\n const totalRebarWeight = (concreteVolume * rebarRatio) \/ 1000;\r\n const excavationVolume = (area * concreteAreaRatio) * ((thickness \/ 100) + 0.30);\r\n \r\n const excavationCost = excavationVolume * excavationPrice;\r\n const concreteCost = concreteVolume * concretePrice;\r\n const rebarCost = totalRebarWeight * rebarPrice;\r\n const totalCost = concreteCost + rebarCost + excavationCost;\r\n\r\n let rows = `\r\n <tr><td class=\"item-name\"><strong><i class=\"fa-solid fa-ruler-vertical\" style=\"color:#95a5a6;\"><\/i> \u0633\u0645\u0627\u0643\u0629 \u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629<\/strong><\/td><td class=\"item-value\">${thickness.toFixed(0)} <span style=\"font-size:14px;\">\u0633\u0645<\/span><\/td><\/tr>\r\n <tr><td class=\"item-name\"><i class=\"fa-solid fa-cubes\" style=\"color:#95a5a6;\"><\/i> \u062d\u062c\u0645 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/td><td class=\"item-value\">${concreteVolume.toFixed(2)} <span style=\"font-size:14px;\">\u0645\u00b3<\/span><\/td><\/tr>\r\n <tr><td class=\"item-name\"><i class=\"fa-solid fa-weight-hanging\" style=\"color:#95a5a6;\"><\/i> \u0648\u0632\u0646 \u062d\u062f\u064a\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u062d<\/td><td class=\"item-value\">${totalRebarWeight.toFixed(2)} <span style=\"font-size:14px;\">\u0637\u0646<\/span><\/td><\/tr>\r\n <tr><td class=\"item-name\"><i class=\"fa-solid fa-truck-pickup\" style=\"color:#95a5a6;\"><\/i> \u0643\u0645\u064a\u0629 \u0627\u0644\u062d\u0641\u0631<\/td><td class=\"item-value\">${excavationVolume.toFixed(2)} <span style=\"font-size:14px;\">\u0645\u00b3<\/span><\/td><\/tr>\r\n <tr class=\"total-row\">\r\n <td class=\"item-name\"><strong><i class=\"fa-solid fa-wallet\"><\/i> \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0644\u0644\u0645\u0648\u0627\u062f \u0648\u0627\u0644\u062d\u0641\u0631<\/strong><\/td>\r\n <td class=\"item-value\">${new Intl.NumberFormat('ar-EG').format(totalCost.toFixed(0))} <span style=\"font-size:14px;\">\u0639\u0645\u0644\u0629<\/span><\/td>\r\n <\/tr>\r\n `;\r\n tableBody.innerHTML = rows;\r\n\r\n whatsappMessage += `*\u0627\u0644\u0643\u0645\u064a\u0627\u062a:*\r\n- \u0633\u0645\u0627\u0643\u0629 \u0627\u0644\u0623\u0633\u0627\u0633: ${thickness.toFixed(0)} \u0633\u0645\r\n- \u062d\u062c\u0645 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629: ${concreteVolume.toFixed(2)} \u0645\u00b3\r\n- \u0648\u0632\u0646 \u0627\u0644\u062d\u062f\u064a\u062f: ${totalRebarWeight.toFixed(2)} \u0637\u0646\r\n-------------------------\r\n*\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0628\u064a\u0629: ${new Intl.NumberFormat('ar-EG').format(totalCost.toFixed(0))} \u0639\u0645\u0644\u0629*\r\n\r\n(\u0647\u0630\u0647 \u0623\u0631\u0642\u0627\u0645 \u062a\u0642\u062f\u064a\u0631\u064a\u0629 \u0648\u0644\u0627 \u062a\u063a\u0646\u064a \u0639\u0646 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u0647\u0646\u062f\u0633)`;\r\n }\r\n \r\n whatsappBtn.href = `https:\/\/api.whatsapp.com\/send?text=${encodeURIComponent(whatsappMessage)}`;\r\n resultsWrapper.scrollIntoView({ behavior: 'smooth' });\r\n\r\n } catch (e) {\r\n alert(\"\u062d\u062f\u062b \u062e\u0637\u0623 \u063a\u064a\u0631 \u0645\u062a\u0648\u0642\u0639. \u0627\u0644\u0631\u062c\u0627\u0621 \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0623\u0646 \u0643\u0644 \u0627\u0644\u0645\u062f\u062e\u0644\u0627\u062a \u0623\u0631\u0642\u0627\u0645 \u0635\u062d\u064a\u062d\u0629. \u0627\u0644\u062e\u0637\u0623: \" + e.message);\r\n }\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[24128],"tags":[],"class_list":["post-52641","post","type-post","status-publish","format-standard","hentry","category-24128"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":55756,"url":"https:\/\/engeg.com\/b\/2026\/01\/19\/seramek\/","url_meta":{"origin":52641,"position":0},"title":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0633\u064a\u0631\u0627\u0645\u064a\u0643","author":"interior","date":"\u064a\u0646\u0627\u064a\u0631 19, 2026","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":53121,"url":"https:\/\/engeg.com\/b\/2025\/09\/07\/%d9%87%d9%8a%d9%83%d9%84-%d8%ac\/","url_meta":{"origin":52641,"position":1},"title":"\u0647\u064a\u0643\u0644 \u062c","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 7, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":55750,"url":"https:\/\/engeg.com\/b\/2026\/01\/19\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\/","url_meta":{"origin":52641,"position":2},"title":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0637\u0648\u0628","author":"interior","date":"\u064a\u0646\u0627\u064a\u0631 19, 2026","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":53091,"url":"https:\/\/engeg.com\/b\/2025\/09\/05\/%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d9%87%d9%8a%d9%83%d9%84-%d8%ac\/","url_meta":{"origin":52641,"position":3},"title":"\u062a\u062c\u0631\u0628\u0629 \u0647\u064a\u0643\u0644 \u062c","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 5, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":52718,"url":"https:\/\/engeg.com\/b\/2025\/08\/31\/%d8%ad%d8%a7%d8%b3%d8%a8%d9%87-%d9%83%d9%85%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d8%b5%d8%a8\/","url_meta":{"origin":52641,"position":4},"title":"\u062d\u0627\u0633\u0628\u0647 \u0643\u0645\u064a\u0627\u062a \u0627\u0644\u0635\u0628","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 31, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":52693,"url":"https:\/\/engeg.com\/b\/2025\/08\/30\/%d8%ad%d8%a7%d8%b3%d8%a8%d9%87-%d8%ad%d8%af%d9%8a%d8%af-%d8%a7%d9%84%d9%82%d9%88%d8%a7%d8%b9%d8%af\/","url_meta":{"origin":52641,"position":5},"title":"\u062d\u0627\u0633\u0628\u0647 \u062d\u062f\u064a\u062f \u0627\u0644\u0642\u0648\u0627\u0639\u062f","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 30, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/52641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/comments?post=52641"}],"version-history":[{"count":1,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/52641\/revisions"}],"predecessor-version":[{"id":52642,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/52641\/revisions\/52642"}],"wp:attachment":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/media?parent=52641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/categories?post=52641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/tags?post=52641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\r\n\r\n\r\n\r\n\r\n\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a (\u0627\u0644\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a)<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<style>\r\n :root {\r\n --primary-color: #2c3e50;\r\n --secondary-color: #3498db;\r\n --background-color: #f4f7f9;\r\n --surface-color: #ffffff;\r\n --text-color: #34495e;\r\n --success-color: #27ae60;\r\n --warning-color: #f39c12;\r\n --danger-color: #e74c3c;\r\n --border-color: #dfe6e9;\r\n --shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .calculator-container-pro {\r\n font-family: 'Cairo', 'Segoe UI', sans-serif;\r\n background-color: var(--background-color);\r\n padding: 30px;\r\n border-radius: 20px;\r\n max-width: 850px;\r\n margin: 30px auto;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--border-color);\r\n }\r\n\r\n .calculator-container-pro h2 {\r\n color: var(--primary-color);\r\n text-align: center;\r\n margin-bottom: 30px;\r\n font-size: 28px;\r\n font-weight: 700;\r\n }\r\n\r\n .section-title {\r\n font-size: 20px;\r\n color: var(--primary-color);\r\n margin-bottom: 20px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--secondary-color);\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .input-section, .pricing-section {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 22px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .input-group { display: flex; flex-direction: column; }\r\n .input-group label { margin-bottom: 8px; font-weight: 600; color: var(--text-color); font-size: 16px; }\r\n .input-group input, .input-group select { padding: 12px 15px; border: 1px solid var(--border-color); border-radius: 8px; font-size: 16px; transition: all 0.3s; width: 100%; box-sizing: border-box; background-color: #fff; }\r\n .input-group input:focus, .input-group select:focus { outline: none; border-color: var(--secondary-color); box-shadow: 0 0 8px rgba(52, 152, 219, 0.3); }\r\n\r\n .calculate-btn {\r\n display: block;\r\n width: 100%;\r\n padding: 15px;\r\n background: linear-gradient(45deg, var(--secondary-color), #5dade2);\r\n color: white;\r\n border: none;\r\n border-radius: 10px;\r\n font-size: 22px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n margin-top: 10px;\r\n }\r\n .calculate-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(52, 152, 219, 0.4); }\r\n\r\n #results-wrapper {\r\n margin-top: 40px;\r\n padding-top: 30px;\r\n border-top: 1px solid var(--border-color);\r\n display: none;\r\n }\r\n \r\n #suggestion-card {\r\n background: linear-gradient(135deg, var(--primary-color), #4a637e);\r\n color: white;\r\n padding: 25px;\r\n border-radius: 15px;\r\n text-align: center;\r\n margin-bottom: 30px;\r\n border-bottom: 5px solid var(--success-color);\r\n }\r\n #suggestion-card h3 { margin: 0 0 10px 0; font-size: 22px; }\r\n #suggestion-card p { margin: 0; font-size: 28px; font-weight: 700; color: var(--success-color); text-shadow: 0 0 10px rgba(39, 174, 96, 0.5); }\r\n #suggestion-card.warning { border-bottom-color: var(--warning-color); }\r\n #suggestion-card.warning p { color: var(--warning-color); text-shadow: 0 0 10px rgba(243, 156, 18, 0.5); }\r\n #suggestion-card.danger { border-bottom-color: var(--danger-color); }\r\n #suggestion-card.danger p { color: var(--danger-color); text-shadow: 0 0 10px rgba(231, 76, 60, 0.5); }\r\n #suggestion-card .suggestion-reason { font-size: 15px; color: #bdc3c7; margin-top: 10px; }\r\n\r\n .results-table-container {\r\n background-color: var(--surface-color);\r\n border-radius: 12px;\r\n box-shadow: var(--shadow);\r\n overflow: hidden;\r\n }\r\n .results-table { width: 100%; border-collapse: collapse; }\r\n .results-table th, .results-table td { padding: 15px 20px; text-align: right; border-bottom: 1px solid var(--border-color); }\r\n .results-table tr:last-child td { border-bottom: none; }\r\n .results-table th { background-color: #e9ecef; color: var(--primary-color); font-size: 16px; font-weight: 600; }\r\n .results-table td.item-name { font-weight: 600; color: var(--text-color); }\r\n .results-table td.item-value { font-weight: 700; font-size: 20px; color: var(--secondary-color); text-align: left; }\r\n .results-table tr.total-row td { font-size: 22px; font-weight: 800; color: var(--success-color); }\r\n .results-table tr.total-row { border-top: 3px solid var(--secondary-color); }\r\n\r\n .explanation-section {\r\n background-color: #fff;\r\n padding: 25px;\r\n margin-top: 30px;\r\n border-radius: 12px;\r\n box-shadow: var(--shadow);\r\n }\r\n .explanation-section p { line-height: 1.8; color: #555; }\r\n .explanation-section strong { color: var(--primary-color); }\r\n .explanation-section ul { padding-right: 20px; }\r\n .explanation-section li { margin-bottom: 10px; }\r\n\r\n .share-button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n padding: 12px;\r\n background-color: #25D366;\r\n color: white;\r\n border: none;\r\n border-radius: 10px;\r\n font-size: 18px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: background-color 0.3s;\r\n margin-top: 30px;\r\n text-align: center;\r\n text-decoration: none;\r\n }\r\n .share-button:hover { background-color: #128C7E; }\r\n\r\n .disclaimer { text-align: center; margin-top: 30px; font-size: 14px; color: #7f8c8d; padding: 15px; background-color: #fff; border-radius: 10px; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"calculator-container-pro\">\r\n <h2><i class=\"fa-solid fa-building-shield\" style=\"color: var(--secondary-color);\"><\/i> \u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a<\/h2>\r\n \r\n <div class=\"section-title\"><i class=\"fa-solid fa-ruler-combined\"><\/i> \u0645\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\r\n <div class=\"input-section\">\r\n <div class=\"input-group\"><label for=\"building-length\">\u0637\u0648\u0644 \u0627\u0644\u0645\u0628\u0646\u0649 (\u0645\u062a\u0631)<\/label><input type=\"number\" id=\"building-length\" value=\"20\"><\/div>\r\n <div class=\"input-group\"><label for=\"building-width\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0628\u0646\u0649 (\u0645\u062a\u0631)<\/label><input type=\"number\" id=\"building-width\" value=\"15\"><\/div>\r\n <div class=\"input-group\"><label for=\"num-floors\">\u0639\u062f\u062f \u0627\u0644\u0637\u0648\u0627\u0628\u0642<\/label><input type=\"number\" id=\"num-floors\" value=\"4\"><\/div>\r\n <div class=\"input-group\">\r\n <label for=\"soil-type\">\u0646\u0648\u0639 \u0627\u0644\u062a\u0631\u0628\u0629 (\u0648\u0645\u0624\u0634\u0631 \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u062a\u0631\u0628\u0629)<\/label>\r\n <select id=\"soil-type\">\r\n <option value=\"2.5\">\u0635\u062e\u0631\u064a\u0629 (SPT-N > 50)<\/option>\r\n <option value=\"1.5\" selected>\u0631\u0645\u0644\u064a\u0629\/\u0632\u0644\u0637\u064a\u0629 (SPT-N: 10-30)<\/option>\r\n <option value=\"1.0\">\u0637\u064a\u0646\u064a\u0629 (SPT-N: 4-8)<\/option>\r\n <option value=\"0.6\">\u0636\u0639\u064a\u0641\u0629\/\u0631\u062f\u0645 (SPT-N < 4)<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-title\"><i class=\"fa-solid fa-dollar-sign\"><\/i> \u0623\u0633\u0639\u0627\u0631 \u062a\u0642\u062f\u064a\u0631\u064a\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/div>\r\n <div class=\"pricing-section\">\r\n <div class=\"input-group\"><label for=\"concrete-price\">\u0633\u0639\u0631 \u0645\u062a\u0631 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/label><input type=\"number\" id=\"concrete-price\" value=\"1000\"><\/div>\r\n <div class=\"input-group\"><label for=\"rebar-price\">\u0633\u0639\u0631 \u0637\u0646 \u0627\u0644\u062d\u062f\u064a\u062f<\/label><input type=\"number\" id=\"rebar-price\" value=\"25000\"><\/div>\r\n <div class=\"input-group\"><label for=\"excavation-price\">\u0633\u0639\u0631 \u062d\u0641\u0631 \u0627\u0644\u0645\u062a\u0631 \u0627\u0644\u0645\u0643\u0639\u0628<\/label><input type=\"number\" id=\"excavation-price\" value=\"50\"><\/div>\r\n <\/div>\r\n\r\n <button class=\"calculate-btn\" onclick=\"runAnalysis()\"><i class=\"fa-solid fa-cogs\"><\/i> \u062d\u0644\u0644 \u0648\u0627\u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/button>\r\n\r\n <div id=\"results-wrapper\">\r\n <div id=\"suggestion-card\">\r\n <h3><i class=\"fa-solid fa-lightbulb\"><\/i> \u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0645\u0642\u062a\u0631\u062d \u0644\u0645\u0634\u0631\u0648\u0639\u0643:<\/h3>\r\n <p id=\"suggestion-text\"><\/p>\r\n <div class=\"suggestion-reason\" id=\"suggestion-reason-text\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"detailed-results\">\r\n <h3 class=\"section-title\" style=\"justify-content: center; font-size: 24px;\"><i class=\"fa-solid fa-table\"><\/i> \u062c\u062f\u0648\u0644 \u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a\u0629<\/h3>\r\n <div class=\"results-table-container\">\r\n <table class=\"results-table\">\r\n <thead>\r\n <tr>\r\n <th>\u0627\u0644\u0628\u0646\u062f<\/th>\r\n <th style=\"text-align: left;\">\u0627\u0644\u0643\u0645\u064a\u0629 \/ \u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"results-tbody\"><\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"explanation-section\" id=\"explanation-section\">\r\n <h3 class=\"section-title\"><i class=\"fa-solid fa-book-open\"><\/i> \u0643\u064a\u0641 \u0648\u0635\u0644\u0646\u0627 \u0644\u0647\u0630\u0647 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\u061f (\u0634\u0631\u062d \u0645\u0628\u0633\u0637)<\/h3>\r\n <p>\u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u062a\u0633\u062a\u062e\u062f\u0645 \u0645\u0639\u0627\u062f\u0644\u0627\u062a \u0647\u0646\u062f\u0633\u064a\u0629 \u062a\u0642\u062f\u064a\u0631\u064a\u0629 \u0634\u0627\u0626\u0639\u0629 \u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u062f\u062e\u0644\u0627\u062a\u0643. \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0627\u0633\u062a\u0631\u0634\u0627\u062f\u064a\u0629 \u0641\u0642\u0637.<\/p>\r\n <ul>\r\n <li><strong>\u0627\u0642\u062a\u0631\u0627\u062d \u0646\u0648\u0639 \u0627\u0644\u0623\u0633\u0627\u0633:<\/strong> \u064a\u062a\u0645 \u0623\u0648\u0644\u0627\u064b \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u062d\u0645\u0644 \u0627\u0644\u0643\u0644\u064a \u0644\u0644\u0645\u0628\u0646\u0649 (\u0648\u0632\u0646 \u0627\u0644\u0637\u0648\u0627\u0628\u0642) \u0648\u0645\u0642\u0627\u0631\u0646\u062a\u0647 \u0628\u0642\u062f\u0631\u0629 \u062a\u062d\u0645\u0644 \u0627\u0644\u062a\u0631\u0628\u0629 \u0627\u0644\u062a\u064a \u0627\u062e\u062a\u0631\u062a\u0647\u0627. \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u062a\u0631\u0628\u0629 \u0642\u0648\u064a\u0629 \u0648\u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0645\u0639\u0642\u0648\u0644\u0629\u060c \u062a\u0642\u062a\u0631\u062d \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \"\u0642\u0648\u0627\u0639\u062f \u0645\u0646\u0641\u0635\u0644\u0629\" \u0644\u0623\u0646\u0647\u0627 \u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629. \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0639\u0627\u0644\u064a\u0629 \u0623\u0648 \u0627\u0644\u062a\u0631\u0628\u0629 \u0645\u062a\u0648\u0633\u0637\u0629\u060c \u062a\u0642\u062a\u0631\u062d \"\u0644\u0628\u0634\u0629\" \u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u062d\u0645\u0644 \u0639\u0644\u0649 \u0645\u0633\u0627\u062d\u0629 \u0623\u0643\u0628\u0631. \u0623\u0645\u0627 \u0641\u064a \u0627\u0644\u062a\u0631\u0628\u0629 \u0627\u0644\u0636\u0639\u064a\u0641\u0629 \u062c\u062f\u0627\u064b\u060c \u0641\u062a\u0642\u062a\u0631\u062d \"\u062e\u0648\u0627\u0632\u064a\u0642\" \u0644\u0646\u0642\u0644 \u0627\u0644\u062d\u0645\u0644 \u0625\u0644\u0649 \u0637\u0628\u0642\u0627\u062a \u0623\u0639\u0645\u0642 \u0648\u0623\u0642\u0648\u0649.<\/li>\r\n <li><strong>\u0633\u0645\u0627\u0643\u0629 \u0627\u0644\u0623\u0633\u0627\u0633:<\/strong> \u062a\u0632\u064a\u062f \u0627\u0644\u0633\u0645\u0627\u0643\u0629 \u0628\u0634\u0643\u0644 \u0623\u0633\u0627\u0633\u064a \u0645\u0639 \u0632\u064a\u0627\u062f\u0629 \u0639\u062f\u062f \u0627\u0644\u0637\u0648\u0627\u0628\u0642 (\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0623\u062d\u0645\u0627\u0644)\u060c \u0648\u064a\u062a\u0645 \u062a\u0639\u062f\u064a\u0644\u0647\u0627 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0642\u0648\u0629 \u0627\u0644\u062a\u0631\u0628\u0629.<\/li>\r\n <li><strong>\u0643\u0645\u064a\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u062f:<\/strong> \u064a\u062a\u0645 \u062d\u0633\u0627\u0628\u0647\u0627 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u0628\u0646\u0649 \u0648\u0627\u0644\u0633\u0645\u0627\u0643\u0629 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629\u060c \u0645\u0639 \u0627\u0644\u0623\u062e\u0630 \u0641\u064a \u0627\u0644\u0627\u0639\u062a\u0628\u0627\u0631 \u0623\u0646 \u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0645\u0646\u0641\u0635\u0644\u0629 \u062a\u063a\u0637\u064a \u0646\u0633\u0628\u0629 \u0645\u0646 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 (\u062a\u0642\u062f\u064a\u0631\u064a\u0627\u064b 55%) \u0628\u064a\u0646\u0645\u0627 \u062a\u063a\u0637\u064a \u0627\u0644\u0644\u0628\u0634\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <a id=\"whatsapp-share-btn\" class=\"share-button\" href=\"#\" target=\"_blank\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>\u0634\u0627\u0631\u0643 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0644\u0649 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n <i class=\"fa-solid fa-file-export\"><\/i>\r\n <\/a>\r\n\r\n <p class=\"disclaimer\"><strong>\u062a\u0646\u0628\u064a\u0647 \u0647\u0627\u0645:<\/strong> \u0647\u0630\u0627 \u0645\u062c\u0631\u062f \u0627\u0642\u062a\u0631\u0627\u062d \u062a\u0642\u062f\u064a\u0631\u064a. \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0644\u0644\u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a \u0628\u0639\u062f \u062f\u0631\u0627\u0633\u0629 \u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u062a\u0642\u0631\u064a\u0631 \u0641\u062d\u0635 \u0627\u0644\u062a\u0631\u0628\u0629.<\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction runAnalysis() {\r\n try {\r\n \/\/ --- 1. Get All Inputs ---\r\n const length = parseFloat(document.getElementById('building-length').value) || 0;\r\n const width = parseFloat(document.getElementById('building-width').value) || 0;\r\n const floors = parseInt(document.getElementById('num-floors').value) || 0;\r\n const soilType = document.getElementById('soil-type');\r\n const soilBearingCapacity = parseFloat(soilType.value) || 1.5;\r\n const concretePrice = parseFloat(document.getElementById('concrete-price').value) || 0;\r\n const rebarPrice = parseFloat(document.getElementById('rebar-price').value) || 0;\r\n const excavationPrice = parseFloat(document.getElementById('excavation-price').value) || 0;\r\n\r\n if (length === 0 || width === 0 || floors === 0) {\r\n alert(\"\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062f\u062e\u0627\u0644 \u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0645\u0628\u0646\u0649 \u0648\u0639\u062f\u062f \u0627\u0644\u0637\u0648\u0627\u0628\u0642 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d.\");\r\n return;\r\n }\r\n\r\n \/\/ --- 2. Suggestion Logic ---\r\n const area = length * width;\r\n const stressOnSoil = (area * floors * 1.3) \/ area * 0.1;\r\n let suggestion = '';\r\n let reason = '';\r\n let cardClass = '';\r\n\r\n if (soilBearingCapacity < 0.8) {\r\n suggestion = '\u062e\u0648\u0627\u0632\u064a\u0642 (Piles)';\r\n reason = '\u0627\u0644\u062a\u0631\u0628\u0629 \u0636\u0639\u064a\u0641\u0629 \u062c\u062f\u0627\u064b \u0648\u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u0623\u0633\u064a\u0633 \u0639\u0644\u064a\u0647\u0627 \u0645\u0628\u0627\u0634\u0631\u0629.';\r\n cardClass = 'danger';\r\n } else if (stressOnSoil > soilBearingCapacity * 0.65 || (soilBearingCapacity < 1.2 && floors > 5)) {\r\n suggestion = '\u0644\u0628\u0634\u0629 (Raft)';\r\n reason = '\u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0645\u0631\u062a\u0641\u0639\u0629 \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0642\u062f\u0631\u0629 \u0627\u0644\u062a\u0631\u0628\u0629\u060c \u0648\u0627\u0644\u0644\u0628\u0634\u0629 \u062a\u0648\u0632\u0639 \u0627\u0644\u062d\u0645\u0644 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644.';\r\n cardClass = 'warning';\r\n } else {\r\n suggestion = '\u0642\u0648\u0627\u0639\u062f \u0645\u0646\u0641\u0635\u0644\u0629 (Isolated Footings)';\r\n reason = '\u0627\u0644\u062a\u0631\u0628\u0629 \u0642\u0648\u064a\u0629 \u0648\u0627\u0644\u0623\u062d\u0645\u0627\u0644 \u0645\u0639\u062a\u062f\u0644\u0629\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0645\u0646\u0641\u0635\u0644\u0629 \u0627\u0644\u062d\u0644 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a.';\r\n cardClass = 'success';\r\n }\r\n\r\n \/\/ --- 3. Display Suggestion ---\r\n const resultsWrapper = document.getElementById('results-wrapper');\r\n const suggestionCard = document.getElementById('suggestion-card');\r\n document.getElementById('suggestion-text').textContent = suggestion;\r\n document.getElementById('suggestion-reason-text').textContent = reason;\r\n suggestionCard.className = cardClass;\r\n resultsWrapper.style.display = 'block';\r\n\r\n \/\/ --- 4. Calculate and Display Table ---\r\n const detailedResults = document.getElementById('detailed-results');\r\n const tableBody = document.getElementById('results-tbody');\r\n const explanationSection = document.getElementById('explanation-section');\r\n const whatsappBtn = document.getElementById('whatsapp-share-btn');\r\n tableBody.innerHTML = ''; \r\n\r\n \/\/ --- 5. Prepare WhatsApp Message ---\r\n let whatsappMessage = `*\u0647\u0630\u0647 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0642\u062f\u0645\u0629 \u0645\u0646 \u0645\u0648\u0642\u0639 \u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646*\r\n\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0627\u0628\u0639\u0646\u0627 \u0639\u0644\u0649 \u0648\u0627\u062a\u0633\u0627\u0628: +201550507700\r\n-------------------------\r\n*\u0645\u0644\u062e\u0635 \u062a\u0642\u062f\u064a\u0631\u064a \u0644\u0645\u0634\u0631\u0648\u0639\u0643:*\r\n- *\u0627\u0644\u0645\u0633\u0627\u062d\u0629:* ${area} \u0645\u00b2\r\n- *\u0639\u062f\u062f \u0627\u0644\u0637\u0648\u0627\u0628\u0642:* ${floors}\r\n- *\u0646\u0648\u0639 \u0627\u0644\u062a\u0631\u0628\u0629:* ${soilType.options[soilType.selectedIndex].text}\r\n-------------------------\r\n*\u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0645\u0642\u062a\u0631\u062d: ${suggestion}*\r\n-------------------------\r\n`;\r\n\r\n if (suggestion === '\u062e\u0648\u0627\u0632\u064a\u0642 (Piles)') {\r\n detailedResults.style.display = 'none';\r\n explanationSection.style.display = 'none';\r\n whatsappMessage += \"\u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0635\u0645\u064a\u0645 \u062e\u0648\u0627\u0632\u064a\u0642 \u0628\u0648\u0627\u0633\u0637\u0629 \u0645\u0647\u0646\u062f\u0633 \u0645\u062a\u062e\u0635\u0635.\";\r\n } else {\r\n detailedResults.style.display = 'block';\r\n explanationSection.style.display = 'block';\r\n \r\n const isIsolated = (suggestion === '\u0642\u0648\u0627\u0639\u062f \u0645\u0646\u0641\u0635\u0644\u0629 (Isolated Footings)');\r\n const thicknessRatio = isIsolated ? 0.7 : 1.0;\r\n const concreteAreaRatio = isIsolated ? 0.55 : 1.0;\r\n\r\n let baseThickness = 40 + (floors * 4);\r\n let soilAdjustmentFactor = (stressOnSoil > soilBearingCapacity * 0.8) ? (stressOnSoil \/ (soilBearingCapacity * 0.8)) : 1.0;\r\n let thickness = Math.ceil((baseThickness * Math.sqrt(soilAdjustmentFactor) * thicknessRatio) \/ 5) * 5;\r\n if (thickness < 40) thickness = 40;\r\n\r\n let rebarRatio = 70 + (floors * 3) + (10 \/ soilBearingCapacity);\r\n if (rebarRatio > 120) rebarRatio = 120;\r\n\r\n const concreteVolume = (area * concreteAreaRatio) * (thickness \/ 100);\r\n const totalRebarWeight = (concreteVolume * rebarRatio) \/ 1000;\r\n const excavationVolume = (area * concreteAreaRatio) * ((thickness \/ 100) + 0.30);\r\n \r\n const excavationCost = excavationVolume * excavationPrice;\r\n const concreteCost = concreteVolume * concretePrice;\r\n const rebarCost = totalRebarWeight * rebarPrice;\r\n const totalCost = concreteCost + rebarCost + excavationCost;\r\n\r\n let rows = `\r\n <tr><td class=\"item-name\"><strong><i class=\"fa-solid fa-ruler-vertical\" style=\"color:#95a5a6;\"><\/i> \u0633\u0645\u0627\u0643\u0629 \u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629<\/strong><\/td><td class=\"item-value\">${thickness.toFixed(0)} <span style=\"font-size:14px;\">\u0633\u0645<\/span><\/td><\/tr>\r\n <tr><td class=\"item-name\"><i class=\"fa-solid fa-cubes\" style=\"color:#95a5a6;\"><\/i> \u062d\u062c\u0645 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/td><td class=\"item-value\">${concreteVolume.toFixed(2)} <span style=\"font-size:14px;\">\u0645\u00b3<\/span><\/td><\/tr>\r\n <tr><td class=\"item-name\"><i class=\"fa-solid fa-weight-hanging\" style=\"color:#95a5a6;\"><\/i> \u0648\u0632\u0646 \u062d\u062f\u064a\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u062d<\/td><td class=\"item-value\">${totalRebarWeight.toFixed(2)} <span style=\"font-size:14px;\">\u0637\u0646<\/span><\/td><\/tr>\r\n <tr><td class=\"item-name\"><i class=\"fa-solid fa-truck-pickup\" style=\"color:#95a5a6;\"><\/i> \u0643\u0645\u064a\u0629 \u0627\u0644\u062d\u0641\u0631<\/td><td class=\"item-value\">${excavationVolume.toFixed(2)} <span style=\"font-size:14px;\">\u0645\u00b3<\/span><\/td><\/tr>\r\n <tr class=\"total-row\">\r\n <td class=\"item-name\"><strong><i class=\"fa-solid fa-wallet\"><\/i> \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0644\u0644\u0645\u0648\u0627\u062f \u0648\u0627\u0644\u062d\u0641\u0631<\/strong><\/td>\r\n <td class=\"item-value\">${new Intl.NumberFormat('ar-EG').format(totalCost.toFixed(0))} <span style=\"font-size:14px;\">\u0639\u0645\u0644\u0629<\/span><\/td>\r\n <\/tr>\r\n `;\r\n tableBody.innerHTML = rows;\r\n\r\n whatsappMessage += `*\u0627\u0644\u0643\u0645\u064a\u0627\u062a:*\r\n- \u0633\u0645\u0627\u0643\u0629 \u0627\u0644\u0623\u0633\u0627\u0633: ${thickness.toFixed(0)} \u0633\u0645\r\n- \u062d\u062c\u0645 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629: ${concreteVolume.toFixed(2)} \u0645\u00b3\r\n- \u0648\u0632\u0646 \u0627\u0644\u062d\u062f\u064a\u062f: ${totalRebarWeight.toFixed(2)} \u0637\u0646\r\n-------------------------\r\n*\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0628\u064a\u0629: ${new Intl.NumberFormat('ar-EG').format(totalCost.toFixed(0))} \u0639\u0645\u0644\u0629*\r\n\r\n(\u0647\u0630\u0647 \u0623\u0631\u0642\u0627\u0645 \u062a\u0642\u062f\u064a\u0631\u064a\u0629 \u0648\u0644\u0627 \u062a\u063a\u0646\u064a \u0639\u0646 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u0647\u0646\u062f\u0633)`;\r\n }\r\n \r\n whatsappBtn.href = `https:\/\/api.whatsapp.com\/send?text=${encodeURIComponent(whatsappMessage)}`;\r\n resultsWrapper.scrollIntoView({ behavior: 'smooth' });\r\n\r\n } catch (e) {\r\n alert(\"\u062d\u062f\u062b \u062e\u0637\u0623 \u063a\u064a\u0631 \u0645\u062a\u0648\u0642\u0639. \u0627\u0644\u0631\u062c\u0627\u0621 \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0623\u0646 \u0643\u0644 \u0627\u0644\u0645\u062f\u062e\u0644\u0627\u062a \u0623\u0631\u0642\u0627\u0645 \u0635\u062d\u064a\u062d\u0629. \u0627\u0644\u062e\u0637\u0623: \" + e.message);\r\n }\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[24128],"tags":[],"class_list":["post-52641","post","type-post","status-publish","format-standard","hentry","category-24128"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":55756,"url":"https:\/\/engeg.com\/b\/2026\/01\/19\/seramek\/","url_meta":{"origin":52641,"position":0},"title":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0633\u064a\u0631\u0627\u0645\u064a\u0643","author":"interior","date":"\u064a\u0646\u0627\u064a\u0631 19, 2026","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":53121,"url":"https:\/\/engeg.com\/b\/2025\/09\/07\/%d9%87%d9%8a%d9%83%d9%84-%d8%ac\/","url_meta":{"origin":52641,"position":1},"title":"\u0647\u064a\u0643\u0644 \u062c","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 7, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":55750,"url":"https:\/\/engeg.com\/b\/2026\/01\/19\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\/","url_meta":{"origin":52641,"position":2},"title":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0637\u0648\u0628","author":"interior","date":"\u064a\u0646\u0627\u064a\u0631 19, 2026","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":53091,"url":"https:\/\/engeg.com\/b\/2025\/09\/05\/%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d9%87%d9%8a%d9%83%d9%84-%d8%ac\/","url_meta":{"origin":52641,"position":3},"title":"\u062a\u062c\u0631\u0628\u0629 \u0647\u064a\u0643\u0644 \u062c","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 5, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":52718,"url":"https:\/\/engeg.com\/b\/2025\/08\/31\/%d8%ad%d8%a7%d8%b3%d8%a8%d9%87-%d9%83%d9%85%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d8%b5%d8%a8\/","url_meta":{"origin":52641,"position":4},"title":"\u062d\u0627\u0633\u0628\u0647 \u0643\u0645\u064a\u0627\u062a \u0627\u0644\u0635\u0628","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 31, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":52693,"url":"https:\/\/engeg.com\/b\/2025\/08\/30\/%d8%ad%d8%a7%d8%b3%d8%a8%d9%87-%d8%ad%d8%af%d9%8a%d8%af-%d8%a7%d9%84%d9%82%d9%88%d8%a7%d8%b9%d8%af\/","url_meta":{"origin":52641,"position":5},"title":"\u062d\u0627\u0633\u0628\u0647 \u062d\u062f\u064a\u062f \u0627\u0644\u0642\u0648\u0627\u0639\u062f","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 30, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/52641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/comments?post=52641"}],"version-history":[{"count":1,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/52641\/revisions"}],"predecessor-version":[{"id":52642,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/52641\/revisions\/52642"}],"wp:attachment":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/media?parent=52641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/categories?post=52641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/tags?post=52641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}