\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0631\u0642\u0645\u064a \u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u064a (\u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629)<\/title>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.1.1\/css\/all.min.css\">\r\n<style>\r\n :root { --primary-color: #0d47a1; --secondary-color: #1976d2; --light-bg: #e3f2fd; --insight-color: #00695c; --whatsapp-color: #128C7E; --danger-color: #d32f2f; }\r\n body { font-family: 'Cairo', 'Tahoma', sans-serif; margin: 0; padding: 20px; background-color: #f4f7f9; color: #333; }\r\n .container { max-width: 950px; margin: auto; }\r\n h2, h3 { color: var(--primary-color); display: flex; align-items: center; gap: 12px; }\r\n .card { background: #fff; border: 1px solid #ddd; border-radius: 12px; padding: 25px; margin-bottom: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.07); }\r\n .input-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }\r\n .input-group { display: flex; flex-direction: column; }\r\n label { font-weight: bold; color: #555; margin-bottom: 8px; font-size: 15px; }\r\n label small { font-weight: normal; color: #777; }\r\n input, select { padding: 11px; border: 1px solid #ccc; border-radius: 8px; box-sizing: border-box; transition: border-color 0.3s; font-size: 1rem; }\r\n .btn-whatsapp { background-color: var(--whatsapp-color); color: #ffffff !important; font-size: 19px; font-weight: 500; padding: 15px 30px; width: 100%; justify-content: center; text-decoration: none !important; border-radius: 8px; display: inline-flex; align-items: center; gap: 12px; margin-top: 15px; border: none; cursor: pointer; transition: background-color 0.3s; }\r\n .btn-whatsapp:hover { background-color: #075E54; }\r\n .results-card { position: relative; padding-top: 40px; }\r\n .results-card h4 { margin: 0; color: var(--secondary-color); }\r\n .results-card .delete-btn { position: absolute; top: 15px; left: 20px; color: var(--danger-color); cursor: pointer; font-size: 14px; }\r\n .results-card .delete-btn:hover { font-weight: bold; }\r\n .summary { background: var(--light-bg); padding: 20px; border-radius: 12px; margin-top: 20px; line-height: 2.1; white-space: pre-wrap; font-size: 15px; border-left: 5px solid var(--primary-color); }\r\n .summary strong { color: var(--primary-color); }\r\n .summary .insight { color: var(--insight-color); font-style: italic; display: block; margin-top: 10px; padding: 10px; background: #e0f2f1; border-radius: 8px; }\r\n #total-card { text-align: center; padding: 25px; background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: #fff; border-radius: 12px; }\r\n #total-card p { font-size: 1.6rem; font-weight: bold; margin: 10px 0 0 0; }\r\n .chart-container { height: 300px; margin-top: 20px; }\r\n .advanced-settings { display: none; background-color: #fafafa; border: 1px dashed #ccc; padding: 20px; margin-top: 20px; border-radius: 8px; }\r\n #toggle-advanced { cursor: pointer; color: var(--secondary-color); font-weight: bold; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <h2><i class=\"fas fa-user-tie\"><\/i> \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0631\u0642\u0645\u064a \u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u064a<\/h2>\r\n\r\n \r\n <div class=\"card\">\r\n <h3><i class=\"fas fa-building\"><\/i> 1. \u0647\u064a\u0643\u0644 \u0627\u0644\u0645\u0628\u0646\u0649<\/h3>\r\n <div class=\"input-grid\">\r\n <div class=\"input-group\"><label for=\"area\">\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062f\u0648\u0631 (\u0645\u00b2)<\/label><input type=\"number\" id=\"area\" value=\"200\"><\/div>\r\n <div class=\"input-group\"><label for=\"hasBasement\">\u0647\u0644 \u064a\u0648\u062c\u062f \u0628\u062f\u0631\u0648\u0645\u061f<\/label><select id=\"hasBasement\"><option value=\"yes\">\u0646\u0639\u0645<\/option><option value=\"no\" selected>\u0644\u0627<\/option><\/select><\/div>\r\n <div class=\"input-group\"><label for=\"floors\">\u0639\u062f\u062f \u0627\u0644\u0623\u062f\u0648\u0627\u0631 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629<\/label><input type=\"number\" id=\"floors\" value=\"3\"><\/div>\r\n <div class=\"input-group\"><label for=\"roofRatio\">\u0646\u0633\u0628\u0629 \u0628\u0646\u0627\u0621 \u0627\u0644\u0631\u0648\u0641 (%)<\/label><input type=\"number\" id=\"roofRatio\" value=\"25\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <h3><i class=\"fas fa-pencil-ruler\"><\/i> 2. \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/h3>\r\n <div class=\"input-grid\">\r\n <div class=\"input-group\"><label for=\"foundationType\">\u0646\u0648\u0639 \u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a<\/label><select id=\"foundationType\"><option value=\"raft\">\u0644\u0628\u0634\u0629 \u0645\u0633\u0644\u062d\u0629<\/option><option value=\"isolated\">\u0642\u0648\u0627\u0639\u062f \u0645\u0646\u0641\u0635\u0644\u0629<\/option><\/select><\/div>\r\n <div class=\"input-group\"><label for=\"slabType\">\u0646\u0648\u0639 \u0627\u0644\u0633\u0642\u0641<\/label><select id=\"slabType\"><option value=\"flat\">\u0641\u0644\u0627\u062a \u0633\u0644\u0627\u0628<\/option><option value=\"solid\">\u0633\u0648\u0644\u064a\u062f \u0633\u0644\u0627\u0628<\/option><\/select><\/div>\r\n <div class=\"input-group\">\r\n <label for=\"columnsCount\">\u0639\u062f\u062f \u0623\u0639\u0645\u062f\u0629 \u0627\u0644\u062f\u0648\u0631 <small>(\u064a\u064f\u062d\u0633\u0628 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b)<\/small><\/label>\r\n <input type=\"number\" id=\"columnsCount\" value=\"16\">\r\n <\/div>\r\n <div class=\"input-group\"><label for=\"columnDim\">\u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0639\u0645\u0648\u062f (\u0645)<\/label><input type=\"text\" id=\"columnDim\" value=\"0.25x0.6\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <h3><i class=\"fas fa-dollar-sign\"><\/i> 3. \u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/h3>\r\n <div class=\"input-grid\">\r\n <div class=\"input-group\"><label>\u0633\u0639\u0631 \u0637\u0646 \u0627\u0644\u062d\u062f\u064a\u062f<\/label><input type=\"number\" id=\"steelPrice\" value=\"41000\"><\/div>\r\n <div class=\"input-group\"><label>\u0633\u0639\u0631 \u0645\u00b3 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/label><input type=\"number\" id=\"concretePrice\" value=\"2800\"><\/div>\r\n <div class=\"input-group\"><label>\u0645\u0635\u0646\u0639\u064a\u0629 \u0627\u0644\u0645\u062a\u0631 \u0627\u0644\u0645\u0643\u0639\u0628<\/label><input type=\"number\"id=\"workmanshipPrice\" value=\"900\"><\/div>\r\n <div class=\"input-group\"><label>\u062a\u0643\u0644\u0641\u0629 \u062d\u0641\u0631 \u0627\u0644\u0645\u062a\u0631 \u0627\u0644\u0645\u0643\u0639\u0628<\/label><input type=\"number\" id=\"excavationPrice\" value=\"80\"><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"card\">\r\n <h3 id=\"toggle-advanced\">\r\n <i class=\"fas fa-cogs\"><\/i> 4. \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 (\u0644\u0644\u062e\u0628\u0631\u0627\u0621) <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/h3>\r\n <div class=\"advanced-settings\" id=\"advanced-settings\">\r\n <h4>\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/h4>\r\n <div class=\"input-grid\">\r\n <div class=\"input-group\"><label>\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u062f\u0648\u0631 (\u0645)<\/label><input type=\"number\" id=\"floorHeight\" value=\"3.0\" step=\"0.1\"><\/div>\r\n <div class=\"input-group\"><label>\u0633\u064f\u0645\u0643 \u0627\u0644\u0644\u0628\u0634\u0629 (\u0645)<\/label><input type=\"number\" id=\"raftThickness\" value=\"0.8\" step=\"0.1\"><\/div>\r\n <div class=\"input-group\"><label>\u0633\u064f\u0645\u0643 \u0627\u0644\u0641\u0644\u0627\u062a \u0633\u0644\u0627\u0628 (\u0645)<\/label><input type=\"number\" id=\"flatSlabThickness\" value=\"0.22\" step=\"0.01\"><\/div>\r\n <div class=\"input-group\"><label>\u0633\u064f\u0645\u0643 \u0627\u0644\u0633\u0648\u0644\u064a\u062f \u0633\u0644\u0627\u0628 (\u0645)<\/label><input type=\"number\" id=\"solidSlabThickness\" value=\"0.15\" step=\"0.01\"><\/div>\r\n <div class=\"input-group\"><label>\u062d\u062f\u064a\u062f \u0627\u0644\u0644\u0628\u0634\u0629 (\u0643\u062c\u0645\/\u0645\u00b3)<\/label><input type=\"number\" id=\"raftSteelRatio\" value=\"110\"><\/div>\r\n <div class=\"input-group\"><label>\u062d\u062f\u064a\u062f \u0627\u0644\u0642\u0648\u0627\u0639\u062f (\u0643\u062c\u0645\/\u0645\u00b3)<\/label><input type=\"number\" id=\"isolatedSteelRatio\" value=\"95\"><\/div>\r\n <div class=\"input-group\"><label>\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0639\u0645\u062f\u0629 (\u0643\u062c\u0645\/\u0645\u00b3)<\/label><input type=\"number\" id=\"columnSteelRatio\" value=\"150\"><\/div>\r\n <div class=\"input-group\"><label>\u062d\u062f\u064a\u062f \u0627\u0644\u0641\u0644\u0627\u062a \u0633\u0644\u0627\u0628 (\u0643\u062c\u0645\/\u0645\u00b3)<\/label><input type=\"number\" id=\"flatSlabSteelRatio\" value=\"125\"><\/div>\r\n <div class=\"input-group\"><label>\u062d\u062f\u064a\u062f \u0627\u0644\u0633\u0648\u0644\u064a\u062f \u0633\u0644\u0627\u0628 (\u0643\u062c\u0645\/\u0645\u00b3)<\/label><input type=\"number\" id=\"solidSlabSteelRatio\" value=\"90\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <h3><i class=\"fas fa-chart-pie\"><\/i> 5. \u0645\u0644\u062e\u0635 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h3>\r\n <div class=\"card\" id=\"total-card\">\r\n <h3>\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a\u0629<\/h3>\r\n <p id=\"total-cost-display\">\u062c\u0627\u0631\u064a \u0627\u0644\u062d\u0633\u0627\u0628...<\/p>\r\n <div class=\"chart-container\"><canvas id=\"cost-chart\"><\/canvas><\/div>\r\n <\/div>\r\n\r\n <h3><i class=\"fas fa-clipboard-list\"><\/i> 6. \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0644\u0643\u0644 \u0628\u0646\u062f<\/h3>\r\n <div id=\"results-container\"><\/div>\r\n\r\n <h3><i class=\"fas fa-lightbulb\"><\/i> 7. \u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0648\u062a\u0648\u0635\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0631\u0642\u0645\u064a<\/h3>\r\n <div class=\"summary\" id=\"summary-details\"><\/div>\r\n \r\n <a id=\"whatsappBtn\" class=\"btn-whatsapp\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i> \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0641\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/a>\r\n<\/div>\r\n\r\n<script>\r\nlet allItems = [];\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const allInputs = document.querySelectorAll('input, select');\r\n allInputs.forEach(input => {\r\n if (input.id !== 'area') {\r\n input.addEventListener('input', generateAndRender);\r\n }\r\n });\r\n\r\n const areaInput = document.getElementById('area');\r\n areaInput.addEventListener('change', () => {\r\n autoCalculateColumns();\r\n generateAndRender();\r\n });\r\n areaInput.addEventListener('input', generateAndRender);\r\n\r\n const advancedToggle = document.getElementById('toggle-advanced');\r\n advancedSettings = document.getElementById('advanced-settings');\r\n advancedToggle.addEventListener('click', () => {\r\n const isVisible = advancedSettings.style.display === 'block';\r\n advancedSettings.style.display = isVisible ? 'none' : 'block';\r\n advancedToggle.querySelector('.fa-chevron-down').style.transform = isVisible ? 'rotate(0deg)' : 'rotate(180deg)';\r\n });\r\n\r\n autoCalculateColumns();\r\n generateAndRender();\r\n});\r\n\r\nfunction autoCalculateColumns() {\r\n const area = parseFloat(document.getElementById('area').value) || 0;\r\n const columnsInput = document.getElementById('columnsCount');\r\n const minColumns = 8;\r\n let calculatedCols = (area <= 150) ? Math.ceil(area \/ 12) : Math.ceil(area \/ 20);\r\n columnsInput.value = Math.max(minColumns, calculatedCols);\r\n}\r\n\r\nlet costChart = null;\r\n\r\nfunction getInputs() {\r\n const slabType = document.getElementById('slabType').value;\r\n return {\r\n area: parseFloat(document.getElementById('area').value) || 0,\r\n hasBasement: document.getElementById('hasBasement').value === 'yes',\r\n floors: parseInt(document.getElementById('floors').value) || 0,\r\n roofRatio: (parseFloat(document.getElementById('roofRatio').value) || 0) \/ 100,\r\n foundationType: document.getElementById('foundationType').value,\r\n slabType: slabType,\r\n columnsCount: parseInt(document.getElementById('columnsCount').value) || 0,\r\n columnDim: (document.getElementById('columnDim').value.toLowerCase().split('x').map(Number)),\r\n steelPrice: parseFloat(document.getElementById('steelPrice').value) || 0,\r\n concretePrice: parseFloat(document.getElementById('concretePrice').value) || 0,\r\n workmanshipPrice: parseFloat(document.getElementById('workmanshipPrice').value) || 0,\r\n excavationPrice: parseFloat(document.getElementById('excavationPrice').value) || 0,\r\n floorHeight: parseFloat(document.getElementById('floorHeight').value) || 3.0,\r\n foundationThickness: parseFloat(document.getElementById('raftThickness').value) || 0.8,\r\n slabThickness: slabType === 'flat' ? (parseFloat(document.getElementById('flatSlabThickness').value) || 0.22) : (parseFloat(document.getElementById('solidSlabThickness').value) || 0.15),\r\n steelRatios: {\r\n raft: parseFloat(document.getElementById('raftSteelRatio').value) || 110,\r\n isolated: parseFloat(document.getElementById('isolatedSteelRatio').value) || 95,\r\n columns: parseFloat(document.getElementById('columnSteelRatio').value) || 150,\r\n flat: parseFloat(document.getElementById('flatSlabSteelRatio').value) || 125,\r\n solid: parseFloat(document.getElementById('solidSlabSteelRatio').value) || 90,\r\n }\r\n };\r\n}\r\n\r\nfunction generateAndRender() {\r\n const i = getInputs();\r\n allItems = [];\r\n\r\n const excavationDepth = i.hasBasement ? 3.5 : 2.0;\r\n allItems.push({ id: 'excavation', title: '\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062d\u0641\u0631', concVol: 0, steelTon: 0, cost: (i.area * excavationDepth) * i.excavationPrice, details: `${(i.area * excavationDepth).toFixed(1)} \u0645\u00b3` });\r\n\r\n const plainConcVol = i.area * 0.2;\r\n allItems.push({ id: 'plain_concrete', title: '\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0646\u0638\u0627\u0641\u0629', concVol: plainConcVol, steelTon: 0, cost: plainConcVol * (i.concretePrice + i.workmanshipPrice), details: `${plainConcVol.toFixed(1)} \u0645\u00b3` });\r\n\r\n const isRaft = i.foundationType === 'raft';\r\n const foundConcVol = i.area * i.foundationThickness;\r\n const foundSteelRatio = isRaft ? i.steelRatios.raft : i.steelRatios.isolated;\r\n const foundSteelTon = foundConcVol * foundSteelRatio \/ 1000;\r\n allItems.push({ id: 'foundation', title: `\u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a (${isRaft ? '\u0644\u0628\u0634\u0629' : '\u0642\u0648\u0627\u0639\u062f'})`, concVol: foundConcVol, steelTon: foundSteelTon, cost: (foundConcVol * (i.concretePrice + i.workmanshipPrice)) + (foundSteelTon * i.steelPrice), details: `\u062e: ${foundConcVol.toFixed(1)} \u0645\u00b3, \u062d: ${foundSteelTon.toFixed(2)} \u0637\u0646` });\r\n\r\n const colVol = (i.columnDim[0] || 0) * (i.columnDim[1] || 0) * i.floorHeight;\r\n const slabConcVol = i.area * i.slabThickness;\r\n const slabSteelRatio = i.slabType === 'flat' ? i.steelRatios.flat : i.steelRatios.solid;\r\n const slabSteelTon = slabConcVol * slabSteelRatio \/ 1000;\r\n const slabCost = (slabConcVol * (i.concretePrice + i.workmanshipPrice)) + (slabSteelTon * i.steelPrice);\r\n\r\n const structureLevels = (i.hasBasement ? 1 : 0) + 1 + i.floors;\r\n for (let level = 0; level < structureLevels; level++) {\r\n let levelName = '';\r\n if (i.hasBasement && level === 0) levelName = '\u0627\u0644\u0628\u062f\u0631\u0648\u0645';\r\n else if ((i.hasBasement && level === 1) || (!i.hasBasement && level === 0)) levelName = '\u0627\u0644\u0623\u0631\u0636\u064a';\r\n else levelName = `\u0627\u0644\u0645\u062a\u0643\u0631\u0631 \u0627\u0644\u0640${i.hasBasement ? level - 1 : level}`;\r\n\r\n const colsConcVol = colVol * i.columnsCount;\r\n const colsSteelTon = colsConcVol * i.steelRatios.columns \/ 1000;\r\n allItems.push({ id: `cols_${level}`, title: `\u0623\u0639\u0645\u062f\u0629 ${levelName}`, concVol: colsConcVol, steelTon: colsSteelTon, cost: (colsConcVol * (i.concretePrice + i.workmanshipPrice)) + (colsSteelTon * i.steelPrice), details: `\u062e: ${colsConcVol.toFixed(1)} \u0645\u00b3, \u062d: ${colsSteelTon.toFixed(2)} \u0637\u0646` });\r\n \r\n allItems.push({ id: `slab_${level}`, title: `\u0633\u0642\u0641 ${levelName}`, concVol: slabConcVol, steelTon: slabSteelTon, cost: slabCost, details: `\u062e: ${slabConcVol.toFixed(1)} \u0645\u00b3, \u062d: ${slabSteelTon.toFixed(2)} \u0637\u0646` });\r\n }\r\n\r\n if (i.roofRatio > 0) {\r\n const roofArea = i.area * i.roofRatio;\r\n const roofColsCount = Math.max(4, Math.ceil(i.columnsCount * i.roofRatio \/ 2) * 2);\r\n const roofColsConcVol = colVol * roofColsCount;\r\n const roofColsSteelTon = roofColsConcVol * i.steelRatios.columns \/ 1000;\r\n allItems.push({ id: 'roof_cols', title: `\u0623\u0639\u0645\u062f\u0629 \u0627\u0644\u0631\u0648\u0641 (${roofColsCount} \u0639\u0645\u0648\u062f)`, concVol: roofColsConcVol, steelTon: roofColsSteelTon, cost: (roofColsConcVol * (i.concretePrice + i.workmanshipPrice)) + (roofColsSteelTon * i.steelPrice), details: `\u062e: ${roofColsConcVol.toFixed(1)} \u0645\u00b3, \u062d: ${roofColsSteelTon.toFixed(2)} \u0637\u0646` });\r\n\r\n const roofSlabConcVol = roofArea * 0.18;\r\n const roofSlabSteelTon = roofSlabConcVol * i.steelRatios.solid \/ 1000;\r\n allItems.push({ id: 'roof_slab', title: '\u0633\u0642\u0641 \u0627\u0644\u0631\u0648\u0641', concVol: roofSlabConcVol, steelTon: roofSlabSteelTon, cost: (roofSlabConcVol * (i.concretePrice + i.workmanshipPrice)) + (roofSlabSteelTon * i.steelPrice), details: `\u062e: ${roofSlabConcVol.toFixed(1)} \u0645\u00b3, \u062d: ${roofSlabSteelTon.toFixed(2)} \u0637\u0646` });\r\n }\r\n\r\n renderFromState();\r\n}\r\n\r\nfunction renderFromState() {\r\n const i = getInputs();\r\n const container = document.getElementById('results-container');\r\n container.innerHTML = '';\r\n let totalCost = 0, totalConcVol = 0, totalSteelTon = 0;\r\n\r\n allItems.forEach(item => {\r\n totalCost += item.cost;\r\n totalConcVol += item.concVol;\r\n totalSteelTon += item.steelTon;\r\n\r\n const card = document.createElement('div');\r\n card.className = 'card results-card';\r\n card.innerHTML = `<span class=\"delete-btn\" data-id=\"${item.id}\"><i class=\"fas fa-trash-alt\"><\/i> \u062d\u0630\u0641<\/span><h4>${item.title}<\/h4><p><strong>\u0627\u0644\u062a\u0643\u0644\u0641\u0629:<\/strong> ${format(item.cost)} \u062c.\u0645<\/p><small style=\"color:#777;\">${item.details}<\/small>`;\r\n container.appendChild(card);\r\n });\r\n\r\n document.querySelectorAll('.delete-btn').forEach(btn => {\r\n btn.addEventListener('click', (e) => {\r\n const idToDelete = e.currentTarget.getAttribute('data-id');\r\n allItems = allItems.filter(item => item.id !== idToDelete);\r\n renderFromState();\r\n });\r\n });\r\n\r\n \/\/ **\u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0641\u0635\u0644 - \u062a\u0645\u062a \u0625\u0639\u0627\u062f\u0629 \u0643\u062a\u0627\u0628\u062a\u0647 \u0628\u0627\u0644\u0643\u0627\u0645\u0644**\r\n let summary = \"\ud83d\udcdd **\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0631\u0642\u0645\u064a \u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641:**\\n\\n\";\r\n summary += `\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u0642\u062f\u0645\u062a\u0647\u0627 \u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0645\u0633\u0627\u062d\u0629 **${i.area} \u0645\u00b2**\u060c \u0625\u0644\u064a\u0643 \u062a\u062d\u0644\u064a\u0644 \u062a\u0641\u0635\u064a\u0644\u064a \u0644\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629:\\n\\n`;\r\n \r\n const foundationItem = allItems.find(item => item.id === 'foundation');\r\n if (foundationItem) {\r\n const isRaft = i.foundationType === 'raft';\r\n summary += `**1. \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a:**\\n`;\r\n summary += ` - \u062a\u0645 \u062d\u0633\u0627\u0628 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a \u0645\u0646 \u0646\u0648\u0639 **\"${isRaft ? '\u0644\u0628\u0634\u0629 \u0645\u0633\u0644\u062d\u0629' : '\u0642\u0648\u0627\u0639\u062f \u0645\u0646\u0641\u0635\u0644\u0629'}\"** \u0628\u0633\u064f\u0645\u0643 **${i.foundationThickness} \u0645**.\\n`;\r\n summary += ` - \u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629: **${foundationItem.concVol.toFixed(1)} \u0645\u00b3** \u062e\u0631\u0633\u0627\u0646\u0629 \u0648 **${foundationItem.steelTon.toFixed(2)} \u0637\u0646** \u062d\u062f\u064a\u062f.\\n`;\r\n if (isRaft) {\r\n const savings = ((foundationItem.concVol * (i.steelRatios.raft - i.steelRatios.isolated)) \/ 1000) * i.steelPrice;\r\n summary += `<span class=\"insight\">\ud83d\udca1 **\u0646\u0635\u064a\u062d\u0629 \u0644\u0644\u062a\u0648\u0641\u064a\u0631:** \u0627\u062e\u062a\u064a\u0627\u0631\u0643 \u0644\u0640 \"\u0627\u0644\u0644\u0628\u0634\u0629\" \u0647\u0648 \u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0648\u0627\u0633\u062a\u0642\u0631\u0627\u0631\u0627\u064b \u0644\u0644\u0645\u0628\u0646\u0649\u060c \u062e\u0627\u0635\u0629 \u0645\u0639 \u0627\u0644\u062a\u0631\u0628\u0629 \u0627\u0644\u0636\u0639\u064a\u0641\u0629. \u0644\u0643\u0646 \u0625\u0630\u0627 \u0643\u0627\u0646 \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u062a\u0631\u0628\u0629 \u064a\u0633\u0645\u062d\u060c \u0641\u0625\u0646 \u0627\u0644\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \"\u0642\u0648\u0627\u0639\u062f \u0645\u0646\u0641\u0635\u0644\u0629\" \u0643\u0627\u0646 \u0633\u064a\u0648\u0641\u0631 \u0644\u0643 \u0645\u0628\u0644\u063a\u0627\u064b \u064a\u0642\u062f\u0631 \u0628\u062d\u0648\u0627\u0644\u064a **${format(savings)} \u062c.\u0645** \u0641\u064a \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062d\u062f\u064a\u062f \u0648\u062d\u062f\u0647\u060c \u0648\u0647\u0648 \u0645\u0628\u0644\u063a \u0644\u064a\u0633 \u0628\u0627\u0644\u0642\u0644\u064a\u0644.<\/span>\\n\\n`;\r\n } else {\r\n summary += `<span class=\"insight\">\ud83d\udca1 **\u0645\u0639\u0644\u0648\u0645\u0629 \u0647\u0627\u0645\u0629:** \u0627\u062e\u062a\u064a\u0627\u0631\u0643 \u0644\u0640 \"\u0642\u0648\u0627\u0639\u062f \u0645\u0646\u0641\u0635\u0644\u0629\" \u0647\u0648 \u0642\u0631\u0627\u0631 \u0627\u0642\u062a\u0635\u0627\u062f\u064a \u0645\u0645\u062a\u0627\u0632 \u064a\u0648\u0641\u0631 \u0641\u064a \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062d\u062f\u064a\u062f. \u0641\u0642\u0637 \u062a\u0623\u0643\u062f \u062a\u0645\u0627\u0645\u0627\u064b \u0645\u0646 \u0623\u0646 \u062a\u0642\u0631\u064a\u0631 \u0641\u062d\u0635 \u0627\u0644\u062a\u0631\u0628\u0629 \u064a\u062f\u0639\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0631\u0627\u0631 \u0644\u0636\u0645\u0627\u0646 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0628\u0646\u0649 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.<\/span>\\n\\n`;\r\n }\r\n }\r\n\r\n const structureLevels = allItems.filter(item => item.id.startsWith('slab_') || item.id.startsWith('cols_')).length \/ 2;\r\n if (structureLevels > 0) {\r\n const isFlatSlab = i.slabType === 'flat';\r\n summary += `**2. \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u064a (${structureLevels} \u0637\u0627\u0628\u0642):**\\n`;\r\n summary += ` - \u062a\u0645 \u062d\u0633\u0627\u0628 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0623\u0633\u0642\u0641 \u0648\u0627\u0644\u0623\u0639\u0645\u062f\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u062e\u062a\u064a\u0627\u0631\u0643 \u0644\u0633\u0642\u0641 \u0645\u0646 \u0646\u0648\u0639 **\"${isFlatSlab ? '\u0641\u0644\u0627\u062a \u0633\u0644\u0627\u0628' : '\u0633\u0648\u0644\u064a\u062f \u0633\u0644\u0627\u0628'}\"** \u0628\u0633\u064f\u0645\u0643 **${i.slabThickness} \u0645**.\\n`;\r\n summary += ` - \u062a\u0645 \u062a\u0642\u062f\u064a\u0631 \u0639\u062f\u062f \u0627\u0644\u0623\u0639\u0645\u062f\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0628\u0640 **${i.columnsCount} \u0639\u0645\u0648\u062f** \u0644\u0644\u062f\u0648\u0631 \u0627\u0644\u0643\u0627\u0645\u0644\u060c \u0648\u064a\u0645\u0643\u0646\u0643 \u062a\u0639\u062f\u064a\u0644 \u0647\u0630\u0627 \u0627\u0644\u0631\u0642\u0645 \u064a\u062f\u0648\u064a\u0627\u064b \u0644\u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u062a\u0635\u0645\u064a\u0645\u0643 \u0627\u0644\u062e\u0627\u0635.\\n`;\r\n if (isFlatSlab) {\r\n const slabConcVol = i.area * i.slabThickness;\r\n const potentialSaving = ((slabConcVol * (i.steelRatios.flat - i.steelRatios.solid)) \/ 1000) * i.steelPrice * structureLevels;\r\n summary += `<span class=\"insight\">\ud83d\udca1 **\u0646\u0635\u064a\u062d\u0629 \u0644\u0644\u062a\u0648\u0641\u064a\u0631:** \"\u0627\u0644\u0641\u0644\u0627\u062a \u0633\u0644\u0627\u0628\" \u064a\u0645\u0646\u062d\u0643 \u062d\u0631\u064a\u0629 \u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0647\u0627\u0626\u0644\u0629 \u0641\u064a \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u062d\u0648\u0627\u0626\u0637 \u0648\u0625\u0644\u063a\u0627\u0621 \u0627\u0644\u0643\u0645\u0631\u0627\u062a \u0627\u0644\u0633\u0627\u0642\u0637\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0637\u064a \u0625\u062d\u0633\u0627\u0633\u0627\u064b \u0628\u0627\u0644\u0627\u062a\u0633\u0627\u0639. \u0644\u0643\u0646 \u0647\u0630\u0647 \u0627\u0644\u0645\u064a\u0632\u0629 \u062a\u0623\u062a\u064a \u0628\u062a\u0643\u0644\u0641\u0629 \u0623\u0639\u0644\u0649 \u0641\u064a \u0627\u0644\u062d\u062f\u064a\u062f. \u0644\u0648 \u062a\u0635\u0645\u064a\u0645\u0643 \u064a\u0633\u0645\u062d\u060c \u0641\u0625\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \"\u0633\u0648\u0644\u064a\u062f \u0633\u0644\u0627\u0628\" \u0643\u0627\u0646 \u0633\u064a\u0648\u0641\u0631 \u0644\u0643 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u062d\u0648\u0627\u0644\u064a **${format(potentialSaving)} \u062c.\u0645** \u0641\u064a \u0625\u062c\u0645\u0627\u0644\u064a \u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0633\u0642\u0641.<\/span>\\n\\n`;\r\n } else {\r\n summary += `<span class=\"insight\">\ud83d\udca1 **\u0645\u0639\u0644\u0648\u0645\u0629 \u0647\u0627\u0645\u0629:** \u0627\u062e\u062a\u064a\u0627\u0631\u0643 \u0644\u0640 \"\u0633\u0648\u0644\u064a\u062f \u0633\u0644\u0627\u0628\" \u0647\u0648 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0643\u062b\u0631 \u0643\u0641\u0627\u0621\u0629 \u0645\u0646 \u062d\u064a\u062b \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062d\u062f\u064a\u062f. \u0647\u0648 \u062d\u0644 \u0645\u062b\u0627\u0644\u064a \u0637\u0627\u0644\u0645\u0627 \u0623\u0646 \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0623\u0639\u0645\u062f\u0629 (\u0627\u0644\u0628\u062d\u0648\u0631) \u0644\u0627 \u062a\u062a\u062c\u0627\u0648\u0632 5-6 \u0623\u0645\u062a\u0627\u0631 \u0641\u064a \u0627\u0644\u063a\u0627\u0644\u0628.<\/span>\\n\\n`;\r\n }\r\n }\r\n\r\n const roofItem = allItems.find(item => item.id === 'roof_slab');\r\n if (roofItem) {\r\n summary += `**3. \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0648\u0641:**\\n`;\r\n summary += ` - \u062a\u0645 \u062d\u0633\u0627\u0628 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0631\u0648\u0641 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0646\u0633\u0628\u0629 \u0628\u0646\u0627\u0621 **${i.roofRatio * 100}%** \u0645\u0646 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062f\u0648\u0631.\\n`;\r\n summary += `<span class=\"insight\">\ud83d\udca1 **\u0645\u0639\u0644\u0648\u0645\u0629 \u0647\u0627\u0645\u0629:** \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0631\u0648\u0641 \u0642\u062f \u062a\u0628\u062f\u0648 \u0628\u0633\u064a\u0637\u0629\u060c \u0644\u0643\u0646\u0647\u0627 \u062a\u0636\u064a\u0641 \u0644\u0644\u0645\u062c\u0645\u0648\u0639 \u0627\u0644\u0643\u0644\u064a. \u0643\u0644 \u0632\u064a\u0627\u062f\u0629 \u0641\u064a \u0646\u0633\u0628\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0635\u0631\u062d \u0628\u0647\u0627 \u0633\u062a\u0624\u062b\u0631 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629.<\/span>\\n\\n`;\r\n }\r\n\r\n summary += `**\u0627\u0644\u062e\u0644\u0627\u0635\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 (\u0644\u0644\u0628\u0646\u0648\u062f \u0627\u0644\u0645\u0639\u0631\u0648\u0636\u0629):**\\n - \u0625\u062c\u0645\u0627\u0644\u064a \u062d\u062c\u0645 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629: **${totalConcVol.toFixed(1)} \u0645\u00b3**.\\n - \u0625\u062c\u0645\u0627\u0644\u064a \u0648\u0632\u0646 \u0627\u0644\u062d\u062f\u064a\u062f: **${totalSteelTon.toFixed(2)} \u0637\u0646**.\\n - **\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a\u0629 (\u062e\u0627\u0645\u0627\u062a \u0648\u0645\u0635\u0646\u0639\u064a\u0627\u062a \u0648\u062d\u0641\u0631): ${format(totalCost)} \u062c.\u0645**`;\r\n\r\n document.getElementById('summary-details').innerHTML = summary;\r\n document.getElementById('total-cost-display').innerText = `${format(totalCost)} \u062c.\u0645`;\r\n\r\n const totalSteelCost = totalSteelTon * i.steelPrice;\r\n const totalConcreteCost = totalConcVol * i.concretePrice;\r\n const totalWorkmanshipCost = totalConcVol * i.workmanshipPrice;\r\n const excavationItem = allItems.find(item => item.id === 'excavation');\r\n const excavationCost = excavationItem ? excavationItem.cost : 0;\r\n updateChart([totalSteelCost, totalConcreteCost, totalWorkmanshipCost, excavationCost]);\r\n \r\n updateWhatsappLink(summary);\r\n}\r\n\r\nfunction updateChart(data) {\r\n const ctx = document.getElementById('cost-chart').getContext('2d');\r\n if (costChart) costChart.destroy();\r\n costChart = new Chart(ctx, {\r\n type: 'doughnut',\r\n data: {\r\n labels: ['\u062d\u062f\u064a\u062f \u062a\u0633\u0644\u064a\u062d', '\u062e\u0631\u0633\u0627\u0646\u0629 \u062c\u0627\u0647\u0632\u0629', '\u0645\u0635\u0646\u0639\u064a\u0627\u062a', '\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062d\u0641\u0631'],\r\n datasets: [{ data: data, backgroundColor: ['#c62828', '#1565c0', '#f9a825', '#6d4c41'], borderColor: '#fff', borderWidth: 3 }]\r\n },\r\n options: {\r\n responsive: true, maintainAspectRatio: false,\r\n plugins: {\r\n legend: { position: 'top', labels: { color: '#fff', font: { size: 14 } } },\r\n tooltip: { callbacks: { label: (c) => `${c.label}: ${format(c.raw)} \u062c.\u0645` } }\r\n }\r\n }\r\n });\r\n}\r\n\r\nfunction updateWhatsappLink(summary) {\r\n const cleanSummary = summary.replace(\/<[^>]*>\/g, '');\r\n const msg = `\ud83d\udcca \u062a\u0642\u0631\u064a\u0631 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u064a:\\n\\n${cleanSummary}\\n\\n---\\n\u062a\u0645 \u0625\u0639\u062f\u0627\u062f \u0647\u0630\u0627 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0631\u0642\u0645\u064a.`;\r\n document.getElementById('whatsappBtn').href = `https:\/\/wa.me\/201550507700?text=${encodeURIComponent(msg)}`;\r\n}\r\n\r\nfunction format(num) {\r\n return num.toLocaleString('ar-EG', { maximumFractionDigits: 0 });\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-53091","post","type-post","status-publish","format-standard","hentry","category-24128"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":53121,"url":"https:\/\/engeg.com\/b\/2025\/09\/07\/%d9%87%d9%8a%d9%83%d9%84-%d8%ac\/","url_meta":{"origin":53091,"position":0},"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":52724,"url":"https:\/\/engeg.com\/b\/2025\/08\/31\/%d8%b5%d8%a8-%d9%a3\/","url_meta":{"origin":53091,"position":1},"title":"\u0635\u0628 \u0663","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":52641,"url":"https:\/\/engeg.com\/b\/2025\/08\/29\/%d8%ad%d8%a7%d8%b3%d8%a8%d9%87-%d8%a7%d9%84%d8%a7%d8%b3%d8%a7%d8%b3-%d9%85%d8%b9-%d8%a7%d9%84%d8%aa%d8%ad%d9%84%d9%8a%d9%84-%d8%ac\/","url_meta":{"origin":53091,"position":2},"title":"\u062d\u0627\u0633\u0628\u0647 \u0627\u0644\u0627\u0633\u0627\u0633 \u0645\u0639 \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u062c","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 29, 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":53104,"url":"https:\/\/engeg.com\/b\/2025\/09\/06\/%d8%aa%d8%b4%d8%b7%d9%8a%d8%a8-%d9%87%d9%8a%d9%83%d9%84-%d8%ac%d8%af%d9%8a%d8%af\/","url_meta":{"origin":53091,"position":3},"title":"\u062a\u0634\u0637\u064a\u0628 \u0647\u064a\u0643\u0644 \u062c\u062f\u064a\u062f","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 6, 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":52740,"url":"https:\/\/engeg.com\/b\/2025\/08\/31\/%d9%83%d9%85%d9%8a%d8%a7%d8%aa-%d8%b5%d8%a8-%d9%a4\/","url_meta":{"origin":53091,"position":4},"title":"\u0643\u0645\u064a\u0627\u062a \u0635\u0628 \u0664","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":55756,"url":"https:\/\/engeg.com\/b\/2026\/01\/19\/seramek\/","url_meta":{"origin":53091,"position":5},"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":[]}],"_links":{"self":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/53091","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=53091"}],"version-history":[{"count":1,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/53091\/revisions"}],"predecessor-version":[{"id":53095,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/53091\/revisions\/53095"}],"wp:attachment":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/media?parent=53091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/categories?post=53091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/tags?post=53091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\r\n\r\n\r\n\r\n\r\n\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0631\u0642\u0645\u064a \u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u064a (\u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629)<\/title>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.1.1\/css\/all.min.css\">\r\n<style>\r\n :root { --primary-color: #0d47a1; --secondary-color: #1976d2; --light-bg: #e3f2fd; --insight-color: #00695c; --whatsapp-color: #128C7E; --danger-color: #d32f2f; }\r\n body { font-family: 'Cairo', 'Tahoma', sans-serif; margin: 0; padding: 20px; background-color: #f4f7f9; color: #333; }\r\n .container { max-width: 950px; margin: auto; }\r\n h2, h3 { color: var(--primary-color); display: flex; align-items: center; gap: 12px; }\r\n .card { background: #fff; border: 1px solid #ddd; border-radius: 12px; padding: 25px; margin-bottom: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.07); }\r\n .input-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }\r\n .input-group { display: flex; flex-direction: column; }\r\n label { font-weight: bold; color: #555; margin-bottom: 8px; font-size: 15px; }\r\n label small { font-weight: normal; color: #777; }\r\n input, select { padding: 11px; border: 1px solid #ccc; border-radius: 8px; box-sizing: border-box; transition: border-color 0.3s; font-size: 1rem; }\r\n .btn-whatsapp { background-color: var(--whatsapp-color); color: #ffffff !important; font-size: 19px; font-weight: 500; padding: 15px 30px; width: 100%; justify-content: center; text-decoration: none !important; border-radius: 8px; display: inline-flex; align-items: center; gap: 12px; margin-top: 15px; border: none; cursor: pointer; transition: background-color 0.3s; }\r\n .btn-whatsapp:hover { background-color: #075E54; }\r\n .results-card { position: relative; padding-top: 40px; }\r\n .results-card h4 { margin: 0; color: var(--secondary-color); }\r\n .results-card .delete-btn { position: absolute; top: 15px; left: 20px; color: var(--danger-color); cursor: pointer; font-size: 14px; }\r\n .results-card .delete-btn:hover { font-weight: bold; }\r\n .summary { background: var(--light-bg); padding: 20px; border-radius: 12px; margin-top: 20px; line-height: 2.1; white-space: pre-wrap; font-size: 15px; border-left: 5px solid var(--primary-color); }\r\n .summary strong { color: var(--primary-color); }\r\n .summary .insight { color: var(--insight-color); font-style: italic; display: block; margin-top: 10px; padding: 10px; background: #e0f2f1; border-radius: 8px; }\r\n #total-card { text-align: center; padding: 25px; background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: #fff; border-radius: 12px; }\r\n #total-card p { font-size: 1.6rem; font-weight: bold; margin: 10px 0 0 0; }\r\n .chart-container { height: 300px; margin-top: 20px; }\r\n .advanced-settings { display: none; background-color: #fafafa; border: 1px dashed #ccc; padding: 20px; margin-top: 20px; border-radius: 8px; }\r\n #toggle-advanced { cursor: pointer; color: var(--secondary-color); font-weight: bold; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <h2><i class=\"fas fa-user-tie\"><\/i> \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0631\u0642\u0645\u064a \u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u064a<\/h2>\r\n\r\n \r\n <div class=\"card\">\r\n <h3><i class=\"fas fa-building\"><\/i> 1. \u0647\u064a\u0643\u0644 \u0627\u0644\u0645\u0628\u0646\u0649<\/h3>\r\n <div class=\"input-grid\">\r\n <div class=\"input-group\"><label for=\"area\">\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062f\u0648\u0631 (\u0645\u00b2)<\/label><input type=\"number\" id=\"area\" value=\"200\"><\/div>\r\n <div class=\"input-group\"><label for=\"hasBasement\">\u0647\u0644 \u064a\u0648\u062c\u062f \u0628\u062f\u0631\u0648\u0645\u061f<\/label><select id=\"hasBasement\"><option value=\"yes\">\u0646\u0639\u0645<\/option><option value=\"no\" selected>\u0644\u0627<\/option><\/select><\/div>\r\n <div class=\"input-group\"><label for=\"floors\">\u0639\u062f\u062f \u0627\u0644\u0623\u062f\u0648\u0627\u0631 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629<\/label><input type=\"number\" id=\"floors\" value=\"3\"><\/div>\r\n <div class=\"input-group\"><label for=\"roofRatio\">\u0646\u0633\u0628\u0629 \u0628\u0646\u0627\u0621 \u0627\u0644\u0631\u0648\u0641 (%)<\/label><input type=\"number\" id=\"roofRatio\" value=\"25\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <h3><i class=\"fas fa-pencil-ruler\"><\/i> 2. \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/h3>\r\n <div class=\"input-grid\">\r\n <div class=\"input-group\"><label for=\"foundationType\">\u0646\u0648\u0639 \u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a<\/label><select id=\"foundationType\"><option value=\"raft\">\u0644\u0628\u0634\u0629 \u0645\u0633\u0644\u062d\u0629<\/option><option value=\"isolated\">\u0642\u0648\u0627\u0639\u062f \u0645\u0646\u0641\u0635\u0644\u0629<\/option><\/select><\/div>\r\n <div class=\"input-group\"><label for=\"slabType\">\u0646\u0648\u0639 \u0627\u0644\u0633\u0642\u0641<\/label><select id=\"slabType\"><option value=\"flat\">\u0641\u0644\u0627\u062a \u0633\u0644\u0627\u0628<\/option><option value=\"solid\">\u0633\u0648\u0644\u064a\u062f \u0633\u0644\u0627\u0628<\/option><\/select><\/div>\r\n <div class=\"input-group\">\r\n <label for=\"columnsCount\">\u0639\u062f\u062f \u0623\u0639\u0645\u062f\u0629 \u0627\u0644\u062f\u0648\u0631 <small>(\u064a\u064f\u062d\u0633\u0628 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b)<\/small><\/label>\r\n <input type=\"number\" id=\"columnsCount\" value=\"16\">\r\n <\/div>\r\n <div class=\"input-group\"><label for=\"columnDim\">\u0623\u0628\u0639\u0627\u062f \u0627\u0644\u0639\u0645\u0648\u062f (\u0645)<\/label><input type=\"text\" id=\"columnDim\" value=\"0.25x0.6\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <h3><i class=\"fas fa-dollar-sign\"><\/i> 3. \u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/h3>\r\n <div class=\"input-grid\">\r\n <div class=\"input-group\"><label>\u0633\u0639\u0631 \u0637\u0646 \u0627\u0644\u062d\u062f\u064a\u062f<\/label><input type=\"number\" id=\"steelPrice\" value=\"41000\"><\/div>\r\n <div class=\"input-group\"><label>\u0633\u0639\u0631 \u0645\u00b3 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629<\/label><input type=\"number\" id=\"concretePrice\" value=\"2800\"><\/div>\r\n <div class=\"input-group\"><label>\u0645\u0635\u0646\u0639\u064a\u0629 \u0627\u0644\u0645\u062a\u0631 \u0627\u0644\u0645\u0643\u0639\u0628<\/label><input type=\"number\"id=\"workmanshipPrice\" value=\"900\"><\/div>\r\n <div class=\"input-group\"><label>\u062a\u0643\u0644\u0641\u0629 \u062d\u0641\u0631 \u0627\u0644\u0645\u062a\u0631 \u0627\u0644\u0645\u0643\u0639\u0628<\/label><input type=\"number\" id=\"excavationPrice\" value=\"80\"><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"card\">\r\n <h3 id=\"toggle-advanced\">\r\n <i class=\"fas fa-cogs\"><\/i> 4. \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 (\u0644\u0644\u062e\u0628\u0631\u0627\u0621) <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/h3>\r\n <div class=\"advanced-settings\" id=\"advanced-settings\">\r\n <h4>\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/h4>\r\n <div class=\"input-grid\">\r\n <div class=\"input-group\"><label>\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u062f\u0648\u0631 (\u0645)<\/label><input type=\"number\" id=\"floorHeight\" value=\"3.0\" step=\"0.1\"><\/div>\r\n <div class=\"input-group\"><label>\u0633\u064f\u0645\u0643 \u0627\u0644\u0644\u0628\u0634\u0629 (\u0645)<\/label><input type=\"number\" id=\"raftThickness\" value=\"0.8\" step=\"0.1\"><\/div>\r\n <div class=\"input-group\"><label>\u0633\u064f\u0645\u0643 \u0627\u0644\u0641\u0644\u0627\u062a \u0633\u0644\u0627\u0628 (\u0645)<\/label><input type=\"number\" id=\"flatSlabThickness\" value=\"0.22\" step=\"0.01\"><\/div>\r\n <div class=\"input-group\"><label>\u0633\u064f\u0645\u0643 \u0627\u0644\u0633\u0648\u0644\u064a\u062f \u0633\u0644\u0627\u0628 (\u0645)<\/label><input type=\"number\" id=\"solidSlabThickness\" value=\"0.15\" step=\"0.01\"><\/div>\r\n <div class=\"input-group\"><label>\u062d\u062f\u064a\u062f \u0627\u0644\u0644\u0628\u0634\u0629 (\u0643\u062c\u0645\/\u0645\u00b3)<\/label><input type=\"number\" id=\"raftSteelRatio\" value=\"110\"><\/div>\r\n <div class=\"input-group\"><label>\u062d\u062f\u064a\u062f \u0627\u0644\u0642\u0648\u0627\u0639\u062f (\u0643\u062c\u0645\/\u0645\u00b3)<\/label><input type=\"number\" id=\"isolatedSteelRatio\" value=\"95\"><\/div>\r\n <div class=\"input-group\"><label>\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0639\u0645\u062f\u0629 (\u0643\u062c\u0645\/\u0645\u00b3)<\/label><input type=\"number\" id=\"columnSteelRatio\" value=\"150\"><\/div>\r\n <div class=\"input-group\"><label>\u062d\u062f\u064a\u062f \u0627\u0644\u0641\u0644\u0627\u062a \u0633\u0644\u0627\u0628 (\u0643\u062c\u0645\/\u0645\u00b3)<\/label><input type=\"number\" id=\"flatSlabSteelRatio\" value=\"125\"><\/div>\r\n <div class=\"input-group\"><label>\u062d\u062f\u064a\u062f \u0627\u0644\u0633\u0648\u0644\u064a\u062f \u0633\u0644\u0627\u0628 (\u0643\u062c\u0645\/\u0645\u00b3)<\/label><input type=\"number\" id=\"solidSlabSteelRatio\" value=\"90\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <h3><i class=\"fas fa-chart-pie\"><\/i> 5. \u0645\u0644\u062e\u0635 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h3>\r\n <div class=\"card\" id=\"total-card\">\r\n <h3>\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a\u0629<\/h3>\r\n <p id=\"total-cost-display\">\u062c\u0627\u0631\u064a \u0627\u0644\u062d\u0633\u0627\u0628...<\/p>\r\n <div class=\"chart-container\"><canvas id=\"cost-chart\"><\/canvas><\/div>\r\n <\/div>\r\n\r\n <h3><i class=\"fas fa-clipboard-list\"><\/i> 6. \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0644\u0643\u0644 \u0628\u0646\u062f<\/h3>\r\n <div id=\"results-container\"><\/div>\r\n\r\n <h3><i class=\"fas fa-lightbulb\"><\/i> 7. \u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0648\u062a\u0648\u0635\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0631\u0642\u0645\u064a<\/h3>\r\n <div class=\"summary\" id=\"summary-details\"><\/div>\r\n \r\n <a id=\"whatsappBtn\" class=\"btn-whatsapp\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i> \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0641\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/a>\r\n<\/div>\r\n\r\n<script>\r\nlet allItems = [];\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const allInputs = document.querySelectorAll('input, select');\r\n allInputs.forEach(input => {\r\n if (input.id !== 'area') {\r\n input.addEventListener('input', generateAndRender);\r\n }\r\n });\r\n\r\n const areaInput = document.getElementById('area');\r\n areaInput.addEventListener('change', () => {\r\n autoCalculateColumns();\r\n generateAndRender();\r\n });\r\n areaInput.addEventListener('input', generateAndRender);\r\n\r\n const advancedToggle = document.getElementById('toggle-advanced');\r\n advancedSettings = document.getElementById('advanced-settings');\r\n advancedToggle.addEventListener('click', () => {\r\n const isVisible = advancedSettings.style.display === 'block';\r\n advancedSettings.style.display = isVisible ? 'none' : 'block';\r\n advancedToggle.querySelector('.fa-chevron-down').style.transform = isVisible ? 'rotate(0deg)' : 'rotate(180deg)';\r\n });\r\n\r\n autoCalculateColumns();\r\n generateAndRender();\r\n});\r\n\r\nfunction autoCalculateColumns() {\r\n const area = parseFloat(document.getElementById('area').value) || 0;\r\n const columnsInput = document.getElementById('columnsCount');\r\n const minColumns = 8;\r\n let calculatedCols = (area <= 150) ? Math.ceil(area \/ 12) : Math.ceil(area \/ 20);\r\n columnsInput.value = Math.max(minColumns, calculatedCols);\r\n}\r\n\r\nlet costChart = null;\r\n\r\nfunction getInputs() {\r\n const slabType = document.getElementById('slabType').value;\r\n return {\r\n area: parseFloat(document.getElementById('area').value) || 0,\r\n hasBasement: document.getElementById('hasBasement').value === 'yes',\r\n floors: parseInt(document.getElementById('floors').value) || 0,\r\n roofRatio: (parseFloat(document.getElementById('roofRatio').value) || 0) \/ 100,\r\n foundationType: document.getElementById('foundationType').value,\r\n slabType: slabType,\r\n columnsCount: parseInt(document.getElementById('columnsCount').value) || 0,\r\n columnDim: (document.getElementById('columnDim').value.toLowerCase().split('x').map(Number)),\r\n steelPrice: parseFloat(document.getElementById('steelPrice').value) || 0,\r\n concretePrice: parseFloat(document.getElementById('concretePrice').value) || 0,\r\n workmanshipPrice: parseFloat(document.getElementById('workmanshipPrice').value) || 0,\r\n excavationPrice: parseFloat(document.getElementById('excavationPrice').value) || 0,\r\n floorHeight: parseFloat(document.getElementById('floorHeight').value) || 3.0,\r\n foundationThickness: parseFloat(document.getElementById('raftThickness').value) || 0.8,\r\n slabThickness: slabType === 'flat' ? (parseFloat(document.getElementById('flatSlabThickness').value) || 0.22) : (parseFloat(document.getElementById('solidSlabThickness').value) || 0.15),\r\n steelRatios: {\r\n raft: parseFloat(document.getElementById('raftSteelRatio').value) || 110,\r\n isolated: parseFloat(document.getElementById('isolatedSteelRatio').value) || 95,\r\n columns: parseFloat(document.getElementById('columnSteelRatio').value) || 150,\r\n flat: parseFloat(document.getElementById('flatSlabSteelRatio').value) || 125,\r\n solid: parseFloat(document.getElementById('solidSlabSteelRatio').value) || 90,\r\n }\r\n };\r\n}\r\n\r\nfunction generateAndRender() {\r\n const i = getInputs();\r\n allItems = [];\r\n\r\n const excavationDepth = i.hasBasement ? 3.5 : 2.0;\r\n allItems.push({ id: 'excavation', title: '\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062d\u0641\u0631', concVol: 0, steelTon: 0, cost: (i.area * excavationDepth) * i.excavationPrice, details: `${(i.area * excavationDepth).toFixed(1)} \u0645\u00b3` });\r\n\r\n const plainConcVol = i.area * 0.2;\r\n allItems.push({ id: 'plain_concrete', title: '\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0646\u0638\u0627\u0641\u0629', concVol: plainConcVol, steelTon: 0, cost: plainConcVol * (i.concretePrice + i.workmanshipPrice), details: `${plainConcVol.toFixed(1)} \u0645\u00b3` });\r\n\r\n const isRaft = i.foundationType === 'raft';\r\n const foundConcVol = i.area * i.foundationThickness;\r\n const foundSteelRatio = isRaft ? i.steelRatios.raft : i.steelRatios.isolated;\r\n const foundSteelTon = foundConcVol * foundSteelRatio \/ 1000;\r\n allItems.push({ id: 'foundation', title: `\u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a (${isRaft ? '\u0644\u0628\u0634\u0629' : '\u0642\u0648\u0627\u0639\u062f'})`, concVol: foundConcVol, steelTon: foundSteelTon, cost: (foundConcVol * (i.concretePrice + i.workmanshipPrice)) + (foundSteelTon * i.steelPrice), details: `\u062e: ${foundConcVol.toFixed(1)} \u0645\u00b3, \u062d: ${foundSteelTon.toFixed(2)} \u0637\u0646` });\r\n\r\n const colVol = (i.columnDim[0] || 0) * (i.columnDim[1] || 0) * i.floorHeight;\r\n const slabConcVol = i.area * i.slabThickness;\r\n const slabSteelRatio = i.slabType === 'flat' ? i.steelRatios.flat : i.steelRatios.solid;\r\n const slabSteelTon = slabConcVol * slabSteelRatio \/ 1000;\r\n const slabCost = (slabConcVol * (i.concretePrice + i.workmanshipPrice)) + (slabSteelTon * i.steelPrice);\r\n\r\n const structureLevels = (i.hasBasement ? 1 : 0) + 1 + i.floors;\r\n for (let level = 0; level < structureLevels; level++) {\r\n let levelName = '';\r\n if (i.hasBasement && level === 0) levelName = '\u0627\u0644\u0628\u062f\u0631\u0648\u0645';\r\n else if ((i.hasBasement && level === 1) || (!i.hasBasement && level === 0)) levelName = '\u0627\u0644\u0623\u0631\u0636\u064a';\r\n else levelName = `\u0627\u0644\u0645\u062a\u0643\u0631\u0631 \u0627\u0644\u0640${i.hasBasement ? level - 1 : level}`;\r\n\r\n const colsConcVol = colVol * i.columnsCount;\r\n const colsSteelTon = colsConcVol * i.steelRatios.columns \/ 1000;\r\n allItems.push({ id: `cols_${level}`, title: `\u0623\u0639\u0645\u062f\u0629 ${levelName}`, concVol: colsConcVol, steelTon: colsSteelTon, cost: (colsConcVol * (i.concretePrice + i.workmanshipPrice)) + (colsSteelTon * i.steelPrice), details: `\u062e: ${colsConcVol.toFixed(1)} \u0645\u00b3, \u062d: ${colsSteelTon.toFixed(2)} \u0637\u0646` });\r\n \r\n allItems.push({ id: `slab_${level}`, title: `\u0633\u0642\u0641 ${levelName}`, concVol: slabConcVol, steelTon: slabSteelTon, cost: slabCost, details: `\u062e: ${slabConcVol.toFixed(1)} \u0645\u00b3, \u062d: ${slabSteelTon.toFixed(2)} \u0637\u0646` });\r\n }\r\n\r\n if (i.roofRatio > 0) {\r\n const roofArea = i.area * i.roofRatio;\r\n const roofColsCount = Math.max(4, Math.ceil(i.columnsCount * i.roofRatio \/ 2) * 2);\r\n const roofColsConcVol = colVol * roofColsCount;\r\n const roofColsSteelTon = roofColsConcVol * i.steelRatios.columns \/ 1000;\r\n allItems.push({ id: 'roof_cols', title: `\u0623\u0639\u0645\u062f\u0629 \u0627\u0644\u0631\u0648\u0641 (${roofColsCount} \u0639\u0645\u0648\u062f)`, concVol: roofColsConcVol, steelTon: roofColsSteelTon, cost: (roofColsConcVol * (i.concretePrice + i.workmanshipPrice)) + (roofColsSteelTon * i.steelPrice), details: `\u062e: ${roofColsConcVol.toFixed(1)} \u0645\u00b3, \u062d: ${roofColsSteelTon.toFixed(2)} \u0637\u0646` });\r\n\r\n const roofSlabConcVol = roofArea * 0.18;\r\n const roofSlabSteelTon = roofSlabConcVol * i.steelRatios.solid \/ 1000;\r\n allItems.push({ id: 'roof_slab', title: '\u0633\u0642\u0641 \u0627\u0644\u0631\u0648\u0641', concVol: roofSlabConcVol, steelTon: roofSlabSteelTon, cost: (roofSlabConcVol * (i.concretePrice + i.workmanshipPrice)) + (roofSlabSteelTon * i.steelPrice), details: `\u062e: ${roofSlabConcVol.toFixed(1)} \u0645\u00b3, \u062d: ${roofSlabSteelTon.toFixed(2)} \u0637\u0646` });\r\n }\r\n\r\n renderFromState();\r\n}\r\n\r\nfunction renderFromState() {\r\n const i = getInputs();\r\n const container = document.getElementById('results-container');\r\n container.innerHTML = '';\r\n let totalCost = 0, totalConcVol = 0, totalSteelTon = 0;\r\n\r\n allItems.forEach(item => {\r\n totalCost += item.cost;\r\n totalConcVol += item.concVol;\r\n totalSteelTon += item.steelTon;\r\n\r\n const card = document.createElement('div');\r\n card.className = 'card results-card';\r\n card.innerHTML = `<span class=\"delete-btn\" data-id=\"${item.id}\"><i class=\"fas fa-trash-alt\"><\/i> \u062d\u0630\u0641<\/span><h4>${item.title}<\/h4><p><strong>\u0627\u0644\u062a\u0643\u0644\u0641\u0629:<\/strong> ${format(item.cost)} \u062c.\u0645<\/p><small style=\"color:#777;\">${item.details}<\/small>`;\r\n container.appendChild(card);\r\n });\r\n\r\n document.querySelectorAll('.delete-btn').forEach(btn => {\r\n btn.addEventListener('click', (e) => {\r\n const idToDelete = e.currentTarget.getAttribute('data-id');\r\n allItems = allItems.filter(item => item.id !== idToDelete);\r\n renderFromState();\r\n });\r\n });\r\n\r\n \/\/ **\u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0641\u0635\u0644 - \u062a\u0645\u062a \u0625\u0639\u0627\u062f\u0629 \u0643\u062a\u0627\u0628\u062a\u0647 \u0628\u0627\u0644\u0643\u0627\u0645\u0644**\r\n let summary = \"\ud83d\udcdd **\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0631\u0642\u0645\u064a \u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641:**\\n\\n\";\r\n summary += `\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u0642\u062f\u0645\u062a\u0647\u0627 \u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0645\u0633\u0627\u062d\u0629 **${i.area} \u0645\u00b2**\u060c \u0625\u0644\u064a\u0643 \u062a\u062d\u0644\u064a\u0644 \u062a\u0641\u0635\u064a\u0644\u064a \u0644\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629:\\n\\n`;\r\n \r\n const foundationItem = allItems.find(item => item.id === 'foundation');\r\n if (foundationItem) {\r\n const isRaft = i.foundationType === 'raft';\r\n summary += `**1. \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a:**\\n`;\r\n summary += ` - \u062a\u0645 \u062d\u0633\u0627\u0628 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u0627\u062a \u0645\u0646 \u0646\u0648\u0639 **\"${isRaft ? '\u0644\u0628\u0634\u0629 \u0645\u0633\u0644\u062d\u0629' : '\u0642\u0648\u0627\u0639\u062f \u0645\u0646\u0641\u0635\u0644\u0629'}\"** \u0628\u0633\u064f\u0645\u0643 **${i.foundationThickness} \u0645**.\\n`;\r\n summary += ` - \u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629: **${foundationItem.concVol.toFixed(1)} \u0645\u00b3** \u062e\u0631\u0633\u0627\u0646\u0629 \u0648 **${foundationItem.steelTon.toFixed(2)} \u0637\u0646** \u062d\u062f\u064a\u062f.\\n`;\r\n if (isRaft) {\r\n const savings = ((foundationItem.concVol * (i.steelRatios.raft - i.steelRatios.isolated)) \/ 1000) * i.steelPrice;\r\n summary += `<span class=\"insight\">\ud83d\udca1 **\u0646\u0635\u064a\u062d\u0629 \u0644\u0644\u062a\u0648\u0641\u064a\u0631:** \u0627\u062e\u062a\u064a\u0627\u0631\u0643 \u0644\u0640 \"\u0627\u0644\u0644\u0628\u0634\u0629\" \u0647\u0648 \u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u0627\u064b \u0648\u0627\u0633\u062a\u0642\u0631\u0627\u0631\u0627\u064b \u0644\u0644\u0645\u0628\u0646\u0649\u060c \u062e\u0627\u0635\u0629 \u0645\u0639 \u0627\u0644\u062a\u0631\u0628\u0629 \u0627\u0644\u0636\u0639\u064a\u0641\u0629. \u0644\u0643\u0646 \u0625\u0630\u0627 \u0643\u0627\u0646 \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u062a\u0631\u0628\u0629 \u064a\u0633\u0645\u062d\u060c \u0641\u0625\u0646 \u0627\u0644\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \"\u0642\u0648\u0627\u0639\u062f \u0645\u0646\u0641\u0635\u0644\u0629\" \u0643\u0627\u0646 \u0633\u064a\u0648\u0641\u0631 \u0644\u0643 \u0645\u0628\u0644\u063a\u0627\u064b \u064a\u0642\u062f\u0631 \u0628\u062d\u0648\u0627\u0644\u064a **${format(savings)} \u062c.\u0645** \u0641\u064a \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062d\u062f\u064a\u062f \u0648\u062d\u062f\u0647\u060c \u0648\u0647\u0648 \u0645\u0628\u0644\u063a \u0644\u064a\u0633 \u0628\u0627\u0644\u0642\u0644\u064a\u0644.<\/span>\\n\\n`;\r\n } else {\r\n summary += `<span class=\"insight\">\ud83d\udca1 **\u0645\u0639\u0644\u0648\u0645\u0629 \u0647\u0627\u0645\u0629:** \u0627\u062e\u062a\u064a\u0627\u0631\u0643 \u0644\u0640 \"\u0642\u0648\u0627\u0639\u062f \u0645\u0646\u0641\u0635\u0644\u0629\" \u0647\u0648 \u0642\u0631\u0627\u0631 \u0627\u0642\u062a\u0635\u0627\u062f\u064a \u0645\u0645\u062a\u0627\u0632 \u064a\u0648\u0641\u0631 \u0641\u064a \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062d\u062f\u064a\u062f. \u0641\u0642\u0637 \u062a\u0623\u0643\u062f \u062a\u0645\u0627\u0645\u0627\u064b \u0645\u0646 \u0623\u0646 \u062a\u0642\u0631\u064a\u0631 \u0641\u062d\u0635 \u0627\u0644\u062a\u0631\u0628\u0629 \u064a\u062f\u0639\u0645 \u0647\u0630\u0627 \u0627\u0644\u0642\u0631\u0627\u0631 \u0644\u0636\u0645\u0627\u0646 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0628\u0646\u0649 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.<\/span>\\n\\n`;\r\n }\r\n }\r\n\r\n const structureLevels = allItems.filter(item => item.id.startsWith('slab_') || item.id.startsWith('cols_')).length \/ 2;\r\n if (structureLevels > 0) {\r\n const isFlatSlab = i.slabType === 'flat';\r\n summary += `**2. \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u064a (${structureLevels} \u0637\u0627\u0628\u0642):**\\n`;\r\n summary += ` - \u062a\u0645 \u062d\u0633\u0627\u0628 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0623\u0633\u0642\u0641 \u0648\u0627\u0644\u0623\u0639\u0645\u062f\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u062e\u062a\u064a\u0627\u0631\u0643 \u0644\u0633\u0642\u0641 \u0645\u0646 \u0646\u0648\u0639 **\"${isFlatSlab ? '\u0641\u0644\u0627\u062a \u0633\u0644\u0627\u0628' : '\u0633\u0648\u0644\u064a\u062f \u0633\u0644\u0627\u0628'}\"** \u0628\u0633\u064f\u0645\u0643 **${i.slabThickness} \u0645**.\\n`;\r\n summary += ` - \u062a\u0645 \u062a\u0642\u062f\u064a\u0631 \u0639\u062f\u062f \u0627\u0644\u0623\u0639\u0645\u062f\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0628\u0640 **${i.columnsCount} \u0639\u0645\u0648\u062f** \u0644\u0644\u062f\u0648\u0631 \u0627\u0644\u0643\u0627\u0645\u0644\u060c \u0648\u064a\u0645\u0643\u0646\u0643 \u062a\u0639\u062f\u064a\u0644 \u0647\u0630\u0627 \u0627\u0644\u0631\u0642\u0645 \u064a\u062f\u0648\u064a\u0627\u064b \u0644\u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u062a\u0635\u0645\u064a\u0645\u0643 \u0627\u0644\u062e\u0627\u0635.\\n`;\r\n if (isFlatSlab) {\r\n const slabConcVol = i.area * i.slabThickness;\r\n const potentialSaving = ((slabConcVol * (i.steelRatios.flat - i.steelRatios.solid)) \/ 1000) * i.steelPrice * structureLevels;\r\n summary += `<span class=\"insight\">\ud83d\udca1 **\u0646\u0635\u064a\u062d\u0629 \u0644\u0644\u062a\u0648\u0641\u064a\u0631:** \"\u0627\u0644\u0641\u0644\u0627\u062a \u0633\u0644\u0627\u0628\" \u064a\u0645\u0646\u062d\u0643 \u062d\u0631\u064a\u0629 \u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0647\u0627\u0626\u0644\u0629 \u0641\u064a \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u062d\u0648\u0627\u0626\u0637 \u0648\u0625\u0644\u063a\u0627\u0621 \u0627\u0644\u0643\u0645\u0631\u0627\u062a \u0627\u0644\u0633\u0627\u0642\u0637\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0637\u064a \u0625\u062d\u0633\u0627\u0633\u0627\u064b \u0628\u0627\u0644\u0627\u062a\u0633\u0627\u0639. \u0644\u0643\u0646 \u0647\u0630\u0647 \u0627\u0644\u0645\u064a\u0632\u0629 \u062a\u0623\u062a\u064a \u0628\u062a\u0643\u0644\u0641\u0629 \u0623\u0639\u0644\u0649 \u0641\u064a \u0627\u0644\u062d\u062f\u064a\u062f. \u0644\u0648 \u062a\u0635\u0645\u064a\u0645\u0643 \u064a\u0633\u0645\u062d\u060c \u0641\u0625\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \"\u0633\u0648\u0644\u064a\u062f \u0633\u0644\u0627\u0628\" \u0643\u0627\u0646 \u0633\u064a\u0648\u0641\u0631 \u0644\u0643 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u062d\u0648\u0627\u0644\u064a **${format(potentialSaving)} \u062c.\u0645** \u0641\u064a \u0625\u062c\u0645\u0627\u0644\u064a \u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0633\u0642\u0641.<\/span>\\n\\n`;\r\n } else {\r\n summary += `<span class=\"insight\">\ud83d\udca1 **\u0645\u0639\u0644\u0648\u0645\u0629 \u0647\u0627\u0645\u0629:** \u0627\u062e\u062a\u064a\u0627\u0631\u0643 \u0644\u0640 \"\u0633\u0648\u0644\u064a\u062f \u0633\u0644\u0627\u0628\" \u0647\u0648 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0643\u062b\u0631 \u0643\u0641\u0627\u0621\u0629 \u0645\u0646 \u062d\u064a\u062b \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062d\u062f\u064a\u062f. \u0647\u0648 \u062d\u0644 \u0645\u062b\u0627\u0644\u064a \u0637\u0627\u0644\u0645\u0627 \u0623\u0646 \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0623\u0639\u0645\u062f\u0629 (\u0627\u0644\u0628\u062d\u0648\u0631) \u0644\u0627 \u062a\u062a\u062c\u0627\u0648\u0632 5-6 \u0623\u0645\u062a\u0627\u0631 \u0641\u064a \u0627\u0644\u063a\u0627\u0644\u0628.<\/span>\\n\\n`;\r\n }\r\n }\r\n\r\n const roofItem = allItems.find(item => item.id === 'roof_slab');\r\n if (roofItem) {\r\n summary += `**3. \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0648\u0641:**\\n`;\r\n summary += ` - \u062a\u0645 \u062d\u0633\u0627\u0628 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0631\u0648\u0641 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0646\u0633\u0628\u0629 \u0628\u0646\u0627\u0621 **${i.roofRatio * 100}%** \u0645\u0646 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062f\u0648\u0631.\\n`;\r\n summary += `<span class=\"insight\">\ud83d\udca1 **\u0645\u0639\u0644\u0648\u0645\u0629 \u0647\u0627\u0645\u0629:** \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0631\u0648\u0641 \u0642\u062f \u062a\u0628\u062f\u0648 \u0628\u0633\u064a\u0637\u0629\u060c \u0644\u0643\u0646\u0647\u0627 \u062a\u0636\u064a\u0641 \u0644\u0644\u0645\u062c\u0645\u0648\u0639 \u0627\u0644\u0643\u0644\u064a. \u0643\u0644 \u0632\u064a\u0627\u062f\u0629 \u0641\u064a \u0646\u0633\u0628\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0635\u0631\u062d \u0628\u0647\u0627 \u0633\u062a\u0624\u062b\u0631 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629.<\/span>\\n\\n`;\r\n }\r\n\r\n summary += `**\u0627\u0644\u062e\u0644\u0627\u0635\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 (\u0644\u0644\u0628\u0646\u0648\u062f \u0627\u0644\u0645\u0639\u0631\u0648\u0636\u0629):**\\n - \u0625\u062c\u0645\u0627\u0644\u064a \u062d\u062c\u0645 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629: **${totalConcVol.toFixed(1)} \u0645\u00b3**.\\n - \u0625\u062c\u0645\u0627\u0644\u064a \u0648\u0632\u0646 \u0627\u0644\u062d\u062f\u064a\u062f: **${totalSteelTon.toFixed(2)} \u0637\u0646**.\\n - **\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a\u0629 (\u062e\u0627\u0645\u0627\u062a \u0648\u0645\u0635\u0646\u0639\u064a\u0627\u062a \u0648\u062d\u0641\u0631): ${format(totalCost)} \u062c.\u0645**`;\r\n\r\n document.getElementById('summary-details').innerHTML = summary;\r\n document.getElementById('total-cost-display').innerText = `${format(totalCost)} \u062c.\u0645`;\r\n\r\n const totalSteelCost = totalSteelTon * i.steelPrice;\r\n const totalConcreteCost = totalConcVol * i.concretePrice;\r\n const totalWorkmanshipCost = totalConcVol * i.workmanshipPrice;\r\n const excavationItem = allItems.find(item => item.id === 'excavation');\r\n const excavationCost = excavationItem ? excavationItem.cost : 0;\r\n updateChart([totalSteelCost, totalConcreteCost, totalWorkmanshipCost, excavationCost]);\r\n \r\n updateWhatsappLink(summary);\r\n}\r\n\r\nfunction updateChart(data) {\r\n const ctx = document.getElementById('cost-chart').getContext('2d');\r\n if (costChart) costChart.destroy();\r\n costChart = new Chart(ctx, {\r\n type: 'doughnut',\r\n data: {\r\n labels: ['\u062d\u062f\u064a\u062f \u062a\u0633\u0644\u064a\u062d', '\u062e\u0631\u0633\u0627\u0646\u0629 \u062c\u0627\u0647\u0632\u0629', '\u0645\u0635\u0646\u0639\u064a\u0627\u062a', '\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062d\u0641\u0631'],\r\n datasets: [{ data: data, backgroundColor: ['#c62828', '#1565c0', '#f9a825', '#6d4c41'], borderColor: '#fff', borderWidth: 3 }]\r\n },\r\n options: {\r\n responsive: true, maintainAspectRatio: false,\r\n plugins: {\r\n legend: { position: 'top', labels: { color: '#fff', font: { size: 14 } } },\r\n tooltip: { callbacks: { label: (c) => `${c.label}: ${format(c.raw)} \u062c.\u0645` } }\r\n }\r\n }\r\n });\r\n}\r\n\r\nfunction updateWhatsappLink(summary) {\r\n const cleanSummary = summary.replace(\/<[^>]*>\/g, '');\r\n const msg = `\ud83d\udcca \u062a\u0642\u0631\u064a\u0631 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u064a:\\n\\n${cleanSummary}\\n\\n---\\n\u062a\u0645 \u0625\u0639\u062f\u0627\u062f \u0647\u0630\u0627 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0631\u0642\u0645\u064a.`;\r\n document.getElementById('whatsappBtn').href = `https:\/\/wa.me\/201550507700?text=${encodeURIComponent(msg)}`;\r\n}\r\n\r\nfunction format(num) {\r\n return num.toLocaleString('ar-EG', { maximumFractionDigits: 0 });\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-53091","post","type-post","status-publish","format-standard","hentry","category-24128"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":53121,"url":"https:\/\/engeg.com\/b\/2025\/09\/07\/%d9%87%d9%8a%d9%83%d9%84-%d8%ac\/","url_meta":{"origin":53091,"position":0},"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":52724,"url":"https:\/\/engeg.com\/b\/2025\/08\/31\/%d8%b5%d8%a8-%d9%a3\/","url_meta":{"origin":53091,"position":1},"title":"\u0635\u0628 \u0663","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":52641,"url":"https:\/\/engeg.com\/b\/2025\/08\/29\/%d8%ad%d8%a7%d8%b3%d8%a8%d9%87-%d8%a7%d9%84%d8%a7%d8%b3%d8%a7%d8%b3-%d9%85%d8%b9-%d8%a7%d9%84%d8%aa%d8%ad%d9%84%d9%8a%d9%84-%d8%ac\/","url_meta":{"origin":53091,"position":2},"title":"\u062d\u0627\u0633\u0628\u0647 \u0627\u0644\u0627\u0633\u0627\u0633 \u0645\u0639 \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u062c","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 29, 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":53104,"url":"https:\/\/engeg.com\/b\/2025\/09\/06\/%d8%aa%d8%b4%d8%b7%d9%8a%d8%a8-%d9%87%d9%8a%d9%83%d9%84-%d8%ac%d8%af%d9%8a%d8%af\/","url_meta":{"origin":53091,"position":3},"title":"\u062a\u0634\u0637\u064a\u0628 \u0647\u064a\u0643\u0644 \u062c\u062f\u064a\u062f","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 6, 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":52740,"url":"https:\/\/engeg.com\/b\/2025\/08\/31\/%d9%83%d9%85%d9%8a%d8%a7%d8%aa-%d8%b5%d8%a8-%d9%a4\/","url_meta":{"origin":53091,"position":4},"title":"\u0643\u0645\u064a\u0627\u062a \u0635\u0628 \u0664","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":55756,"url":"https:\/\/engeg.com\/b\/2026\/01\/19\/seramek\/","url_meta":{"origin":53091,"position":5},"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":[]}],"_links":{"self":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/53091","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=53091"}],"version-history":[{"count":1,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/53091\/revisions"}],"predecessor-version":[{"id":53095,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/53091\/revisions\/53095"}],"wp:attachment":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/media?parent=53091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/categories?post=53091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/tags?post=53091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}