\u0627\u0644\u0645\u0631\u0634\u062f \u0627\u0644\u0630\u0643\u064a \u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0632\u064a\u0627\u062f\u0629 \u063a\u0631\u0641 \u0627\u0644\u0633\u0637\u062d<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --bg-main: #f0f4f8;\r\n --bg-glass: rgba(255, 255, 255, 0.85);\r\n --border-color: rgba(0, 0, 0, 0.08);\r\n --text-primary: #1a253c;\r\n --text-secondary: #5a6479;\r\n --accent-primary: #8e44ad;\r\n --accent-secondary: #2980b9;\r\n --accent-done: #27ae60;\r\n --accent-pending: #f39c12;\r\n --accent-danger: #e74c3c;\r\n --shadow: 0 10px 35px rgba(0, 0, 0, 0.07);\r\n --border-radius: 16px;\r\n}\r\nhtml { scroll-behavior: smooth; }\r\nbody { background-color: var(--bg-main); background-image: linear-gradient(135deg, #f5eef8 0%, #f0f4f8 100%); font-family: 'Cairo', sans-serif; padding: 20px; margin: 0; color: var(--text-primary); }\r\n.container { max-width: 950px; margin: 0 auto; }\r\n.main-header { text-align: center; margin-bottom: 20px; }\r\n.main-header h1 { font-size: 32px; font-weight: 900; margin: 0; background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n.main-header p { color: var(--text-secondary); margin-top: 5px; font-size: 16px; }\r\n.project-dates { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; background: var(--bg-glass); border: 1px solid var(--border-color); border-radius: var(--border-radius); padding: 20px; margin: 25px 0; box-shadow: var(--shadow); }\r\n.project-dates label { font-weight: 700; font-size: 14px; color: var(--text-secondary); margin-bottom: 5px; display: block; }\r\n.project-dates input { width: 100%; padding: 10px; border-radius: 8px; border: 1px solid rgba(0,0,0,0.1); font-size: 14px; box-sizing: border-box; background: #fff; }\r\n.toc { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 25px 0; padding: 10px; background: var(--bg-glass); border-radius: var(--border-radius); box-shadow: var(--shadow); backdrop-filter: blur(10px); position: sticky; top: 10px; z-index: 100; }\r\n.toc a { background: rgba(0,0,0,0.05); color: var(--text-secondary); padding: 8px 15px; border-radius: 12px; text-decoration: none; font-size: 14px; font-weight: 700; transition: all 0.3s ease; }\r\n.toc a:hover, .toc a.active { background: var(--accent-primary); color: #fff; transform: translateY(-2px); }\r\n.phase { margin-bottom: 30px; padding-top: 70px; margin-top: -70px; }\r\n.phase-header { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid var(--accent-primary); }\r\n.phase-header .icon { font-size: 28px; color: var(--accent-primary); }\r\n.phase-header h2 { margin: 0; font-size: 24px; font-weight: 700; }\r\n.checklist-item { background: var(--bg-glass); border: 1px solid var(--border-color); backdrop-filter: blur(10px); padding: 20px; border-radius: var(--border-radius); margin-bottom: 15px; box-shadow: var(--shadow); transition: all 0.3s ease; border-left: 5px solid var(--border-color); position: relative; }\r\n.item-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; }\r\n.item-header strong { font-size: 18px; flex-grow: 1; line-height: 1.4; }\r\n.status-toggle { display: flex; align-items: center; gap: 8px; background: rgba(0,0,0,0.04); padding: 5px; border-radius: 10px; flex-shrink: 0; }\r\n.status-toggle label { padding: 5px 12px; border-radius: 7px; cursor: pointer; font-size: 13px; font-weight: 700; transition: all 0.3s ease; }\r\n.status-toggle input:checked + label { color: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }\r\n.status-toggle input[value=\"\u062a\u0645\"]:checked + label { background-color: var(--accent-done); }\r\n.status-toggle input[value=\"\u0644\u0645 \u064a\u062a\u0645\"]:checked + label { background-color: var(--accent-pending); }\r\n.status-toggle input { display: none; }\r\n.item-body { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--border-color); }\r\n.details-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }\r\n.detail-box { background: rgba(0,0,0,0.02); padding: 15px; border-radius: 10px; display: flex; flex-direction: column; }\r\n.detail-box h4 { margin: 0 0 10px; font-size: 14px; font-weight: 700; color: var(--text-secondary); display: flex; align-items: center; gap: 8px; border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 8px; }\r\n.detail-box p, .detail-box ul { margin: 0; font-size: 15px; line-height: 1.8; padding-right: 0; flex-grow: 1; }\r\n.detail-box ul { list-style-type: none; }\r\n.detail-box ul li { position: relative; padding-right: 20px; margin-bottom: 8px; }\r\n.detail-box ul li::before { content: '\u2022'; color: var(--accent-primary); position: absolute; right: 0; top: 0; }\r\n.cost-input { width: 100%; padding: 10px; border-radius: 8px; border: 1px solid rgba(0,0,0,0.1); font-size: 14px; box-sizing: border-box; margin-top: 8px; background: #fff; }\r\n.delay-reasons-container { margin-top: 10px; min-height: 20px; }\r\n.delay-reason-item { background: rgba(0,0,0,0.05); padding: 8px 12px; border-radius: 6px; margin-bottom: 5px; font-size: 14px; }\r\n.add-delay-btn { border: none; padding: 6px 12px; border-radius: 6px; font-size: 12px; cursor: pointer; margin-top: 10px; transition: background 0.3s; color: #fff; background: var(--accent-danger); }\r\n.smart-report-section, .delay-analysis-section { background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)); border: 1px solid var(--border-color); border-radius: var(--border-radius); padding: 30px; margin: 40px 0; box-shadow: var(--shadow); backdrop-filter: blur(10px); }\r\n.smart-report-section h2, .delay-analysis-section h2 { margin-top: 0; text-align: center; font-weight: 900; color: var(--accent-primary); }\r\n.progress-bar-container { background: rgba(0,0,0,0.05); border-radius: 10px; padding: 4px; margin: 25px 0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.06); }\r\n.progress-bar { width: 0%; height: 16px; background: linear-gradient(90deg, var(--accent-secondary), var(--accent-primary)); border-radius: 8px; transition: width 0.5s ease-in-out; text-align: center; color: white; font-size: 12px; line-height: 16px; font-weight: 700; }\r\n.dashboard { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; margin-bottom: 25px; }\r\n.dash-card { background: var(--bg-glass); border: 1px solid var(--border-color); backdrop-filter: blur(10px); padding: 15px; border-radius: var(--border-radius); text-align: center; box-shadow: var(--shadow); }\r\n.dash-card h3 { margin: 0 0 8px; font-size: 14px; color: var(--text-secondary); font-weight: 400; }\r\n.dash-card p { margin: 0; font-size: 24px; font-weight: 700; }\r\n#smartReportContent, #delayAnalysisContent { line-height: 1.9; font-size: 16px; }\r\n#smartReportContent p, #delayAnalysisContent p, #delayAnalysisContent ul { margin-bottom: 15px; }\r\n#smartReportContent strong, #delayAnalysisContent strong { color: var(--accent-primary); font-weight: 700; }\r\n.actions { display: flex; gap: 15px; margin-top: 30px; justify-content: center; flex-wrap: wrap; }\r\n.btn { padding: 12px 25px; border-radius: 12px; border: none; cursor: pointer; font-weight: 700; font-size: 15px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }\r\n.btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); }\r\n.btn-wa { background: linear-gradient(135deg, #25D366, #128C7E); color: #fff; }\r\n.btn-clear { background: linear-gradient(135deg, #e74c3c, #c0392b); color: #fff; }\r\n.expected-date { font-size: 12px; color: var(--accent-secondary); margin-top: 5px; display: block; font-weight: 400; }\r\n@media (max-width: 768px) { .item-header { flex-direction: column; align-items: stretch; } .status-toggle { justify-content: space-around; } .toc { position: static; } .details-grid { grid-template-columns: 1fr; } .project-dates { grid-template-columns: 1fr; } }\r\n.checklist-item[data-status=\"\u062a\u0645\"] { border-left-color: var(--accent-done); }\r\n.checklist-item[data-status=\"\u0644\u0645 \u064a\u062a\u0645\"] { border-left-color: var(--accent-pending); }\r\n.checklist-item[data-status=\"\u0645\u062d\u0630\u0648\u0641\"] { border-left-color: var(--accent-danger); opacity: 0.5; pointer-events: none; }\r\n.delete-btn { position: absolute; top: 10px; left: 10px; background: none; border: none; color: var(--accent-danger); font-size: 18px; cursor: pointer; transition: color 0.2s; padding: 5px; line-height: 1; }\r\n.delete-btn:hover { color: #a93226; }\r\n.extra-cost-item { background: var(--bg-glass); border: 1px solid var(--border-color); padding: 15px; border-radius: var(--border-radius); margin-top: 20px; box-shadow: var(--shadow); }\r\n.extra-cost-item h3 { margin-top: 0; font-size: 18px; color: var(--accent-primary); }\r\n.extra-cost-item button { background: var(--accent-primary); color: #fff; border: none; padding: 8px 15px; border-radius: 8px; cursor: pointer; transition: background 0.2s; }\r\n.extra-cost-item button:hover { background: #6c3483; }\r\n.extra-cost-list { margin-top: 10px; }\r\n.extra-cost-entry { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px dashed rgba(0,0,0,0.1); font-size: 15px; }\r\n.extra-cost-entry:last-child { border-bottom: none; }\r\n.extra-cost-entry .cost-amount { font-weight: 700; color: var(--accent-danger); }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <header class=\"main-header\">\r\n <h1>\u0627\u0644\u0645\u0631\u0634\u062f \u0627\u0644\u0630\u0643\u064a \u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0632\u064a\u0627\u062f\u0629 \u063a\u0631\u0641 \u0627\u0644\u0633\u0637\u062d<\/h1>\r\n <p>\u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0630\u064a \u064a\u062d\u0644\u0644\u060c \u064a\u062a\u0648\u0642\u0639\u060c \u0648\u064a\u0631\u0634\u062f\u0643 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629 \u0646\u062d\u0648 \u0627\u0644\u0625\u0646\u062c\u0627\u0632<\/p>\r\n <\/header>\r\n\r\n <div class=\"project-dates\">\r\n <div>\r\n <label for=\"projectStartDate\">\ud83d\udcc5 \u062a\u0627\u0631\u064a\u062e \u0628\u062f\u0621 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a<\/label>\r\n <input type=\"date\" id=\"projectStartDate\">\r\n <\/div>\r\n <div>\r\n <label for=\"projectEndDate\">\ud83c\udfc1 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u0645\u062a\u0648\u0642\u0639 (\u064a\u064f\u062d\u0633\u0628 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b)<\/label>\r\n <input type=\"text\" id=\"projectEndDate\" readonly style=\"background-color: #e9ecef; cursor: not-allowed;\">\r\n <\/div>\r\n <\/div>\r\n\r\n <nav class=\"toc\">\r\n <a href=\"#phase1\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649: \u0645\u0646 \u0627\u0644\u0637\u0644\u0628 \u0625\u0644\u0649 \u0627\u0644\u0639\u0642\u062f<\/a>\r\n <a href=\"#phase2\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629: \u0645\u0646 \u0627\u0644\u0639\u0642\u062f \u0625\u0644\u0649 \u0627\u0644\u0631\u062e\u0635\u0629<\/a>\r\n <a href=\"#extra-costs\">\u0645\u0635\u0627\u0631\u064a\u0641 \u0625\u0636\u0627\u0641\u064a\u0629<\/a>\r\n <a href=\"#smart-report\">\u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0630\u0643\u064a<\/a>\r\n <a href=\"#delay-analysis\">\u062a\u062d\u0644\u064a\u0644 \u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/a>\r\n <\/nav>\r\n\r\n <form id=\"checklistForm\">\r\n \r\n <section class=\"phase\" id=\"phase1\">\r\n <div class=\"phase-header\"><span class=\"icon\">\ud83d\udcc4<\/span><h2>\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649: \u0645\u0646 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0644\u0628 \u062d\u062a\u0649 \u062a\u0648\u0642\u064a\u0639 \u0627\u0644\u0639\u0642\u062f (10 \u062e\u0637\u0648\u0627\u062a \u0645\u062c\u0645\u0639\u0629)<\/h2><\/div>\r\n \r\n <div class=\"checklist-item\" data-id=\"p1_1\" data-time-est=\"1\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>1. \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0644\u0628<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_1\" id=\"p1_1_done\" value=\"\u062a\u0645\"><label for=\"p1_1_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_1\" id=\"p1_1_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_1_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0627\u0644\u062a\u0642\u062f\u0645 \u0628\u0627\u0644\u0637\u0644\u0628 \u0639\u0628\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0648\u0631\u0641\u0639 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a (\u0627\u0644\u0628\u0637\u0627\u0642\u0629\u060c \u0625\u062e\u0637\u0627\u0631 \u0627\u0644\u062a\u062e\u0635\u064a\u0635\u060c \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621).<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_2\" data-time-est=\"1\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>2. \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0637\u0644\u0628<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_2\" id=\"p1_2_done\" value=\"\u062a\u0645\"><label for=\"p1_2_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_2\" id=\"p1_2_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_2_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0648\u0638\u0641 \u0628\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u0645\u062e\u0627\u0644\u0641\u0627\u062a \u0645\u0633\u062c\u0644\u0629 \u0623\u0648 \u0623\u0642\u0633\u0627\u0637 \u0645\u0633\u062a\u062d\u0642\u0629.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_3_4\" data-time-est=\"2\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>3 & 4. \u062a\u062d\u062f\u064a\u062f \u0648\u0633\u062f\u0627\u062f \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0623\u0648\u0644\u064a\u0629<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_3_4\" id=\"p1_3_4_done\" value=\"\u062a\u0645\"><label for=\"p1_3_4_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_3_4\" id=\"p1_3_4_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_3_4_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0627\u0633\u062a\u0644\u0627\u0645 \u0631\u0633\u0627\u0644\u0629 \u0646\u0635\u064a\u0629 \u0644\u062f\u0641\u0639 \u0645\u0628\u0644\u063a \u0631\u0645\u0632\u064a (~73 \u062c) \u0639\u0628\u0631 \u062e\u062f\u0645\u0629 \u0641\u0648\u0631\u064a.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_5_6\" data-time-est=\"7\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>5 & 6. \u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0648\u0625\u062e\u0637\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_5_6\" id=\"p1_5_6_done\" value=\"\u062a\u0645\"><label for=\"p1_5_6_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_5_6\" id=\"p1_5_6_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_5_6_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0648\u0638\u0641 \u0628\u062a\u062d\u062f\u064a\u062f \u062a\u0627\u0631\u064a\u062e \u0644\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0648\u062a\u0635\u0644\u0643 \u0631\u0633\u0627\u0644\u0629 \u0628\u0647. \u064a\u062c\u0628 \u0627\u0644\u062a\u0648\u062c\u0647 \u0644\u0644\u062c\u0647\u0627\u0632 \u0635\u0628\u0627\u062d \u064a\u0648\u0645 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0644\u0645\u0642\u0627\u0628\u0644\u0629 \u0627\u0644\u0645\u0647\u0646\u062f\u0633.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_7\" data-time-est=\"7\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>7. \u062a\u0633\u062c\u064a\u0644 \u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_7\" id=\"p1_7_done\" value=\"\u062a\u0645\"><label for=\"p1_7_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_7\" id=\"p1_7_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_7_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0628\u0639\u062f \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u0645\u062e\u0627\u0644\u0641\u0627\u062a\u060c \u064a\u0642\u0648\u0645 \u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0627\u062a \u0628\u0631\u0641\u0639 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0639\u0644\u0649 \u0627\u0644\u0646\u0638\u0627\u0645.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udca1 \u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629<\/h4><p>\u064a\u064f\u0646\u0635\u062d \u0628\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0645\u0639 \u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0627\u062a \u0644\u0623\u0646 \u0647\u0630\u0647 \u0627\u0644\u062e\u0637\u0648\u0629 \u0642\u062f \u062a\u0633\u062a\u063a\u0631\u0642 \u0648\u0642\u062a\u0627\u064b \u0637\u0648\u064a\u0644\u0627\u064b.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_8\" data-time-est=\"14\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>8. \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0648\u0642\u0641 \u0627\u0644\u0645\u0627\u0644\u064a \u0648\u0627\u0644\u0639\u0642\u0627\u0631\u064a<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_8\" id=\"p1_8_done\" value=\"\u062a\u0645\"><label for=\"p1_8_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_8\" id=\"p1_8_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_8_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u062a\u062a\u0645 \u0645\u0631\u0627\u062c\u0639\u0629 \u0633\u062c\u0644\u0643 \u0627\u0644\u0645\u0627\u0644\u064a \u0644\u062f\u0649 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u0645\u0633\u062a\u062d\u0642\u0627\u062a \u0645\u062a\u0623\u062e\u0631\u0629.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udca1 \u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629<\/h4><p>\u0647\u0630\u0647 \u0645\u0646 \u0623\u0643\u062b\u0631 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u063a\u0631\u0642 \u0648\u0642\u062a\u0627\u064b. \u064a\u064f\u0646\u0635\u062d \u0628\u0627\u0644\u0630\u0647\u0627\u0628 \u0634\u062e\u0635\u064a\u0627\u064b \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0648\u0627\u0637\u0646\u064a\u0646 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0644\u062a\u0633\u0631\u064a\u0639\u0647\u0627.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_9\" data-time-est=\"7\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>9. \u0641\u062d\u0635 \u0627\u0644\u0645\u0644\u0641<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_9\" id=\"p1_9_done\" value=\"\u062a\u0645\"><label for=\"p1_9_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_9\" id=\"p1_9_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_9_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u062a\u0642\u0648\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635 \u0628\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0637\u0644\u0628 \u0648\u0643\u062a\u0627\u0628\u0629 \u062a\u0642\u0631\u064a\u0631 \u0628\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 (75% \u0645\u0646 \u0627\u0644\u0645\u062a\u0643\u0631\u0631).<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udca1 \u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629<\/h4><p>\u0625\u0630\u0627 \u0645\u0631 \u0623\u0633\u0628\u0648\u0639 \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u0648\u0642\u0641 \u0627\u0644\u0645\u0627\u0644\u064a \u062f\u0648\u0646 \u062a\u0642\u062f\u0645\u060c \u064a\u062c\u0628 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0639 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_10_11\" data-time-est=\"7\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>10 & 11. \u062a\u062d\u062f\u064a\u062f \u0648\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_10_11\" id=\"p1_10_11_done\" value=\"\u062a\u0645\"><label for=\"p1_10_11_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_10_11\" id=\"p1_10_11_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_10_11_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0645\u0646 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629\u060c \u062b\u0645 \u062f\u0641\u0639\u0647\u0627 \u0628\u0627\u0644\u062e\u0632\u064a\u0646\u0629 (\u0641\u064a\u0632\u0627) \u0623\u0648 \u0628\u0627\u0644\u0628\u0646\u0643 (\u0645\u062f\u0641\u0648\u0639\u0629 \u0645\u0648\u0627\u0637\u0646).<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_12_13\" data-time-est=\"1\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>12 & 13. \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0648\u0625\u062e\u0637\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_12_13\" id=\"p1_12_13_done\" value=\"\u062a\u0645\"><label for=\"p1_12_13_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_12_13\" id=\"p1_12_13_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_12_13_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0639\u0642\u062f \u0648\u062a\u0648\u0642\u064a\u0639\u0647 \u0645\u0646 \u0627\u0644\u0645\u0627\u0644\u0643 (\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0648\u0627\u0637\u0646\u064a\u0646 \u0627\u0644\u0642\u062f\u064a\u0645\u0629\u060c \u0634\u0628\u0627\u0643 1). \u062b\u0645 \u062a\u0635\u0644\u0643 \u0631\u0633\u0627\u0644\u0629 \u0628\u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u062e\u062f\u0645\u0629.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udca1 \u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629<\/h4><p>\u064a\u062a\u0645 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 50 \u0637\u0644\u0628\u0627\u064b \u0641\u0642\u0637 \u0641\u064a \u0627\u0644\u064a\u0648\u0645 \u0644\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0639\u0642\u0648\u062f. \u0627\u0630\u0647\u0628 \u0645\u0628\u0643\u0631\u0627\u064b.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_14\" data-time-est=\"90\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>14. \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0646\u062f \u0644\u0644\u0639\u0645\u064a\u0644<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_14\" id=\"p1_14_done\" value=\"\u062a\u0645\"><label for=\"p1_14_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_14\" id=\"p1_14_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_14_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0627\u0633\u062a\u0644\u0627\u0645 \u0646\u0633\u062e\u062a\u0643 \u0645\u0646 \u0627\u0644\u0639\u0642\u062f \u0628\u0639\u062f \u062a\u0648\u0642\u064a\u0639\u0647\u0627 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0625\u062f\u0627\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u0627\u0632 \u0648\u062e\u062a\u0645\u0647\u0627 \u0628\u062e\u062a\u0645 \u0627\u0644\u0646\u0633\u0631.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\u23f3 \u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0632\u0645\u0646\u064a\u0629<\/h4><p>\u0647\u0630\u0647 \u0627\u0644\u062e\u0637\u0648\u0629 \u062a\u0633\u062a\u063a\u0631\u0642 \u0645\u0646 <b>\u0634\u0647\u0631\u064a\u0646 \u0625\u0644\u0649 \u0623\u0631\u0628\u0639\u0629 \u0634\u0647\u0648\u0631<\/b> \u0628\u0639\u062f \u062a\u0648\u0642\u064a\u0639\u0643 \u0639\u0644\u0649 \u0627\u0644\u0639\u0642\u062f.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"phase\" id=\"phase2\">\r\n <div class=\"phase-header\"><span class=\"icon\">\ud83d\udd11<\/span><h2>\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629: \u0645\u0646 \u0628\u0639\u062f \u0627\u0644\u0639\u0642\u062f \u062d\u062a\u0649 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0631\u062e\u0635\u0629 (7 \u062e\u0637\u0648\u0627\u062a)<\/h2><\/div>\r\n \r\n <div class=\"checklist-item\" data-id=\"p2_1\" data-time-est=\"60\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>1. \u062a\u0642\u062f\u064a\u0645 \u0628\u064a\u0627\u0646 \u0635\u0644\u0627\u062d\u064a\u0629<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p2_1\" id=\"p2_1_done\" value=\"\u062a\u0645\"><label for=\"p2_1_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p2_1\" id=\"p2_1_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p2_1_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646 \u0635\u0644\u0627\u062d\u064a\u0629 \u062c\u062f\u064a\u062f \u0644\u0644\u0628\u0646\u0627\u0621 \u0639\u0628\u0631 \u062e\u062f\u0645\u0627\u062a \u062a\u0631\u0627\u062e\u064a\u0635 \u0627\u0644\u0628\u0646\u0627\u0621.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udca1 \u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629<\/h4><p>\u0625\u0630\u0627 \u0643\u0627\u0646 \u0644\u062f\u064a\u0643 \u0628\u064a\u0627\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0623\u0635\u0644\u064a \u0627\u0644\u0642\u062f\u064a\u0645\u060c \u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647. \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0628\u064a\u0627\u0646 \u062c\u062f\u064a\u062f \u0642\u062f \u064a\u0633\u062a\u063a\u0631\u0642 <b>\u0634\u0647\u0631\u064a\u0646<\/b>.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p2_2\" data-time-est=\"15\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>2. \u0625\u062b\u0628\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p2_2\" id=\"p2_2_done\" value=\"\u062a\u0645\"><label for=\"p2_2_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p2_2\" id=\"p2_2_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p2_2_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u062a\u0633\u0644\u064a\u0645 \u0623\u0635\u0644 \u0628\u064a\u0627\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629 \u0645\u0639 \u0635\u0648\u0631\u0629 \u0627\u0644\u0639\u0642\u062f \u0644\u0644\u0645\u0648\u0638\u0641 \u0627\u0644\u0645\u062e\u062a\u0635 \u0644\u0625\u062b\u0628\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u064a\u0647.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udca1 \u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629<\/h4><p>\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0628\u064a\u0627\u0646 \u0628\u0639\u062f \u0625\u062b\u0628\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u064a\u0647: \u0645\u0646 10 \u0625\u0644\u0649 15 \u064a\u0648\u0645\u0627\u064b.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p2_3\" data-time-est=\"30\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>3. \u0639\u0645\u0644 \u0627\u0644\u0645\u0648\u0642\u0641 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p2_3\" id=\"p2_3_done\" value=\"\u062a\u0645\"><label for=\"p2_3_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p2_3\" id=\"p2_3_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p2_3_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0627\u0644\u062a\u0642\u062f\u064a\u0645 \u0639\u0644\u0649 \"\u0645\u0648\u0642\u0641 \u062a\u0646\u0641\u064a\u0630\u064a\" \u062c\u062f\u064a\u062f \u0628\u063a\u0631\u0636 \u0639\u0645\u0644 \u0631\u062e\u0635\u0629 \u0632\u064a\u0627\u062f\u0629 75% \u063a\u0631\u0641 \u0633\u0637\u062d\u060c \u0648\u064a\u062a\u0636\u0645\u0646 \u0645\u0639\u0627\u064a\u0646\u0629 \u062c\u062f\u064a\u062f\u0629.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udca1 \u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629<\/h4><p>\u064a\u062c\u0628 \u0627\u0644\u0628\u062f\u0621 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u062e\u0637\u0648\u0629 \u0645\u0628\u0643\u0631\u0627\u064b \u0644\u0623\u0646\u0647\u0627 \u0642\u062f \u062a\u0633\u062a\u063a\u0631\u0642 \u0634\u0647\u0631\u0627\u064b \u0643\u0627\u0645\u0644\u0627\u064b.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p2_4\" data-time-est=\"60\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>4. \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u0645\u062c\u0645\u0639\u0629 \u0627\u0644\u0639\u0634\u0631\u064a\u0629 (\u062a\u0639\u062f\u064a\u0644 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646)<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p2_4\" id=\"p2_4_done\" value=\"\u062a\u0645\"><label for=\"p2_4_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p2_4\" id=\"p2_4_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p2_4_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u062a\u0642\u062f\u064a\u0645 \u0637\u0644\u0628 \u062a\u0639\u062f\u064a\u0644 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0644\u0632\u064a\u0627\u062f\u0629 \u0642\u064a\u0645\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\u060c \u0645\u0639 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u062f\u0633 \u0625\u0644\u0649 \"\u0645\u0647\u0646\u062f\u0633 \u0627\u0633\u062a\u0634\u0627\u0631\u064a\".<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p2_5\" data-time-est=\"30\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>5. \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629 (\u0625\u0646 \u0644\u0632\u0645 \u0627\u0644\u0623\u0645\u0631)<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p2_5\" id=\"p2_5_done\" value=\"\u062a\u0645\"><label for=\"p2_5_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p2_5\" id=\"p2_5_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p2_5_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0645\u0637\u0644\u0648\u0628\u0629 \u0641\u0642\u0637 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0645\u0633\u0637\u062d \u063a\u0631\u0641 \u0627\u0644\u0633\u0637\u062d \u0627\u0644\u0645\u0639\u062f\u0644\u0629 \u0623\u0643\u0628\u0631 \u0645\u0646 400 \u0645\u00b2.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p2_6\" data-time-est=\"30\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>6. \u0645\u0648\u0627\u0641\u0642\u0629 \u0642\u064a\u0648\u062f \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 (\u0625\u0646 \u0644\u0632\u0645 \u0627\u0644\u0623\u0645\u0631)<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p2_6\" id=\"p2_6_done\" value=\"\u062a\u0645\"><label for=\"p2_6_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p2_6\" id=\"p2_6_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p2_6_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0645\u0637\u0644\u0648\u0628\u0629 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0628\u0647\u0627 \u0642\u064a\u0648\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639. \u062a\u062a\u0637\u0644\u0628 \u062f\u0641\u0639 \"\u0639\u0644\u0627\u0648\u0629\" \u0644\u0644\u062c\u0647\u0627\u0632.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p2_7\" data-time-est=\"90\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>7. \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635 \u0628\u0627\u0644\u062c\u0647\u0627\u0632<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p2_7\" id=\"p2_7_done\" value=\"\u062a\u0645\"><label for=\"p2_7_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p2_7\" id=\"p2_7_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p2_7_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0628\u0631\u0641\u0639 \u0643\u0627\u0641\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u064b\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0646\u0633\u062e\u0629 \u0648\u0631\u0642\u064a\u0629 \u0645\u0646 \u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\u23f3 \u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0632\u0645\u0646\u064a\u0629<\/h4><p>\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0631\u062e\u0635\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u064a\u0633\u062a\u063a\u0631\u0642 \u0645\u0646 <b>\u0634\u0647\u0631\u064a\u0646 \u0625\u0644\u0649 4 \u0634\u0647\u0648\u0631<\/b>.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n <\/form>\r\n\r\n <section class=\"extra-cost-item\" id=\"extra-costs\">\r\n <h3>\ud83d\udcb0 \u0627\u0644\u0645\u0635\u0627\u0631\u064a\u0641 \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629 (\u062e\u0627\u0631\u062c \u0628\u0646\u0648\u062f \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635)<\/h3>\r\n <div class=\"extra-cost-list\" id=\"extraCostList\">\r\n \r\n <\/div>\r\n <div style=\"display: flex; gap: 10px; margin-top: 15px;\">\r\n <input type=\"text\" id=\"newCostDescription\" placeholder=\"\u0648\u0635\u0641 \u0627\u0644\u0645\u0635\u0631\u0648\u0641 (\u0645\u062b\u0644: \u0623\u062a\u0639\u0627\u0628 \u0645\u062d\u0627\u0645\u064a\u060c \u062a\u0635\u0648\u064a\u0631 \u0645\u0633\u062a\u0646\u062f\u0627\u062a)\" style=\"flex-grow: 1; padding: 8px; border-radius: 8px; border: 1px solid var(--border-color);\">\r\n <input type=\"number\" id=\"newCostAmount\" placeholder=\"\u0627\u0644\u0645\u0628\u0644\u063a\" style=\"width: 100px; padding: 8px; border-radius: 8px; border: 1px solid var(--border-color);\">\r\n <button id=\"addExtraCostButton\">\u0625\u0636\u0627\u0641\u0629 \u0645\u0635\u0631\u0648\u0641<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"smart-report-section\" id=\"smart-report\">\r\n <h2>\ud83d\udcca \u062a\u0642\u0631\u064a\u0631\u0643 \u0627\u0644\u0630\u0643\u064a \u0648\u062a\u0648\u0642\u0639\u0627\u062a\u0643 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629<\/h2>\r\n <div class=\"progress-bar-container\"><div class=\"progress-bar\" id=\"progressBar\"><\/div><\/div>\r\n <div class=\"dashboard\">\r\n <div class=\"dash-card\"><h3>\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h3><p id=\"totalCost\">0 \u062c<\/p><\/div>\r\n <div class=\"dash-card\"><h3>\u062e\u0637\u0648\u0627\u062a \u0645\u0643\u062a\u0645\u0644\u0629<\/h3><p id=\"totalDone\">0 \/ 17<\/p><\/div>\r\n <div class=\"dash-card\"><h3>\u062e\u0637\u0648\u0627\u062a \u0645\u0639\u0644\u0642\u0629<\/h3><p id=\"totalPending\">17<\/p><\/div>\r\n <\/div>\r\n <div id=\"smartReportContent\">\r\n <p>\u0623\u0647\u0644\u0627\u064b \u0628\u0643! \u0642\u0645 \u0628\u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0648\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0623\u0639\u0644\u0627\u0647 \u0644\u062a\u0631\u0649 \u0647\u0630\u0627 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0648\u0647\u0648 \u064a\u0646\u0628\u0636 \u0628\u0627\u0644\u062d\u064a\u0627\u0629\u060c \u0648\u064a\u0642\u062f\u0645 \u0644\u0643 \u062a\u062d\u0644\u064a\u0644\u0627\u064b \u062f\u0642\u064a\u0642\u0627\u064b \u0644\u0645\u0648\u0642\u0641\u0643 \u0627\u0644\u062d\u0627\u0644\u064a \u0648\u062a\u0648\u0642\u0639\u0627\u062a \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"delay-analysis-section\" id=\"delay-analysis\">\r\n <h2>\ud83d\udd2c \u0645\u0644\u062e\u0635 \u0648\u062a\u062d\u0644\u064a\u0644 \u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/h2>\r\n <div id=\"delayAnalysisContent\">\r\n <p>\u0644\u0645 \u064a\u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0623\u064a \u0623\u0633\u0628\u0627\u0628 \u0644\u0644\u062a\u0623\u062e\u064a\u0631 \u0628\u0639\u062f. \u0639\u0646\u062f \u0645\u0648\u0627\u062c\u0647\u0629 \u0623\u064a \u062a\u0623\u062e\u064a\u0631 \u0641\u064a \u062e\u0637\u0648\u0629 \u0645\u0627\u060c \u0627\u0633\u062a\u062e\u062f\u0645 \u0632\u0631 \"\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\" \u0644\u062a\u0648\u062b\u064a\u0642\u0647. \u0633\u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0631\u0634\u062f \u0627\u0644\u0630\u0643\u064a \u0628\u062a\u062d\u0644\u064a\u0644 \u0647\u0630\u0647 \u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0642\u0628\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"actions\">\r\n <button id=\"sendReportButton\" class=\"btn btn-wa\" type=\"button\">\ud83d\udce4 \u062a\u0648\u0644\u064a\u062f \u062a\u0642\u0631\u064a\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/button>\r\n <button id=\"clearButton\" class=\"btn btn-clear\" type=\"button\">\ud83d\uddd1\ufe0f \u0645\u0633\u062d \u0643\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0628\u062f\u0621 \u0645\u0646 \u062c\u062f\u064a\u062f<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Helper function to add days to a date\r\nfunction addDays(date, days) {\r\n const result = new Date(date);\r\n result.setDate(result.getDate() + days);\r\n return result;\r\n}\r\n\r\n\/\/ Helper function to format date\r\nfunction formatDate(date) {\r\n if (isNaN(date.getTime())) {\r\n return '\u062a\u0627\u0631\u064a\u062e \u063a\u064a\u0631 \u0635\u0627\u0644\u062d';\r\n }\r\n return date.toLocaleDateString('ar-EG-u-nu-latn', { year: 'numeric', month: 'long', day: 'numeric' });\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const form = document.getElementById('checklistForm');\r\n const storageKey = 'roofAdditionChecklist_v6.0_final'; \r\n\r\n \/\/ Get all items in order\r\n const allItems = Array.from(form.querySelectorAll('.checklist-item'));\r\n const allItemIds = allItems.map(item => item.dataset.id);\r\n const extraCostList = document.getElementById('extraCostList');\r\n let extraCosts = []; \/\/ Array to hold extra cost objects\r\n\r\n function updateAll() {\r\n updateStatusColors();\r\n updateExpectedDates();\r\n updateDashboardAndSmartReport();\r\n saveState();\r\n }\r\n\r\n function updateStatusColors() {\r\n allItems.forEach(item => {\r\n const radioName = item.dataset.id;\r\n const checkedRadio = form.querySelector(`input[name=\"${radioName}\"]:checked`);\r\n if (item.dataset.status === '\u0645\u062d\u0630\u0648\u0641') {\r\n return; \/\/ Skip if already marked as deleted\r\n }\r\n if (checkedRadio) {\r\n item.dataset.status = checkedRadio.value;\r\n }\r\n });\r\n }\r\n\r\n function updateExpectedDates() {\r\n const startDateInput = document.getElementById('projectStartDate');\r\n const activeItems = allItems.filter(item => item.dataset.status !== '\u0645\u062d\u0630\u0648\u0641');\r\n\r\n if (!startDateInput.value) {\r\n activeItems.forEach(item => {\r\n item.querySelector('[data-expected-date]').textContent = '\u0623\u062f\u062e\u0644 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621';\r\n });\r\n document.getElementById('projectEndDate').value = '\u0623\u062f\u062e\u0644 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0623\u0648\u0644\u0627\u064b';\r\n return;\r\n }\r\n\r\n let currentDate = new Date(startDateInput.value);\r\n if (isNaN(currentDate.getTime())) {\r\n activeItems.forEach(item => {\r\n item.querySelector('[data-expected-date]').textContent = '\u062a\u0627\u0631\u064a\u062e \u0628\u062f\u0621 \u063a\u064a\u0631 \u0635\u062d\u064a\u062d';\r\n });\r\n document.getElementById('projectEndDate').value = '\u062a\u0627\u0631\u064a\u062e \u0628\u062f\u0621 \u063a\u064a\u0631 \u0635\u062d\u064a\u062d';\r\n return;\r\n }\r\n\r\n activeItems.forEach((item, index) => {\r\n const status = item.dataset.status;\r\n const timeEst = parseInt(item.dataset.timeEst || 0);\r\n const expectedDateSpan = item.querySelector('[data-expected-date]');\r\n \r\n let correctedDate = null;\r\n const delayContainer = item.querySelector('.delay-reasons-container');\r\n const lastDelay = delayContainer.querySelector('.delay-reason-item:last-child');\r\n if (lastDelay && lastDelay.dataset.correctedDate) {\r\n correctedDate = new Date(lastDelay.dataset.correctedDate);\r\n }\r\n\r\n \/\/ Display the expected start date for the current item\r\n expectedDateSpan.textContent = `\u0645\u0642\u062f\u0631 \u0623\u0646 \u062a\u0628\u062f\u0623 \u0641\u064a: ${formatDate(currentDate)}`;\r\n\r\n \/\/ Calculate the start date for the NEXT item\r\n if (status === '\u062a\u0645') {\r\n \/\/ If done, the next item starts the day after the current item's end date.\r\n if (correctedDate) {\r\n currentDate = addDays(correctedDate, 1);\r\n } else {\r\n currentDate = addDays(currentDate, timeEst);\r\n }\r\n } else {\r\n \/\/ If pending, the next item's start date is pushed back by the current item's duration.\r\n currentDate = addDays(currentDate, timeEst);\r\n }\r\n });\r\n\r\n \/\/ Update overall project end date\r\n const finalEndDate = currentDate;\r\n document.getElementById('projectEndDate').value = formatDate(finalEndDate);\r\n }\r\n\r\n function updateDashboardAndSmartReport() {\r\n const activeItems = allItems.filter(item => item.dataset.status !== '\u0645\u062d\u0630\u0648\u0641');\r\n const totalItems = activeItems.length;\r\n const doneItems = activeItems.filter(item => item.dataset.status === '\u062a\u0645');\r\n const pendingItems = activeItems.filter(item => item.dataset.status !== '\u062a\u0645');\r\n const doneCount = doneItems.length;\r\n const pendingCount = pendingItems.length;\r\n\r\n \/\/ Progress Bar\r\n const progress = totalItems > 0 ? (doneCount \/ totalItems) * 100 : 0;\r\n const progressBar = document.getElementById('progressBar');\r\n progressBar.style.width = `${progress}%`;\r\n progressBar.textContent = `${Math.round(progress)}% \u0645\u0643\u062a\u0645\u0644`;\r\n\r\n \/\/ Dashboard - Total Cost\r\n let totalCost = 0;\r\n \/\/ 1. Costs from checklist items\r\n form.querySelectorAll('.cost-input').forEach(input => {\r\n if (input.value) {\r\n totalCost += parseFloat(input.value);\r\n }\r\n });\r\n \/\/ 2. Costs from extra costs\r\n extraCosts.forEach(cost => {\r\n totalCost += parseFloat(cost.amount);\r\n });\r\n document.getElementById('totalCost').textContent = `${totalCost.toLocaleString('ar-EG')} \u062c`;\r\n\r\n \/\/ Dashboard - Counts\r\n document.getElementById('totalDone').textContent = `${doneCount} \/ ${totalItems}`;\r\n document.getElementById('totalPending').textContent = pendingCount;\r\n\r\n \/\/ Smart Report Logic\r\n const smartReportContent = document.getElementById('smartReportContent');\r\n let reportHTML = '';\r\n const endDateValue = document.getElementById('projectEndDate').value;\r\n\r\n if (doneCount === 0 && totalItems > 0) {\r\n reportHTML = `<p>\u0623\u0647\u0644\u0627\u064b \u0628\u0643 \u0641\u064a \u0628\u062f\u0627\u064a\u0629 \u0631\u062d\u0644\u062a\u0643! \u0644\u0645 \u062a\u0628\u062f\u0623 \u0628\u0639\u062f \u0641\u064a \u062a\u0633\u062c\u064a\u0644 \u0625\u0646\u062c\u0627\u0632 \u0623\u064a \u062e\u0637\u0648\u0627\u062a. <strong>\u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u0623\u0648\u0644\u0649<\/strong> \u0647\u064a \"\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0644\u0628\" \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u064b. \u062d\u0638\u0627\u064b \u0645\u0648\u0641\u0642\u0627\u064b!<\/p>`;\r\n } else if (doneCount === totalItems && totalItems > 0) {\r\n reportHTML = `<p>\ud83c\udf89 <strong>\u0645\u0628\u0640\u0640\u0640\u0631\u0648\u0643!<\/strong> \u0644\u0642\u062f \u0623\u0643\u0645\u0644\u062a \u062c\u0645\u064a\u0639 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0628\u0646\u062c\u0627\u062d. \u0644\u0642\u062f \u0643\u0627\u0646\u062a \u0631\u062d\u0644\u0629 \u0637\u0648\u064a\u0644\u0629\u060c \u0648\u0644\u0643\u0646\u0643 \u0648\u0635\u0644\u062a \u0625\u0644\u0649 \u062e\u0637 \u0627\u0644\u0646\u0647\u0627\u064a\u0629. \u0625\u062c\u0645\u0627\u0644\u064a \u0645\u0627 \u0642\u0645\u062a \u0628\u0625\u0646\u0641\u0627\u0642\u0647 \u0647\u0648 <strong>${totalCost.toLocaleString('ar-EG')} \u062c<\/strong>. \u062d\u0627\u0646 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0622\u0646 \u0644\u0644\u0627\u062d\u062a\u0641\u0627\u0644 \u0628\u0647\u0630\u0627 \u0627\u0644\u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0643\u0628\u064a\u0631!<\/p>`;\r\n } else if (totalItems === 0) {\r\n reportHTML = `<p>\u0644\u0627 \u062a\u0648\u062c\u062f \u0628\u0646\u0648\u062f \u0646\u0634\u0637\u0629 \u0644\u0644\u0645\u062a\u0627\u0628\u0639\u0629. \u0631\u0628\u0645\u0627 \u0642\u0645\u062a \u0628\u062d\u0630\u0641 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u0646\u0648\u062f \u0623\u0648 \u0644\u0645 \u062a\u0628\u062f\u0623 \u0628\u0639\u062f.<\/p>`;\r\n } else {\r\n const lastDoneItem = doneItems.length > 0 ? doneItems[doneItems.length - 1].querySelector('strong').textContent : '\u0644\u0627 \u0634\u064a\u0621';\r\n const nextItem = pendingItems.length > 0 ? pendingItems[0] : null;\r\n\r\n reportHTML = `<p>\u0623\u0647\u0644\u0627\u064b \u0628\u0643 \u0645\u062c\u062f\u062f\u0627\u064b! \u0623\u0646\u062a \u062a\u0642\u0648\u0645 \u0628\u0639\u0645\u0644 \u0631\u0627\u0626\u0639. \u0644\u0642\u062f \u0623\u0646\u062c\u0632\u062a <strong>${doneCount} \u062e\u0637\u0648\u0627\u062a<\/strong> \u0645\u0646 \u0623\u0635\u0644 ${totalItems} \u062e\u0637\u0648\u0629 \u0646\u0634\u0637\u0629. \u0622\u062e\u0631 \u0645\u0627 \u0642\u0645\u062a \u0628\u0625\u0646\u062c\u0627\u0632\u0647 \u0647\u0648 \"<strong>${lastDoneItem}<\/strong>\".<\/p>`;\r\n \r\n if (nextItem) {\r\n const nextItemTitle = nextItem.querySelector('strong').textContent;\r\n const nextItemDate = nextItem.querySelector('[data-expected-date]').textContent.replace('\u0645\u0642\u062f\u0631 \u0623\u0646 \u062a\u0628\u062f\u0623 \u0641\u064a: ', '');\r\n const longestPendingItem = pendingItems.reduce((max, item) => parseFloat(item.dataset.timeEst) > parseFloat(max.dataset.timeEst) ? item : max, pendingItems[0]);\r\n \r\n reportHTML += `<p>\u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0646\u062a\u0638\u0631\u0643 \u0647\u064a \"<strong>${nextItemTitle}<\/strong>\"\u060c \u0648\u0627\u0644\u0645\u0642\u062f\u0631 \u0623\u0646 \u062a\u0628\u062f\u0623 \u0641\u064a <strong>${nextItemDate}<\/strong>.<\/p>`;\r\n reportHTML += `<p><strong>\u0646\u0635\u064a\u062d\u0629 \u0630\u0643\u064a\u0629:<\/strong> \u0627\u0644\u062e\u0637\u0648\u0629 \"<strong>${longestPendingItem.querySelector('strong').textContent}<\/strong>\" \u0647\u064a \u0623\u0637\u0648\u0644 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629 (\u062a\u0642\u062f\u0631 \u0628\u0640 ${longestPendingItem.dataset.timeEst} \u064a\u0648\u0645\u0627\u064b). \u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u062d\u0643\u0645\u0629 \u0627\u0644\u0628\u062f\u0621 \u0641\u064a \u0645\u062a\u0627\u0628\u0639\u062a\u0647\u0627 \u0645\u0628\u0643\u0631\u0627\u064b \u0644\u062a\u062c\u0646\u0628 \u0623\u064a \u062a\u0623\u062e\u064a\u0631 \u0641\u064a \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0627\u0644\u0643\u0644\u064a.<\/p>`;\r\n }\r\n\r\n reportHTML += `<p>\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0648\u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629\u060c \u0645\u0646 \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0623\u0646 \u062a\u0646\u062a\u0647\u064a \u0645\u0646 \u0643\u0627\u0641\u0629 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u062d\u0648\u0644 \u062a\u0627\u0631\u064a\u062e <strong>${endDateValue}<\/strong>. \u0627\u0633\u062a\u0645\u0631 \u0641\u064a \u0627\u0644\u062a\u0642\u062f\u0645!<\/p>`;\r\n }\r\n smartReportContent.innerHTML = reportHTML;\r\n \r\n \/\/ Delay Analysis Logic\r\n const delayAnalysisContent = document.getElementById('delayAnalysisContent');\r\n let allDelays = [];\r\n let totalDelayDays = 0;\r\n \r\n activeItems.forEach(item => {\r\n const delayContainer = item.querySelector('.delay-reasons-container');\r\n delayContainer.querySelectorAll('.delay-reason-item').forEach(delayItem => {\r\n const correctedDate = delayItem.dataset.correctedDate;\r\n const originalDate = delayItem.dataset.originalDate;\r\n if (correctedDate && originalDate) {\r\n const correctedDateObj = new Date(correctedDate);\r\n const originalDateObj = new Date(originalDate);\r\n \r\n if (!isNaN(correctedDateObj.getTime()) && !isNaN(originalDateObj.getTime())) {\r\n const diffTime = correctedDateObj.getTime() - originalDateObj.getTime();\r\n const diffDays = Math.ceil(diffTime \/ (1000 * 60 * 60 * 24));\r\n totalDelayDays += diffDays;\r\n allDelays.push({\r\n step: item.querySelector('strong').textContent,\r\n reason: delayItem.textContent,\r\n days: diffDays\r\n });\r\n }\r\n }\r\n });\r\n });\r\n\r\n if (allDelays.length === 0) {\r\n delayAnalysisContent.innerHTML = `<p>\u0644\u0645 \u064a\u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0623\u064a \u0623\u0633\u0628\u0627\u0628 \u0644\u0644\u062a\u0623\u062e\u064a\u0631 \u0628\u0639\u062f. \u0639\u0646\u062f \u0645\u0648\u0627\u062c\u0647\u0629 \u0623\u064a \u062a\u0623\u062e\u064a\u0631 \u0641\u064a \u062e\u0637\u0648\u0629 \u0645\u0627\u060c \u0627\u0633\u062a\u062e\u062f\u0645 \u0632\u0631 \"\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\" \u0644\u062a\u0648\u062b\u064a\u0642\u0647. \u0633\u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0631\u0634\u062f \u0627\u0644\u0630\u0643\u064a \u0628\u062a\u062d\u0644\u064a\u0644 \u0647\u0630\u0647 \u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0642\u0628\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629.<\/p>`;\r\n } else {\r\n let delayHTML = `<p>\u0644\u0642\u062f \u0642\u0645\u062a \u0628\u062a\u0633\u062c\u064a\u0644 <strong>${allDelays.length}<\/strong> \u062d\u0627\u0644\u0629 \u062a\u0623\u062e\u064a\u0631 \u062d\u062a\u0649 \u0627\u0644\u0622\u0646 \u0628\u0625\u062c\u0645\u0627\u0644\u064a \u062a\u0623\u062e\u064a\u0631 \u0645\u0642\u062f\u0627\u0631\u0647 <strong>${totalDelayDays} \u064a\u0648\u0645\u0627\u064b<\/strong>. \u0625\u0644\u064a\u0643 \u0645\u0644\u062e\u0635 \u0628\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0648\u062a\u0623\u062b\u064a\u0631\u0647\u0627:<\/p><ul>`;\r\n allDelays.forEach(delay => {\r\n delayHTML += `<li><strong>${delay.step}:<\/strong> ${delay.reason} (\u062a\u0623\u062e\u064a\u0631 ${delay.days} \u064a\u0648\u0645\u0627\u064b)<\/li>`;\r\n });\r\n delayHTML += `<\/ul>`;\r\n \r\n const delayKeywords = { '\u0645\u0648\u0638\u0641': 0, '\u0648\u0631\u0642': 0, '\u0645\u062a\u0627\u0628\u0639\u0629': 0, '\u0645\u0627\u0644\u064a': 0, '\u0641\u0646\u064a': 0, '\u062c\u0647\u0627\u0632': 0, '\u0628\u0646\u0643': 0 };\r\n const fullText = allDelays.map(d => d.reason).join(' ').toLowerCase();\r\n for (const key in delayKeywords) {\r\n delayKeywords[key] = (fullText.match(new RegExp(key, 'g')) || []).length;\r\n }\r\n const mostCommonCause = Object.keys(delayKeywords).reduce((a, b) => delayKeywords[a] > delayKeywords[b] ? a : b);\r\n \r\n if(delayKeywords[mostCommonCause] > 0) {\r\n delayHTML += `<p><strong>\u062a\u062d\u0644\u064a\u0644 \u0623\u0648\u0644\u064a:<\/strong> \u064a\u0628\u062f\u0648 \u0623\u0646 \u0623\u063a\u0644\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0648\u0627\u062c\u0647\u0647\u0627 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0640 \"<strong>${mostCommonCause}<\/strong>\". \u0642\u062f \u064a\u0633\u0627\u0639\u062f\u0643 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u062d\u0644 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0647\u0630\u0627 \u0627\u0644\u062c\u0627\u0646\u0628 \u0641\u064a \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629.<\/p>`;\r\n }\r\n delayAnalysisContent.innerHTML = delayHTML;\r\n }\r\n \r\n \/\/ Deletion Report\r\n const deletedItems = allItems.filter(item => item.dataset.status === '\u0645\u062d\u0630\u0648\u0641');\r\n if (deletedItems.length > 0) {\r\n delayAnalysisContent.innerHTML += `<br><h3>\ud83d\uddd1\ufe0f \u0627\u0644\u0628\u0646\u0648\u062f \u0627\u0644\u062a\u064a \u062a\u0645 \u062d\u0630\u0641\u0647\u0627<\/h3><ul>`;\r\n deletedItems.forEach(item => {\r\n delayAnalysisContent.innerHTML += `<li>${item.querySelector('strong').textContent}<\/li>`;\r\n });\r\n delayAnalysisContent.innerHTML += `<\/ul>`;\r\n }\r\n }\r\n\r\n function renderExtraCosts() {\r\n extraCostList.innerHTML = '';\r\n if (extraCosts.length === 0) {\r\n extraCostList.innerHTML = '<p style=\"color: var(--text-secondary); font-size: 14px; text-align: center;\">\u0644\u0645 \u064a\u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0623\u064a \u0645\u0635\u0627\u0631\u064a\u0641 \u0625\u0636\u0627\u0641\u064a\u0629 \u0628\u0639\u062f.<\/p>';\r\n return;\r\n }\r\n\r\n extraCosts.forEach((cost, index) => {\r\n const entry = document.createElement('div');\r\n entry.className = 'extra-cost-entry';\r\n entry.innerHTML = `\r\n <span>${cost.description}<\/span>\r\n <span class=\"cost-amount\">${parseFloat(cost.amount).toLocaleString('ar-EG')} \u062c<\/span>\r\n <button type=\"button\" class=\"remove-extra-cost-btn\" data-index=\"${index}\" style=\"background: none; border: none; color: var(--accent-danger); cursor: pointer; font-size: 16px;\">×<\/button>\r\n `;\r\n extraCostList.appendChild(entry);\r\n });\r\n }\r\n\r\n function saveState() {\r\n const data = {\r\n startDate: document.getElementById('projectStartDate').value,\r\n extraCosts: extraCosts,\r\n checklist: {}\r\n };\r\n allItems.forEach(item => {\r\n const id = item.dataset.id;\r\n const status = item.dataset.status;\r\n const cost = item.querySelector('.cost-input')?.value || '';\r\n const delays = Array.from(item.querySelectorAll('.delay-reason-item')).map(delay => ({\r\n text: delay.textContent,\r\n correctedDate: delay.dataset.correctedDate,\r\n originalDate: delay.dataset.originalDate\r\n }));\r\n data.checklist[id] = { status, cost, delays };\r\n });\r\n localStorage.setItem(storageKey, JSON.stringify(data));\r\n }\r\n\r\n function loadState() {\r\n const rawData = localStorage.getItem(storageKey);\r\n if (!rawData) {\r\n updateAll();\r\n renderExtraCosts();\r\n return;\r\n }\r\n const data = JSON.parse(rawData);\r\n \r\n if (data.startDate) {\r\n document.getElementById('projectStartDate').value = data.startDate;\r\n }\r\n \r\n if (data.extraCosts) {\r\n extraCosts = data.extraCosts;\r\n }\r\n\r\n if (data.checklist) {\r\n allItems.forEach(item => {\r\n const id = item.dataset.id;\r\n const itemData = data.checklist[id];\r\n if (!itemData) return;\r\n \r\n \/\/ Set status first (including '\u0645\u062d\u0630\u0648\u0641')\r\n item.dataset.status = itemData.status;\r\n if (itemData.status === '\u0645\u062d\u0630\u0648\u0641') {\r\n \/\/ If deleted, skip setting radio and cost input\r\n return;\r\n }\r\n\r\n const radio = item.querySelector(`input[name=\"${id}\"][value=\"${itemData.status}\"]`);\r\n if (radio) radio.checked = true;\r\n \r\n const costInput = item.querySelector('.cost-input');\r\n if (costInput && itemData.cost) {\r\n costInput.value = itemData.cost;\r\n }\r\n \r\n if (itemData.delays && itemData.delays.length > 0) {\r\n const delaysContainer = item.querySelector('.delay-reasons-container');\r\n itemData.delays.forEach(delayData => {\r\n const delayDiv = document.createElement('div');\r\n delayDiv.className = 'delay-reason-item';\r\n delayDiv.textContent = delayData.text;\r\n delayDiv.dataset.correctedDate = delayData.correctedDate;\r\n delayDiv.dataset.originalDate = delayData.originalDate;\r\n delaysContainer.appendChild(delayDiv);\r\n });\r\n }\r\n });\r\n }\r\n updateAll();\r\n renderExtraCosts();\r\n }\r\n\r\n \/\/ Event Listeners\r\n document.body.addEventListener('input', (e) => {\r\n if (e.target.matches('input[type=\"radio\"], input[type=\"number\"], #projectStartDate')) {\r\n updateAll();\r\n }\r\n });\r\n\r\n form.addEventListener('click', (e) => {\r\n \/\/ Handle Delete Button\r\n if (e.target.classList.contains('delete-btn')) {\r\n const item = e.target.closest('.checklist-item');\r\n const itemTitle = item.querySelector('strong').textContent;\r\n if (confirm(`\u0647\u0644 \u0623\u0646\u062a \u0645\u062a\u0623\u0643\u062f \u0623\u0646\u0643 \u062a\u0631\u064a\u062f \u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f \"${itemTitle}\"\u061f \u0633\u064a\u062a\u0645 \u0627\u0633\u062a\u0628\u0639\u0627\u062f\u0647 \u0645\u0646 \u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a.`)) {\r\n item.dataset.status = '\u0645\u062d\u0630\u0648\u0641';\r\n updateAll();\r\n }\r\n }\r\n \r\n \/\/ Handle Add Delay Button\r\n if (e.target.classList.contains('add-delay-btn')) {\r\n const item = e.target.closest('.checklist-item');\r\n \r\n const delayText = prompt(`\u0645\u0627 \u0647\u0648 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0641\u064a \u062e\u0637\u0648\u0629 \"${item.querySelector('strong').textContent}\"\u061f`);\r\n if (delayText && delayText.trim() !== '') {\r\n \/\/ Simplified date input: use a date picker instead of prompt\r\n const correctedDateStr = prompt(`\u0623\u062f\u062e\u0644 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0630\u064a \u0628\u062f\u0623\u062a \u0641\u064a\u0647 \u0647\u0630\u0647 \u0627\u0644\u062e\u0637\u0648\u0629 (\u0633\u064a\u0639\u064a\u062f \u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e \u0627\u0644\u062a\u0627\u0644\u064a\u0629):`, new Date().toISOString().split('T')[0]);\r\n \r\n if (correctedDateStr) {\r\n const correctedDate = new Date(correctedDateStr);\r\n \r\n if (isNaN(correctedDate.getTime())) {\r\n alert('\u0635\u064a\u063a\u0629 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u063a\u064a\u0631 \u0635\u062d\u064a\u062d\u0629. \u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0628\u0635\u064a\u063a\u0629 YYYY-MM-DD.');\r\n return;\r\n }\r\n \r\n const delaysContainer = item.querySelector('.delay-reasons-container');\r\n const delayDiv = document.createElement('div');\r\n delayDiv.className = 'delay-reason-item';\r\n delayDiv.textContent = `${delayText.trim()} (\u0628\u062f\u0621 \u0641\u0639\u0644\u064a: ${formatDate(correctedDate)})`;\r\n \r\n \/\/ --- Calculate Original Expected Date ---\r\n let originalExpectedDate = null;\r\n let tempDate = new Date(document.getElementById('projectStartDate').value);\r\n \r\n for(const activeItem of allItems.filter(i => i.dataset.status !== '\u0645\u062d\u0630\u0648\u0641')) {\r\n const timeEst = parseInt(activeItem.dataset.timeEst || 0);\r\n if(activeItem.dataset.id === item.dataset.id) {\r\n originalExpectedDate = tempDate;\r\n break;\r\n }\r\n \r\n let itemCorrectedDate = null;\r\n const itemDelayContainer = activeItem.querySelector('.delay-reasons-container');\r\n const itemLastDelay = itemDelayContainer.querySelector('.delay-reason-item:last-child');\r\n if (itemLastDelay && itemLastDelay.dataset.correctedDate) {\r\n itemCorrectedDate = new Date(itemLastDelay.dataset.correctedDate);\r\n }\r\n\r\n if (activeItem.dataset.status === '\u062a\u0645') {\r\n tempDate = addDays(itemCorrectedDate || tempDate, timeEst);\r\n } else {\r\n tempDate = addDays(tempDate, timeEst);\r\n }\r\n }\r\n \/\/ --- End Calculate Original Expected Date ---\r\n \r\n if (originalExpectedDate) {\r\n delayDiv.dataset.originalDate = originalExpectedDate.toISOString().split('T')[0];\r\n } else {\r\n \/\/ Fallback: use the corrected date as original if calculation fails (minimal impact)\r\n delayDiv.dataset.originalDate = correctedDate.toISOString().split('T')[0];\r\n }\r\n \r\n delayDiv.dataset.correctedDate = correctedDate.toISOString().split('T')[0];\r\n delaysContainer.appendChild(delayDiv);\r\n \r\n \/\/ Force the item to be marked as done if a corrected date is entered\r\n const doneRadio = item.querySelector('input[value=\"\u062a\u0645\"]');\r\n if (doneRadio) doneRadio.checked = true;\r\n\r\n updateAll(); \/\/ Update report and dates after adding delay\r\n }\r\n }\r\n }\r\n });\r\n \r\n \/\/ Handle Add Extra Cost\r\n document.getElementById('addExtraCostButton').addEventListener('click', () => {\r\n const descriptionInput = document.getElementById('newCostDescription');\r\n const amountInput = document.getElementById('newCostAmount');\r\n const description = descriptionInput.value.trim();\r\n const amount = parseFloat(amountInput.value);\r\n\r\n if (description && !isNaN(amount) && amount > 0) {\r\n extraCosts.push({ description, amount: amount.toFixed(2) });\r\n descriptionInput.value = '';\r\n amountInput.value = '';\r\n renderExtraCosts();\r\n updateAll();\r\n } else {\r\n alert('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0648\u0635\u0641 \u0635\u062d\u064a\u062d \u0648\u0645\u0628\u0644\u063a \u0645\u0648\u062c\u0628 \u0644\u0644\u0645\u0635\u0631\u0648\u0641 \u0627\u0644\u0625\u0636\u0627\u0641\u064a.');\r\n }\r\n });\r\n\r\n \/\/ Handle Remove Extra Cost\r\n extraCostList.addEventListener('click', (e) => {\r\n if (e.target.classList.contains('remove-extra-cost-btn')) {\r\n const index = parseInt(e.target.dataset.index);\r\n extraCosts.splice(index, 1);\r\n renderExtraCosts();\r\n updateAll();\r\n }\r\n });\r\n\r\n document.getElementById('sendReportButton').addEventListener('click', () => {\r\n let reportText = `*\ud83d\udcca \u062a\u0642\u0631\u064a\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635*\\n\\n`;\r\n reportText += `*\u0631\u0633\u0627\u0644\u0629 \u0645\u0646 \u0645. EngEg:*\\n\u0646\u062d\u0646 \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u062a\u062d\u0648\u064a\u0644 \u062a\u0639\u0642\u064a\u062f\u0627\u062a \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635 \u0625\u0644\u0649 \u0625\u0646\u062c\u0627\u0632\u0627\u062a \u0645\u0644\u0645\u0648\u0633\u0629 \u064a\u0628\u062f\u0623 \u0628\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0648\u0627\u0636\u062d \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0630\u0643\u064a\u0629. \u0647\u0630\u0627 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a \u064a\u0636\u0639\u0643 \u0641\u064a \u0642\u0644\u0628 \u0627\u0644\u0635\u0648\u0631\u0629\u060c \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629.\\n\\n`;\r\n reportText += `-----------------------------------\\n\\n`;\r\n \r\n const smartReportHTML = document.getElementById('smartReportContent').innerHTML;\r\n const tempDiv = document.createElement('div');\r\n tempDiv.innerHTML = smartReportHTML;\r\n const smartReportText = (tempDiv.textContent || tempDiv.innerText || \"\").replace(\/\\s+\/g, ' ').trim();\r\n\r\n reportText += `*\ud83d\udcc8 \u0645\u0644\u062e\u0635 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062d\u0627\u0644\u064a:*\\n${smartReportText}\\n\\n`;\r\n reportText += `-----------------------------------\\n`;\r\n \r\n const delayAnalysisContent = document.getElementById('delayAnalysisContent');\r\n const delayAnalysisHTML = delayAnalysisContent.innerHTML;\r\n tempDiv.innerHTML = delayAnalysisHTML;\r\n const delayAnalysisText = (tempDiv.textContent || tempDiv.innerText || \"\").replace(\/\\s+\/g, ' ').trim();\r\n if(!delayAnalysisText.includes(\"\u0644\u0645 \u064a\u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0623\u064a \u0623\u0633\u0628\u0627\u0628\")) {\r\n reportText += `*\ud83d\udd2c \u062a\u062d\u0644\u064a\u0644 \u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631:*\\n${delayAnalysisText}\\n\\n`;\r\n reportText += `-----------------------------------\\n`;\r\n }\r\n \r\n \/\/ Add detailed status\r\n reportText += `*\ud83d\udccb \u062a\u0641\u0627\u0635\u064a\u0644 \u062d\u0627\u0644\u0629 \u0643\u0644 \u062e\u0637\u0648\u0629:*\\n`;\r\n allItems.filter(item => item.dataset.status !== '\u0645\u062d\u0630\u0648\u0641').forEach(item => {\r\n const title = item.querySelector('strong').textContent.trim();\r\n const status = item.dataset.status;\r\n const statusIcon = status === '\u062a\u0645' ? '\u2705' : '\u23f3';\r\n const expectedDate = item.querySelector('[data-expected-date]').textContent.replace('\u0645\u0642\u062f\u0631 \u0623\u0646 \u062a\u0628\u062f\u0623 \u0641\u064a: ', '');\r\n \r\n reportText += `\\n*${statusIcon} ${title}*\\n`;\r\n reportText += ` - *\u0627\u0644\u062d\u0627\u0644\u0629:* ${status}\\n`;\r\n reportText += ` - *\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0627\u0644\u0645\u0642\u062f\u0631:* ${expectedDate}\\n`;\r\n\r\n const costInput = item.querySelector('.cost-input');\r\n if (costInput && costInput.value) {\r\n reportText += ` - *\u0627\u0644\u0645\u0646\u0635\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0628\u0646\u062f:* ${parseFloat(costInput.value).toLocaleString('ar-EG')} \u062c\\n`;\r\n }\r\n\r\n const delays = item.querySelectorAll('.delay-reason-item');\r\n if (delays.length > 0) {\r\n reportText += ` - *\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631:*\\n`;\r\n delays.forEach(delay => {\r\n reportText += ` \u2022 ${delay.textContent}\\n`;\r\n });\r\n }\r\n });\r\n \r\n \/\/ Add extra costs to report\r\n if (extraCosts.length > 0) {\r\n reportText += `\\n-----------------------------------\\n`;\r\n reportText += `*\ud83d\udcb8 \u0627\u0644\u0645\u0635\u0627\u0631\u064a\u0641 \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629:*\\n`;\r\n extraCosts.forEach(cost => {\r\n reportText += ` \u2022 ${cost.description}: ${parseFloat(cost.amount).toLocaleString('ar-EG')} \u062c\\n`;\r\n });\r\n }\r\n \r\n reportText += `\\n-----------------------------------\\n`;\r\n reportText += `*\ud83d\udcb0 \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641 \u062d\u062a\u0649 \u0627\u0644\u0622\u0646:* ${document.getElementById('totalCost').textContent}\\n`;\r\n reportText += `-----------------------------------\\n`;\r\n \r\n reportText += `\u0644\u0623\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0623\u0648 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629\u060c \u0646\u062d\u0646 \u0641\u064a \u062e\u062f\u0645\u062a\u0643\u0645. \u0644\u0639\u0644\u0647\u0627 \u062a\u0643\u0648\u0646 \u0633\u0628\u0628 \u0631\u0632\u0642.\\n\\n`;\r\n reportText += `*\u0645. EngEg*\\n`;\r\n reportText += `\ud83d\udcde *\u0627\u0644\u0647\u0627\u062a\u0641:* +201550507700\\n`;\r\n reportText += `\ud83c\udf10 *\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a:* EngEg.com\/b`;\r\n\r\n window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(reportText)}`, '_blank');\r\n });\r\n\r\n document.getElementById('clearButton').addEventListener('click', () => {\r\n if (confirm('\u0647\u0644 \u0623\u0646\u062a \u0645\u062a\u0623\u0643\u062f \u0623\u0646\u0643 \u062a\u0631\u064a\u062f \u0645\u0633\u062d \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062d\u0641\u0648\u0638\u0629 \u0648\u0627\u0644\u0628\u062f\u0621 \u0645\u0646 \u062c\u062f\u064a\u062f\u061f \u0633\u064a\u062a\u0645 \u062d\u0630\u0641 \u0643\u0644 \u0634\u064a\u0621 \u0646\u0647\u0627\u0626\u064a\u0627\u064b.')) {\r\n localStorage.removeItem(storageKey);\r\n location.reload();\r\n }\r\n });\r\n\r\n \/\/ Initial Load\r\n loadState();\r\n \r\n \/\/ Add a simple check to ensure the date picker is usable\r\n const dateInput = document.getElementById('projectStartDate');\r\n if (dateInput.type !== 'date') {\r\n dateInput.type = 'text';\r\n dateInput.placeholder = 'YYYY-MM-DD';\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":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":["post-54912","post","type-post","status-publish","format-standard","hentry","category-1"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":52658,"url":"https:\/\/engeg.com\/b\/2025\/08\/30\/%d8%af%d9%84%d9%8a%d9%84%d9%83-%d9%84%d8%ad%d8%b3%d8%a7%d8%a8-%d9%88%d8%b3%d8%af%d8%a7%d8%af-%d8%b9%d9%84%d8%a7%d9%88%d8%a9-%d8%b2%d9%8a%d8%a7%d8%af%d8%a9-%d9%85%d8%b3%d8%a7%d8%ad%d8%a9-%d8%ba%d8%b1\/","url_meta":{"origin":54912,"position":0},"title":"\u062f\u0644\u064a\u0644\u0643 \u0644\u062d\u0633\u0627\u0628 \u0648\u0633\u062f\u0627\u062f \u0639\u0644\u0627\u0648\u0629 \u0632\u064a\u0627\u062f\u0629 \u0645\u0633\u0627\u062d\u0629 \u063a\u0631\u0641 \u0627\u0644\u0633\u0637\u062d (75%) \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 30, 2025","format":false,"excerpt":"\u0645\u0639 \u0628\u062f\u0627\u064a\u0629 \u062a\u0637\u0628\u064a\u0642 \u0642\u0631\u0627\u0631 \u0632\u064a\u0627\u062f\u0629 \u0646\u0633\u0628\u0629 \u0627\u0633\u062a\u063a\u0644\u0627\u0644 \u063a\u0631\u0641 \u0627\u0644\u0633\u0637\u062d \u062d\u062a\u0649 75%\u060c \u0628\u062f\u0623 \u0627\u0644\u0645\u0644\u0627\u0643 \u064a\u062a\u0633\u0627\u0621\u0644\u0648\u0646 \u0639\u0646 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062d\u0633\u0627\u0628\u060c \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u062a\u0631\u060c \u0648\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0633\u062f\u0627\u062f. \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0642\u0627\u0644 \u0646\u062c\u0645\u0639 \u0644\u0643 \u062a\u062c\u0627\u0631\u0628 \u0641\u0639\u0644\u064a\u0629 \u0644\u0623\u0639\u0636\u0627\u0621 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u0645\u0639 \u062a\u0648\u0636\u064a\u062d \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644. --- \ud83e\uddee \u0637\u0631\u064a\u0642\u0629 \u062d\u0633\u0627\u0628 \u062a\u0643\u0644\u0641\u0629 \u0639\u0644\u0627\u0648\u0629 \u0627\u0644\u0640 75% \u062a\u0639\u062a\u0645\u062f \u0627\u0644\u062d\u0633\u0628\u0629 \u0639\u0644\u0649 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062f\u0648\u0631 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u2026","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":54904,"url":"https:\/\/engeg.com\/b\/2025\/10\/23\/%d8%af%d9%84%d9%8a%d9%84%d9%83-%d8%a7%d9%84%d8%b4%d8%a7%d9%85%d9%84-%d9%84%d8%b1%d8%ae%d8%b5%d8%a9-%d8%a8%d9%86%d8%a7%d8%a1-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86-%d9%88%d8%a7%d9%84%d8%a7\/","url_meta":{"origin":54912,"position":1},"title":"\u062f\u0644\u064a\u0644\u0643 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0631\u062e\u0635\u0629 \u0628\u0646\u0627\u0621 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u0648\u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629","author":"interior","date":"\u0623\u0643\u062a\u0648\u0628\u0631 23, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%aa%d9%86%d9%81%d9%8a%d8%b0-%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":54616,"url":"https:\/\/engeg.com\/b\/2025\/10\/09\/%d9%85%d8%aa%d8%a7%d8%a8%d8%b9%d9%87-%d8%a7%d8%b3%d8%aa%d8%ae%d8%b1%d8%a7%d8%ac-%d8%b1%d8%ae%d8%b5%d8%a9-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7\/","url_meta":{"origin":54912,"position":2},"title":"\u0645\u062a\u0627\u0628\u0639\u0647 \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u062f\u0644\u064a\u0644\u0643 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0644\u062a\u062e\u0637\u064a \u0643\u0644 \u0627\u0644\u0639\u0642\u0628\u0627\u062a","author":"interior","date":"\u0623\u0643\u062a\u0648\u0628\u0631 9, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%aa%d9%86%d9%81%d9%8a%d8%b0-%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":52970,"url":"https:\/\/engeg.com\/b\/2025\/09\/04\/%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86-%d8%a7%d9%84%d8%ad%d9%8a-%d8%a7%d9%84%d8%ab%d8%a7%d9%84%d8%ab\/","url_meta":{"origin":54912,"position":3},"title":"\u062e\u0631\u0627\u0626\u0637 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u0627\u0644\u062d\u064a \u0627\u0644\u062b\u0627\u0644\u062b","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 4, 2025","format":false,"excerpt":"\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u062d\u064a \u0627\u0644\u062b\u0627\u0644\u062b \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646: \u062f\u0644\u064a\u0644\u0643 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0645\u0648\u0642\u0639\u0647 \u0648\u0645\u0645\u064a\u0632\u0627\u062a\u0647 \u064a\u062d\u062a\u0644 \u0627\u0644\u062d\u064a \u0627\u0644\u062b\u0627\u0644\u062b \u0645\u0643\u0627\u0646\u0629 \u062e\u0627\u0635\u0629 \u0636\u0645\u0646 \u0623\u062d\u064a\u0627\u0621 \u0645\u0634\u0631\u0648\u0639 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u0628\u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\u060c \u062d\u064a\u062b \u064a\u064f\u0639\u0631\u0641 \u0628\u062a\u0635\u0645\u064a\u0645\u0647 \u0627\u0644\u0641\u0631\u064a\u062f \u0627\u0644\u0630\u064a \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u062e\u0636\u0631\u0627\u0621 \u0648\u0627\u0644\u0647\u062f\u0648\u0621\u060c \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0642\u0631\u0628\u0647 \u0645\u0646 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062d\u064a\u0648\u064a\u0629. \u0625\u0646\u0647 \u0648\u062c\u0647\u0629 \u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0645\u0646 \u064a\u0628\u062d\u062b \u0639\u0646 \u0628\u064a\u0626\u0629 \u0633\u0643\u0646\u064a\u0629 \u0631\u0627\u0642\u064a\u0629 \u0648\u0645\u062c\u062a\u0645\u0639 \u0647\u0627\u062f\u0626. \u0641\u064a\u2026","rel":"","context":"\u0641\u064a "\u062e\u0631\u0627\u0626\u0637 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062e\u0631\u0627\u0626\u0637 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7-%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":53127,"url":"https:\/\/engeg.com\/b\/2025\/09\/08\/hikal\/","url_meta":{"origin":54912,"position":4},"title":"\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0644\u062a\u0646\u0641\u064a\u0630 \u0644\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u064a \u0644\u0639\u0645\u0627\u0631\u0629 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u0639\u062f\u064a\u0644 \u0639\u0644\u064a \u0627\u0631\u0636\u0643","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 8, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%aa%d9%86%d9%81%d9%8a%d8%b0-%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":52973,"url":"https:\/\/engeg.com\/b\/2025\/09\/04\/%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86-%d8%a7%d9%84%d8%ad%d9%8a-%d8%a7%d9%84%d8%b1%d8%a7%d8%a8%d8%b9\/","url_meta":{"origin":54912,"position":5},"title":"\u062e\u0631\u0627\u0626\u0637 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u0627\u0644\u062d\u064a \u0627\u0644\u0631\u0627\u0628\u0639","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 4, 2025","format":false,"excerpt":"\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u062d\u064a \u0627\u0644\u0631\u0627\u0628\u0639 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646: \u062f\u0644\u064a\u0644\u0643 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u062a\u062d\u062f\u064a\u062f \u0642\u0637\u0639\u0629 \u0623\u0631\u0636\u0643 \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u064a\u064f\u0639\u062f \u0645\u0634\u0631\u0648\u0639 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u0641\u064a \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0648\u0627\u062d\u062f\u064b\u0627 \u0645\u0646 \u0623\u0647\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u0647\u062f\u0641 \u0627\u0644\u0645\u0635\u0631\u064a\u064a\u0646 \u0627\u0644\u0639\u0627\u0645\u0644\u064a\u0646 \u0628\u0627\u0644\u062e\u0627\u0631\u062c \u0648\u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0627\u0644\u0645\u062d\u0644\u064a\u064a\u0646 \u0639\u0644\u0649 \u062d\u062f \u0633\u0648\u0627\u0621. \u0648\u0645\u0646 \u0628\u064a\u0646 \u0623\u062d\u064a\u0627\u0626\u0647 \u0627\u0644\u062b\u0645\u0627\u0646\u064a\u0629\u060c \u064a\u0628\u0631\u0632 \u0627\u0644\u062d\u064a \u0627\u0644\u0631\u0627\u0628\u0639 \u0643\u0623\u062d\u062f \u0623\u0643\u062b\u0631 \u0627\u0644\u0623\u062d\u064a\u0627\u0621 \u062a\u0645\u064a\u0632\u064b\u0627 \u0628\u0641\u0636\u0644 \u0645\u0648\u0642\u0639\u0647 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0648\u062a\u0635\u0645\u064a\u0645\u0647 \u0627\u0644\u0641\u0631\u064a\u062f. \u0641\u064a\u2026","rel":"","context":"\u0641\u064a "\u062e\u0631\u0627\u0626\u0637 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062e\u0631\u0627\u0626\u0637 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7-%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\/54912","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=54912"}],"version-history":[{"count":1,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/54912\/revisions"}],"predecessor-version":[{"id":54913,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/54912\/revisions\/54913"}],"wp:attachment":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/media?parent=54912"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/categories?post=54912"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/tags?post=54912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\r\n\r\n\r\n\r\n\r\n\u0627\u0644\u0645\u0631\u0634\u062f \u0627\u0644\u0630\u0643\u064a \u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0632\u064a\u0627\u062f\u0629 \u063a\u0631\u0641 \u0627\u0644\u0633\u0637\u062d<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --bg-main: #f0f4f8;\r\n --bg-glass: rgba(255, 255, 255, 0.85);\r\n --border-color: rgba(0, 0, 0, 0.08);\r\n --text-primary: #1a253c;\r\n --text-secondary: #5a6479;\r\n --accent-primary: #8e44ad;\r\n --accent-secondary: #2980b9;\r\n --accent-done: #27ae60;\r\n --accent-pending: #f39c12;\r\n --accent-danger: #e74c3c;\r\n --shadow: 0 10px 35px rgba(0, 0, 0, 0.07);\r\n --border-radius: 16px;\r\n}\r\nhtml { scroll-behavior: smooth; }\r\nbody { background-color: var(--bg-main); background-image: linear-gradient(135deg, #f5eef8 0%, #f0f4f8 100%); font-family: 'Cairo', sans-serif; padding: 20px; margin: 0; color: var(--text-primary); }\r\n.container { max-width: 950px; margin: 0 auto; }\r\n.main-header { text-align: center; margin-bottom: 20px; }\r\n.main-header h1 { font-size: 32px; font-weight: 900; margin: 0; background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n.main-header p { color: var(--text-secondary); margin-top: 5px; font-size: 16px; }\r\n.project-dates { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; background: var(--bg-glass); border: 1px solid var(--border-color); border-radius: var(--border-radius); padding: 20px; margin: 25px 0; box-shadow: var(--shadow); }\r\n.project-dates label { font-weight: 700; font-size: 14px; color: var(--text-secondary); margin-bottom: 5px; display: block; }\r\n.project-dates input { width: 100%; padding: 10px; border-radius: 8px; border: 1px solid rgba(0,0,0,0.1); font-size: 14px; box-sizing: border-box; background: #fff; }\r\n.toc { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 25px 0; padding: 10px; background: var(--bg-glass); border-radius: var(--border-radius); box-shadow: var(--shadow); backdrop-filter: blur(10px); position: sticky; top: 10px; z-index: 100; }\r\n.toc a { background: rgba(0,0,0,0.05); color: var(--text-secondary); padding: 8px 15px; border-radius: 12px; text-decoration: none; font-size: 14px; font-weight: 700; transition: all 0.3s ease; }\r\n.toc a:hover, .toc a.active { background: var(--accent-primary); color: #fff; transform: translateY(-2px); }\r\n.phase { margin-bottom: 30px; padding-top: 70px; margin-top: -70px; }\r\n.phase-header { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid var(--accent-primary); }\r\n.phase-header .icon { font-size: 28px; color: var(--accent-primary); }\r\n.phase-header h2 { margin: 0; font-size: 24px; font-weight: 700; }\r\n.checklist-item { background: var(--bg-glass); border: 1px solid var(--border-color); backdrop-filter: blur(10px); padding: 20px; border-radius: var(--border-radius); margin-bottom: 15px; box-shadow: var(--shadow); transition: all 0.3s ease; border-left: 5px solid var(--border-color); position: relative; }\r\n.item-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; }\r\n.item-header strong { font-size: 18px; flex-grow: 1; line-height: 1.4; }\r\n.status-toggle { display: flex; align-items: center; gap: 8px; background: rgba(0,0,0,0.04); padding: 5px; border-radius: 10px; flex-shrink: 0; }\r\n.status-toggle label { padding: 5px 12px; border-radius: 7px; cursor: pointer; font-size: 13px; font-weight: 700; transition: all 0.3s ease; }\r\n.status-toggle input:checked + label { color: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }\r\n.status-toggle input[value=\"\u062a\u0645\"]:checked + label { background-color: var(--accent-done); }\r\n.status-toggle input[value=\"\u0644\u0645 \u064a\u062a\u0645\"]:checked + label { background-color: var(--accent-pending); }\r\n.status-toggle input { display: none; }\r\n.item-body { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--border-color); }\r\n.details-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }\r\n.detail-box { background: rgba(0,0,0,0.02); padding: 15px; border-radius: 10px; display: flex; flex-direction: column; }\r\n.detail-box h4 { margin: 0 0 10px; font-size: 14px; font-weight: 700; color: var(--text-secondary); display: flex; align-items: center; gap: 8px; border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 8px; }\r\n.detail-box p, .detail-box ul { margin: 0; font-size: 15px; line-height: 1.8; padding-right: 0; flex-grow: 1; }\r\n.detail-box ul { list-style-type: none; }\r\n.detail-box ul li { position: relative; padding-right: 20px; margin-bottom: 8px; }\r\n.detail-box ul li::before { content: '\u2022'; color: var(--accent-primary); position: absolute; right: 0; top: 0; }\r\n.cost-input { width: 100%; padding: 10px; border-radius: 8px; border: 1px solid rgba(0,0,0,0.1); font-size: 14px; box-sizing: border-box; margin-top: 8px; background: #fff; }\r\n.delay-reasons-container { margin-top: 10px; min-height: 20px; }\r\n.delay-reason-item { background: rgba(0,0,0,0.05); padding: 8px 12px; border-radius: 6px; margin-bottom: 5px; font-size: 14px; }\r\n.add-delay-btn { border: none; padding: 6px 12px; border-radius: 6px; font-size: 12px; cursor: pointer; margin-top: 10px; transition: background 0.3s; color: #fff; background: var(--accent-danger); }\r\n.smart-report-section, .delay-analysis-section { background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)); border: 1px solid var(--border-color); border-radius: var(--border-radius); padding: 30px; margin: 40px 0; box-shadow: var(--shadow); backdrop-filter: blur(10px); }\r\n.smart-report-section h2, .delay-analysis-section h2 { margin-top: 0; text-align: center; font-weight: 900; color: var(--accent-primary); }\r\n.progress-bar-container { background: rgba(0,0,0,0.05); border-radius: 10px; padding: 4px; margin: 25px 0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.06); }\r\n.progress-bar { width: 0%; height: 16px; background: linear-gradient(90deg, var(--accent-secondary), var(--accent-primary)); border-radius: 8px; transition: width 0.5s ease-in-out; text-align: center; color: white; font-size: 12px; line-height: 16px; font-weight: 700; }\r\n.dashboard { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; margin-bottom: 25px; }\r\n.dash-card { background: var(--bg-glass); border: 1px solid var(--border-color); backdrop-filter: blur(10px); padding: 15px; border-radius: var(--border-radius); text-align: center; box-shadow: var(--shadow); }\r\n.dash-card h3 { margin: 0 0 8px; font-size: 14px; color: var(--text-secondary); font-weight: 400; }\r\n.dash-card p { margin: 0; font-size: 24px; font-weight: 700; }\r\n#smartReportContent, #delayAnalysisContent { line-height: 1.9; font-size: 16px; }\r\n#smartReportContent p, #delayAnalysisContent p, #delayAnalysisContent ul { margin-bottom: 15px; }\r\n#smartReportContent strong, #delayAnalysisContent strong { color: var(--accent-primary); font-weight: 700; }\r\n.actions { display: flex; gap: 15px; margin-top: 30px; justify-content: center; flex-wrap: wrap; }\r\n.btn { padding: 12px 25px; border-radius: 12px; border: none; cursor: pointer; font-weight: 700; font-size: 15px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }\r\n.btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); }\r\n.btn-wa { background: linear-gradient(135deg, #25D366, #128C7E); color: #fff; }\r\n.btn-clear { background: linear-gradient(135deg, #e74c3c, #c0392b); color: #fff; }\r\n.expected-date { font-size: 12px; color: var(--accent-secondary); margin-top: 5px; display: block; font-weight: 400; }\r\n@media (max-width: 768px) { .item-header { flex-direction: column; align-items: stretch; } .status-toggle { justify-content: space-around; } .toc { position: static; } .details-grid { grid-template-columns: 1fr; } .project-dates { grid-template-columns: 1fr; } }\r\n.checklist-item[data-status=\"\u062a\u0645\"] { border-left-color: var(--accent-done); }\r\n.checklist-item[data-status=\"\u0644\u0645 \u064a\u062a\u0645\"] { border-left-color: var(--accent-pending); }\r\n.checklist-item[data-status=\"\u0645\u062d\u0630\u0648\u0641\"] { border-left-color: var(--accent-danger); opacity: 0.5; pointer-events: none; }\r\n.delete-btn { position: absolute; top: 10px; left: 10px; background: none; border: none; color: var(--accent-danger); font-size: 18px; cursor: pointer; transition: color 0.2s; padding: 5px; line-height: 1; }\r\n.delete-btn:hover { color: #a93226; }\r\n.extra-cost-item { background: var(--bg-glass); border: 1px solid var(--border-color); padding: 15px; border-radius: var(--border-radius); margin-top: 20px; box-shadow: var(--shadow); }\r\n.extra-cost-item h3 { margin-top: 0; font-size: 18px; color: var(--accent-primary); }\r\n.extra-cost-item button { background: var(--accent-primary); color: #fff; border: none; padding: 8px 15px; border-radius: 8px; cursor: pointer; transition: background 0.2s; }\r\n.extra-cost-item button:hover { background: #6c3483; }\r\n.extra-cost-list { margin-top: 10px; }\r\n.extra-cost-entry { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px dashed rgba(0,0,0,0.1); font-size: 15px; }\r\n.extra-cost-entry:last-child { border-bottom: none; }\r\n.extra-cost-entry .cost-amount { font-weight: 700; color: var(--accent-danger); }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <header class=\"main-header\">\r\n <h1>\u0627\u0644\u0645\u0631\u0634\u062f \u0627\u0644\u0630\u0643\u064a \u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0632\u064a\u0627\u062f\u0629 \u063a\u0631\u0641 \u0627\u0644\u0633\u0637\u062d<\/h1>\r\n <p>\u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0630\u064a \u064a\u062d\u0644\u0644\u060c \u064a\u062a\u0648\u0642\u0639\u060c \u0648\u064a\u0631\u0634\u062f\u0643 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629 \u0646\u062d\u0648 \u0627\u0644\u0625\u0646\u062c\u0627\u0632<\/p>\r\n <\/header>\r\n\r\n <div class=\"project-dates\">\r\n <div>\r\n <label for=\"projectStartDate\">\ud83d\udcc5 \u062a\u0627\u0631\u064a\u062e \u0628\u062f\u0621 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a<\/label>\r\n <input type=\"date\" id=\"projectStartDate\">\r\n <\/div>\r\n <div>\r\n <label for=\"projectEndDate\">\ud83c\udfc1 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u0645\u062a\u0648\u0642\u0639 (\u064a\u064f\u062d\u0633\u0628 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b)<\/label>\r\n <input type=\"text\" id=\"projectEndDate\" readonly style=\"background-color: #e9ecef; cursor: not-allowed;\">\r\n <\/div>\r\n <\/div>\r\n\r\n <nav class=\"toc\">\r\n <a href=\"#phase1\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649: \u0645\u0646 \u0627\u0644\u0637\u0644\u0628 \u0625\u0644\u0649 \u0627\u0644\u0639\u0642\u062f<\/a>\r\n <a href=\"#phase2\">\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629: \u0645\u0646 \u0627\u0644\u0639\u0642\u062f \u0625\u0644\u0649 \u0627\u0644\u0631\u062e\u0635\u0629<\/a>\r\n <a href=\"#extra-costs\">\u0645\u0635\u0627\u0631\u064a\u0641 \u0625\u0636\u0627\u0641\u064a\u0629<\/a>\r\n <a href=\"#smart-report\">\u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0630\u0643\u064a<\/a>\r\n <a href=\"#delay-analysis\">\u062a\u062d\u0644\u064a\u0644 \u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/a>\r\n <\/nav>\r\n\r\n <form id=\"checklistForm\">\r\n \r\n <section class=\"phase\" id=\"phase1\">\r\n <div class=\"phase-header\"><span class=\"icon\">\ud83d\udcc4<\/span><h2>\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649: \u0645\u0646 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0644\u0628 \u062d\u062a\u0649 \u062a\u0648\u0642\u064a\u0639 \u0627\u0644\u0639\u0642\u062f (10 \u062e\u0637\u0648\u0627\u062a \u0645\u062c\u0645\u0639\u0629)<\/h2><\/div>\r\n \r\n <div class=\"checklist-item\" data-id=\"p1_1\" data-time-est=\"1\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>1. \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0644\u0628<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_1\" id=\"p1_1_done\" value=\"\u062a\u0645\"><label for=\"p1_1_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_1\" id=\"p1_1_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_1_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0627\u0644\u062a\u0642\u062f\u0645 \u0628\u0627\u0644\u0637\u0644\u0628 \u0639\u0628\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0648\u0631\u0641\u0639 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a (\u0627\u0644\u0628\u0637\u0627\u0642\u0629\u060c \u0625\u062e\u0637\u0627\u0631 \u0627\u0644\u062a\u062e\u0635\u064a\u0635\u060c \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621).<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_2\" data-time-est=\"1\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>2. \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0637\u0644\u0628<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_2\" id=\"p1_2_done\" value=\"\u062a\u0645\"><label for=\"p1_2_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_2\" id=\"p1_2_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_2_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0648\u0638\u0641 \u0628\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u0645\u062e\u0627\u0644\u0641\u0627\u062a \u0645\u0633\u062c\u0644\u0629 \u0623\u0648 \u0623\u0642\u0633\u0627\u0637 \u0645\u0633\u062a\u062d\u0642\u0629.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_3_4\" data-time-est=\"2\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>3 & 4. \u062a\u062d\u062f\u064a\u062f \u0648\u0633\u062f\u0627\u062f \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0623\u0648\u0644\u064a\u0629<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_3_4\" id=\"p1_3_4_done\" value=\"\u062a\u0645\"><label for=\"p1_3_4_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_3_4\" id=\"p1_3_4_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_3_4_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0627\u0633\u062a\u0644\u0627\u0645 \u0631\u0633\u0627\u0644\u0629 \u0646\u0635\u064a\u0629 \u0644\u062f\u0641\u0639 \u0645\u0628\u0644\u063a \u0631\u0645\u0632\u064a (~73 \u062c) \u0639\u0628\u0631 \u062e\u062f\u0645\u0629 \u0641\u0648\u0631\u064a.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_5_6\" data-time-est=\"7\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>5 & 6. \u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0648\u0625\u062e\u0637\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_5_6\" id=\"p1_5_6_done\" value=\"\u062a\u0645\"><label for=\"p1_5_6_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_5_6\" id=\"p1_5_6_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_5_6_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0648\u0638\u0641 \u0628\u062a\u062d\u062f\u064a\u062f \u062a\u0627\u0631\u064a\u062e \u0644\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0648\u062a\u0635\u0644\u0643 \u0631\u0633\u0627\u0644\u0629 \u0628\u0647. \u064a\u062c\u0628 \u0627\u0644\u062a\u0648\u062c\u0647 \u0644\u0644\u062c\u0647\u0627\u0632 \u0635\u0628\u0627\u062d \u064a\u0648\u0645 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0644\u0645\u0642\u0627\u0628\u0644\u0629 \u0627\u0644\u0645\u0647\u0646\u062f\u0633.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_7\" data-time-est=\"7\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>7. \u062a\u0633\u062c\u064a\u0644 \u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_7\" id=\"p1_7_done\" value=\"\u062a\u0645\"><label for=\"p1_7_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_7\" id=\"p1_7_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_7_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0628\u0639\u062f \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u0645\u062e\u0627\u0644\u0641\u0627\u062a\u060c \u064a\u0642\u0648\u0645 \u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0627\u062a \u0628\u0631\u0641\u0639 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0639\u0644\u0649 \u0627\u0644\u0646\u0638\u0627\u0645.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udca1 \u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629<\/h4><p>\u064a\u064f\u0646\u0635\u062d \u0628\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0645\u0639 \u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0627\u062a \u0644\u0623\u0646 \u0647\u0630\u0647 \u0627\u0644\u062e\u0637\u0648\u0629 \u0642\u062f \u062a\u0633\u062a\u063a\u0631\u0642 \u0648\u0642\u062a\u0627\u064b \u0637\u0648\u064a\u0644\u0627\u064b.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_8\" data-time-est=\"14\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>8. \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0648\u0642\u0641 \u0627\u0644\u0645\u0627\u0644\u064a \u0648\u0627\u0644\u0639\u0642\u0627\u0631\u064a<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_8\" id=\"p1_8_done\" value=\"\u062a\u0645\"><label for=\"p1_8_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_8\" id=\"p1_8_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_8_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u062a\u062a\u0645 \u0645\u0631\u0627\u062c\u0639\u0629 \u0633\u062c\u0644\u0643 \u0627\u0644\u0645\u0627\u0644\u064a \u0644\u062f\u0649 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u0645\u0633\u062a\u062d\u0642\u0627\u062a \u0645\u062a\u0623\u062e\u0631\u0629.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udca1 \u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629<\/h4><p>\u0647\u0630\u0647 \u0645\u0646 \u0623\u0643\u062b\u0631 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u063a\u0631\u0642 \u0648\u0642\u062a\u0627\u064b. \u064a\u064f\u0646\u0635\u062d \u0628\u0627\u0644\u0630\u0647\u0627\u0628 \u0634\u062e\u0635\u064a\u0627\u064b \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0648\u0627\u0637\u0646\u064a\u0646 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0644\u062a\u0633\u0631\u064a\u0639\u0647\u0627.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_9\" data-time-est=\"7\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>9. \u0641\u062d\u0635 \u0627\u0644\u0645\u0644\u0641<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_9\" id=\"p1_9_done\" value=\"\u062a\u0645\"><label for=\"p1_9_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_9\" id=\"p1_9_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_9_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u062a\u0642\u0648\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635 \u0628\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0637\u0644\u0628 \u0648\u0643\u062a\u0627\u0628\u0629 \u062a\u0642\u0631\u064a\u0631 \u0628\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 (75% \u0645\u0646 \u0627\u0644\u0645\u062a\u0643\u0631\u0631).<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udca1 \u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629<\/h4><p>\u0625\u0630\u0627 \u0645\u0631 \u0623\u0633\u0628\u0648\u0639 \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u0648\u0642\u0641 \u0627\u0644\u0645\u0627\u0644\u064a \u062f\u0648\u0646 \u062a\u0642\u062f\u0645\u060c \u064a\u062c\u0628 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0639 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_10_11\" data-time-est=\"7\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>10 & 11. \u062a\u062d\u062f\u064a\u062f \u0648\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_10_11\" id=\"p1_10_11_done\" value=\"\u062a\u0645\"><label for=\"p1_10_11_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_10_11\" id=\"p1_10_11_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_10_11_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0645\u0646 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629\u060c \u062b\u0645 \u062f\u0641\u0639\u0647\u0627 \u0628\u0627\u0644\u062e\u0632\u064a\u0646\u0629 (\u0641\u064a\u0632\u0627) \u0623\u0648 \u0628\u0627\u0644\u0628\u0646\u0643 (\u0645\u062f\u0641\u0648\u0639\u0629 \u0645\u0648\u0627\u0637\u0646).<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_12_13\" data-time-est=\"1\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>12 & 13. \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0648\u0625\u062e\u0637\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_12_13\" id=\"p1_12_13_done\" value=\"\u062a\u0645\"><label for=\"p1_12_13_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_12_13\" id=\"p1_12_13_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_12_13_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0639\u0642\u062f \u0648\u062a\u0648\u0642\u064a\u0639\u0647 \u0645\u0646 \u0627\u0644\u0645\u0627\u0644\u0643 (\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0648\u0627\u0637\u0646\u064a\u0646 \u0627\u0644\u0642\u062f\u064a\u0645\u0629\u060c \u0634\u0628\u0627\u0643 1). \u062b\u0645 \u062a\u0635\u0644\u0643 \u0631\u0633\u0627\u0644\u0629 \u0628\u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u062e\u062f\u0645\u0629.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udca1 \u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629<\/h4><p>\u064a\u062a\u0645 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 50 \u0637\u0644\u0628\u0627\u064b \u0641\u0642\u0637 \u0641\u064a \u0627\u0644\u064a\u0648\u0645 \u0644\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0639\u0642\u0648\u062f. \u0627\u0630\u0647\u0628 \u0645\u0628\u0643\u0631\u0627\u064b.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p1_14\" data-time-est=\"90\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>14. \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0646\u062f \u0644\u0644\u0639\u0645\u064a\u0644<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p1_14\" id=\"p1_14_done\" value=\"\u062a\u0645\"><label for=\"p1_14_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p1_14\" id=\"p1_14_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p1_14_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0627\u0633\u062a\u0644\u0627\u0645 \u0646\u0633\u062e\u062a\u0643 \u0645\u0646 \u0627\u0644\u0639\u0642\u062f \u0628\u0639\u062f \u062a\u0648\u0642\u064a\u0639\u0647\u0627 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0625\u062f\u0627\u0631\u0627\u062a \u0627\u0644\u062c\u0647\u0627\u0632 \u0648\u062e\u062a\u0645\u0647\u0627 \u0628\u062e\u062a\u0645 \u0627\u0644\u0646\u0633\u0631.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\u23f3 \u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0632\u0645\u0646\u064a\u0629<\/h4><p>\u0647\u0630\u0647 \u0627\u0644\u062e\u0637\u0648\u0629 \u062a\u0633\u062a\u063a\u0631\u0642 \u0645\u0646 <b>\u0634\u0647\u0631\u064a\u0646 \u0625\u0644\u0649 \u0623\u0631\u0628\u0639\u0629 \u0634\u0647\u0648\u0631<\/b> \u0628\u0639\u062f \u062a\u0648\u0642\u064a\u0639\u0643 \u0639\u0644\u0649 \u0627\u0644\u0639\u0642\u062f.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"phase\" id=\"phase2\">\r\n <div class=\"phase-header\"><span class=\"icon\">\ud83d\udd11<\/span><h2>\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629: \u0645\u0646 \u0628\u0639\u062f \u0627\u0644\u0639\u0642\u062f \u062d\u062a\u0649 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0631\u062e\u0635\u0629 (7 \u062e\u0637\u0648\u0627\u062a)<\/h2><\/div>\r\n \r\n <div class=\"checklist-item\" data-id=\"p2_1\" data-time-est=\"60\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>1. \u062a\u0642\u062f\u064a\u0645 \u0628\u064a\u0627\u0646 \u0635\u0644\u0627\u062d\u064a\u0629<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p2_1\" id=\"p2_1_done\" value=\"\u062a\u0645\"><label for=\"p2_1_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p2_1\" id=\"p2_1_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p2_1_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646 \u0635\u0644\u0627\u062d\u064a\u0629 \u062c\u062f\u064a\u062f \u0644\u0644\u0628\u0646\u0627\u0621 \u0639\u0628\u0631 \u062e\u062f\u0645\u0627\u062a \u062a\u0631\u0627\u062e\u064a\u0635 \u0627\u0644\u0628\u0646\u0627\u0621.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udca1 \u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629<\/h4><p>\u0625\u0630\u0627 \u0643\u0627\u0646 \u0644\u062f\u064a\u0643 \u0628\u064a\u0627\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0623\u0635\u0644\u064a \u0627\u0644\u0642\u062f\u064a\u0645\u060c \u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647. \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0628\u064a\u0627\u0646 \u062c\u062f\u064a\u062f \u0642\u062f \u064a\u0633\u062a\u063a\u0631\u0642 <b>\u0634\u0647\u0631\u064a\u0646<\/b>.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p2_2\" data-time-est=\"15\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>2. \u0625\u062b\u0628\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p2_2\" id=\"p2_2_done\" value=\"\u062a\u0645\"><label for=\"p2_2_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p2_2\" id=\"p2_2_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p2_2_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u062a\u0633\u0644\u064a\u0645 \u0623\u0635\u0644 \u0628\u064a\u0627\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629 \u0645\u0639 \u0635\u0648\u0631\u0629 \u0627\u0644\u0639\u0642\u062f \u0644\u0644\u0645\u0648\u0638\u0641 \u0627\u0644\u0645\u062e\u062a\u0635 \u0644\u0625\u062b\u0628\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u064a\u0647.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udca1 \u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629<\/h4><p>\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0628\u064a\u0627\u0646 \u0628\u0639\u062f \u0625\u062b\u0628\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u064a\u0647: \u0645\u0646 10 \u0625\u0644\u0649 15 \u064a\u0648\u0645\u0627\u064b.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p2_3\" data-time-est=\"30\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>3. \u0639\u0645\u0644 \u0627\u0644\u0645\u0648\u0642\u0641 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p2_3\" id=\"p2_3_done\" value=\"\u062a\u0645\"><label for=\"p2_3_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p2_3\" id=\"p2_3_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p2_3_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0627\u0644\u062a\u0642\u062f\u064a\u0645 \u0639\u0644\u0649 \"\u0645\u0648\u0642\u0641 \u062a\u0646\u0641\u064a\u0630\u064a\" \u062c\u062f\u064a\u062f \u0628\u063a\u0631\u0636 \u0639\u0645\u0644 \u0631\u062e\u0635\u0629 \u0632\u064a\u0627\u062f\u0629 75% \u063a\u0631\u0641 \u0633\u0637\u062d\u060c \u0648\u064a\u062a\u0636\u0645\u0646 \u0645\u0639\u0627\u064a\u0646\u0629 \u062c\u062f\u064a\u062f\u0629.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udca1 \u0645\u0644\u0627\u062d\u0638\u0629 \u0647\u0627\u0645\u0629<\/h4><p>\u064a\u062c\u0628 \u0627\u0644\u0628\u062f\u0621 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u062e\u0637\u0648\u0629 \u0645\u0628\u0643\u0631\u0627\u064b \u0644\u0623\u0646\u0647\u0627 \u0642\u062f \u062a\u0633\u062a\u063a\u0631\u0642 \u0634\u0647\u0631\u0627\u064b \u0643\u0627\u0645\u0644\u0627\u064b.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p2_4\" data-time-est=\"60\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>4. \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u0645\u062c\u0645\u0639\u0629 \u0627\u0644\u0639\u0634\u0631\u064a\u0629 (\u062a\u0639\u062f\u064a\u0644 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646)<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p2_4\" id=\"p2_4_done\" value=\"\u062a\u0645\"><label for=\"p2_4_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p2_4\" id=\"p2_4_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p2_4_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u062a\u0642\u062f\u064a\u0645 \u0637\u0644\u0628 \u062a\u0639\u062f\u064a\u0644 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0644\u0632\u064a\u0627\u062f\u0629 \u0642\u064a\u0645\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\u060c \u0645\u0639 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u062f\u0633 \u0625\u0644\u0649 \"\u0645\u0647\u0646\u062f\u0633 \u0627\u0633\u062a\u0634\u0627\u0631\u064a\".<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p2_5\" data-time-est=\"30\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>5. \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629 (\u0625\u0646 \u0644\u0632\u0645 \u0627\u0644\u0623\u0645\u0631)<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p2_5\" id=\"p2_5_done\" value=\"\u062a\u0645\"><label for=\"p2_5_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p2_5\" id=\"p2_5_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p2_5_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0645\u0637\u0644\u0648\u0628\u0629 \u0641\u0642\u0637 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0645\u0633\u0637\u062d \u063a\u0631\u0641 \u0627\u0644\u0633\u0637\u062d \u0627\u0644\u0645\u0639\u062f\u0644\u0629 \u0623\u0643\u0628\u0631 \u0645\u0646 400 \u0645\u00b2.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p2_6\" data-time-est=\"30\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>6. \u0645\u0648\u0627\u0641\u0642\u0629 \u0642\u064a\u0648\u062f \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 (\u0625\u0646 \u0644\u0632\u0645 \u0627\u0644\u0623\u0645\u0631)<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p2_6\" id=\"p2_6_done\" value=\"\u062a\u0645\"><label for=\"p2_6_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p2_6\" id=\"p2_6_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p2_6_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u0645\u0637\u0644\u0648\u0628\u0629 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0628\u0647\u0627 \u0642\u064a\u0648\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639. \u062a\u062a\u0637\u0644\u0628 \u062f\u0641\u0639 \"\u0639\u0644\u0627\u0648\u0629\" \u0644\u0644\u062c\u0647\u0627\u0632.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <div class=\"checklist-item\" data-id=\"p2_7\" data-time-est=\"90\">\r\n <button type=\"button\" class=\"delete-btn\" title=\"\u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f\">\u274c<\/button>\r\n <div class=\"item-header\"><strong>7. \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635 \u0628\u0627\u0644\u062c\u0647\u0627\u0632<\/strong><span class=\"expected-date\" data-expected-date><\/span><div class=\"status-toggle\"><input type=\"radio\" name=\"p2_7\" id=\"p2_7_done\" value=\"\u062a\u0645\"><label for=\"p2_7_done\">\u062a\u0645<\/label><input type=\"radio\" name=\"p2_7\" id=\"p2_7_pending\" value=\"\u0644\u0645 \u064a\u062a\u0645\" checked><label for=\"p2_7_pending\">\u0644\u0645 \u064a\u062a\u0645<\/label><\/div><\/div>\r\n <div class=\"item-body\"><div class=\"details-grid\">\r\n <div class=\"detail-box\"><h4>\ud83d\udccb \u0627\u0644\u0625\u062c\u0631\u0627\u0621<\/h4><p>\u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0628\u0631\u0641\u0639 \u0643\u0627\u0641\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u064b\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0646\u0633\u062e\u0629 \u0648\u0631\u0642\u064a\u0629 \u0645\u0646 \u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\u23f3 \u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0632\u0645\u0646\u064a\u0629<\/h4><p>\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0631\u062e\u0635\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u064a\u0633\u062a\u063a\u0631\u0642 \u0645\u0646 <b>\u0634\u0647\u0631\u064a\u0646 \u0625\u0644\u0649 4 \u0634\u0647\u0648\u0631<\/b>.<\/p><\/div>\r\n <div class=\"detail-box\"><h4>\ud83d\udcb0 \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h4><input type=\"number\" class=\"cost-input\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641\"><\/div>\r\n <div class=\"detail-box\"><h4>\u23f1\ufe0f \u062a\u0623\u062e\u064a\u0631\u0627\u062a<\/h4><div class=\"delay-reasons-container\"><\/div><button type=\"button\" class=\"add-delay-btn\">\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/button><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n <\/form>\r\n\r\n <section class=\"extra-cost-item\" id=\"extra-costs\">\r\n <h3>\ud83d\udcb0 \u0627\u0644\u0645\u0635\u0627\u0631\u064a\u0641 \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629 (\u062e\u0627\u0631\u062c \u0628\u0646\u0648\u062f \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635)<\/h3>\r\n <div class=\"extra-cost-list\" id=\"extraCostList\">\r\n \r\n <\/div>\r\n <div style=\"display: flex; gap: 10px; margin-top: 15px;\">\r\n <input type=\"text\" id=\"newCostDescription\" placeholder=\"\u0648\u0635\u0641 \u0627\u0644\u0645\u0635\u0631\u0648\u0641 (\u0645\u062b\u0644: \u0623\u062a\u0639\u0627\u0628 \u0645\u062d\u0627\u0645\u064a\u060c \u062a\u0635\u0648\u064a\u0631 \u0645\u0633\u062a\u0646\u062f\u0627\u062a)\" style=\"flex-grow: 1; padding: 8px; border-radius: 8px; border: 1px solid var(--border-color);\">\r\n <input type=\"number\" id=\"newCostAmount\" placeholder=\"\u0627\u0644\u0645\u0628\u0644\u063a\" style=\"width: 100px; padding: 8px; border-radius: 8px; border: 1px solid var(--border-color);\">\r\n <button id=\"addExtraCostButton\">\u0625\u0636\u0627\u0641\u0629 \u0645\u0635\u0631\u0648\u0641<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"smart-report-section\" id=\"smart-report\">\r\n <h2>\ud83d\udcca \u062a\u0642\u0631\u064a\u0631\u0643 \u0627\u0644\u0630\u0643\u064a \u0648\u062a\u0648\u0642\u0639\u0627\u062a\u0643 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629<\/h2>\r\n <div class=\"progress-bar-container\"><div class=\"progress-bar\" id=\"progressBar\"><\/div><\/div>\r\n <div class=\"dashboard\">\r\n <div class=\"dash-card\"><h3>\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641<\/h3><p id=\"totalCost\">0 \u062c<\/p><\/div>\r\n <div class=\"dash-card\"><h3>\u062e\u0637\u0648\u0627\u062a \u0645\u0643\u062a\u0645\u0644\u0629<\/h3><p id=\"totalDone\">0 \/ 17<\/p><\/div>\r\n <div class=\"dash-card\"><h3>\u062e\u0637\u0648\u0627\u062a \u0645\u0639\u0644\u0642\u0629<\/h3><p id=\"totalPending\">17<\/p><\/div>\r\n <\/div>\r\n <div id=\"smartReportContent\">\r\n <p>\u0623\u0647\u0644\u0627\u064b \u0628\u0643! \u0642\u0645 \u0628\u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0648\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0623\u0639\u0644\u0627\u0647 \u0644\u062a\u0631\u0649 \u0647\u0630\u0627 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0648\u0647\u0648 \u064a\u0646\u0628\u0636 \u0628\u0627\u0644\u062d\u064a\u0627\u0629\u060c \u0648\u064a\u0642\u062f\u0645 \u0644\u0643 \u062a\u062d\u0644\u064a\u0644\u0627\u064b \u062f\u0642\u064a\u0642\u0627\u064b \u0644\u0645\u0648\u0642\u0641\u0643 \u0627\u0644\u062d\u0627\u0644\u064a \u0648\u062a\u0648\u0642\u0639\u0627\u062a \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"delay-analysis-section\" id=\"delay-analysis\">\r\n <h2>\ud83d\udd2c \u0645\u0644\u062e\u0635 \u0648\u062a\u062d\u0644\u064a\u0644 \u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631<\/h2>\r\n <div id=\"delayAnalysisContent\">\r\n <p>\u0644\u0645 \u064a\u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0623\u064a \u0623\u0633\u0628\u0627\u0628 \u0644\u0644\u062a\u0623\u062e\u064a\u0631 \u0628\u0639\u062f. \u0639\u0646\u062f \u0645\u0648\u0627\u062c\u0647\u0629 \u0623\u064a \u062a\u0623\u062e\u064a\u0631 \u0641\u064a \u062e\u0637\u0648\u0629 \u0645\u0627\u060c \u0627\u0633\u062a\u062e\u062f\u0645 \u0632\u0631 \"\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\" \u0644\u062a\u0648\u062b\u064a\u0642\u0647. \u0633\u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0631\u0634\u062f \u0627\u0644\u0630\u0643\u064a \u0628\u062a\u062d\u0644\u064a\u0644 \u0647\u0630\u0647 \u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0642\u0628\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"actions\">\r\n <button id=\"sendReportButton\" class=\"btn btn-wa\" type=\"button\">\ud83d\udce4 \u062a\u0648\u0644\u064a\u062f \u062a\u0642\u0631\u064a\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/button>\r\n <button id=\"clearButton\" class=\"btn btn-clear\" type=\"button\">\ud83d\uddd1\ufe0f \u0645\u0633\u062d \u0643\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0628\u062f\u0621 \u0645\u0646 \u062c\u062f\u064a\u062f<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Helper function to add days to a date\r\nfunction addDays(date, days) {\r\n const result = new Date(date);\r\n result.setDate(result.getDate() + days);\r\n return result;\r\n}\r\n\r\n\/\/ Helper function to format date\r\nfunction formatDate(date) {\r\n if (isNaN(date.getTime())) {\r\n return '\u062a\u0627\u0631\u064a\u062e \u063a\u064a\u0631 \u0635\u0627\u0644\u062d';\r\n }\r\n return date.toLocaleDateString('ar-EG-u-nu-latn', { year: 'numeric', month: 'long', day: 'numeric' });\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n const form = document.getElementById('checklistForm');\r\n const storageKey = 'roofAdditionChecklist_v6.0_final'; \r\n\r\n \/\/ Get all items in order\r\n const allItems = Array.from(form.querySelectorAll('.checklist-item'));\r\n const allItemIds = allItems.map(item => item.dataset.id);\r\n const extraCostList = document.getElementById('extraCostList');\r\n let extraCosts = []; \/\/ Array to hold extra cost objects\r\n\r\n function updateAll() {\r\n updateStatusColors();\r\n updateExpectedDates();\r\n updateDashboardAndSmartReport();\r\n saveState();\r\n }\r\n\r\n function updateStatusColors() {\r\n allItems.forEach(item => {\r\n const radioName = item.dataset.id;\r\n const checkedRadio = form.querySelector(`input[name=\"${radioName}\"]:checked`);\r\n if (item.dataset.status === '\u0645\u062d\u0630\u0648\u0641') {\r\n return; \/\/ Skip if already marked as deleted\r\n }\r\n if (checkedRadio) {\r\n item.dataset.status = checkedRadio.value;\r\n }\r\n });\r\n }\r\n\r\n function updateExpectedDates() {\r\n const startDateInput = document.getElementById('projectStartDate');\r\n const activeItems = allItems.filter(item => item.dataset.status !== '\u0645\u062d\u0630\u0648\u0641');\r\n\r\n if (!startDateInput.value) {\r\n activeItems.forEach(item => {\r\n item.querySelector('[data-expected-date]').textContent = '\u0623\u062f\u062e\u0644 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621';\r\n });\r\n document.getElementById('projectEndDate').value = '\u0623\u062f\u062e\u0644 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0623\u0648\u0644\u0627\u064b';\r\n return;\r\n }\r\n\r\n let currentDate = new Date(startDateInput.value);\r\n if (isNaN(currentDate.getTime())) {\r\n activeItems.forEach(item => {\r\n item.querySelector('[data-expected-date]').textContent = '\u062a\u0627\u0631\u064a\u062e \u0628\u062f\u0621 \u063a\u064a\u0631 \u0635\u062d\u064a\u062d';\r\n });\r\n document.getElementById('projectEndDate').value = '\u062a\u0627\u0631\u064a\u062e \u0628\u062f\u0621 \u063a\u064a\u0631 \u0635\u062d\u064a\u062d';\r\n return;\r\n }\r\n\r\n activeItems.forEach((item, index) => {\r\n const status = item.dataset.status;\r\n const timeEst = parseInt(item.dataset.timeEst || 0);\r\n const expectedDateSpan = item.querySelector('[data-expected-date]');\r\n \r\n let correctedDate = null;\r\n const delayContainer = item.querySelector('.delay-reasons-container');\r\n const lastDelay = delayContainer.querySelector('.delay-reason-item:last-child');\r\n if (lastDelay && lastDelay.dataset.correctedDate) {\r\n correctedDate = new Date(lastDelay.dataset.correctedDate);\r\n }\r\n\r\n \/\/ Display the expected start date for the current item\r\n expectedDateSpan.textContent = `\u0645\u0642\u062f\u0631 \u0623\u0646 \u062a\u0628\u062f\u0623 \u0641\u064a: ${formatDate(currentDate)}`;\r\n\r\n \/\/ Calculate the start date for the NEXT item\r\n if (status === '\u062a\u0645') {\r\n \/\/ If done, the next item starts the day after the current item's end date.\r\n if (correctedDate) {\r\n currentDate = addDays(correctedDate, 1);\r\n } else {\r\n currentDate = addDays(currentDate, timeEst);\r\n }\r\n } else {\r\n \/\/ If pending, the next item's start date is pushed back by the current item's duration.\r\n currentDate = addDays(currentDate, timeEst);\r\n }\r\n });\r\n\r\n \/\/ Update overall project end date\r\n const finalEndDate = currentDate;\r\n document.getElementById('projectEndDate').value = formatDate(finalEndDate);\r\n }\r\n\r\n function updateDashboardAndSmartReport() {\r\n const activeItems = allItems.filter(item => item.dataset.status !== '\u0645\u062d\u0630\u0648\u0641');\r\n const totalItems = activeItems.length;\r\n const doneItems = activeItems.filter(item => item.dataset.status === '\u062a\u0645');\r\n const pendingItems = activeItems.filter(item => item.dataset.status !== '\u062a\u0645');\r\n const doneCount = doneItems.length;\r\n const pendingCount = pendingItems.length;\r\n\r\n \/\/ Progress Bar\r\n const progress = totalItems > 0 ? (doneCount \/ totalItems) * 100 : 0;\r\n const progressBar = document.getElementById('progressBar');\r\n progressBar.style.width = `${progress}%`;\r\n progressBar.textContent = `${Math.round(progress)}% \u0645\u0643\u062a\u0645\u0644`;\r\n\r\n \/\/ Dashboard - Total Cost\r\n let totalCost = 0;\r\n \/\/ 1. Costs from checklist items\r\n form.querySelectorAll('.cost-input').forEach(input => {\r\n if (input.value) {\r\n totalCost += parseFloat(input.value);\r\n }\r\n });\r\n \/\/ 2. Costs from extra costs\r\n extraCosts.forEach(cost => {\r\n totalCost += parseFloat(cost.amount);\r\n });\r\n document.getElementById('totalCost').textContent = `${totalCost.toLocaleString('ar-EG')} \u062c`;\r\n\r\n \/\/ Dashboard - Counts\r\n document.getElementById('totalDone').textContent = `${doneCount} \/ ${totalItems}`;\r\n document.getElementById('totalPending').textContent = pendingCount;\r\n\r\n \/\/ Smart Report Logic\r\n const smartReportContent = document.getElementById('smartReportContent');\r\n let reportHTML = '';\r\n const endDateValue = document.getElementById('projectEndDate').value;\r\n\r\n if (doneCount === 0 && totalItems > 0) {\r\n reportHTML = `<p>\u0623\u0647\u0644\u0627\u064b \u0628\u0643 \u0641\u064a \u0628\u062f\u0627\u064a\u0629 \u0631\u062d\u0644\u062a\u0643! \u0644\u0645 \u062a\u0628\u062f\u0623 \u0628\u0639\u062f \u0641\u064a \u062a\u0633\u062c\u064a\u0644 \u0625\u0646\u062c\u0627\u0632 \u0623\u064a \u062e\u0637\u0648\u0627\u062a. <strong>\u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u0623\u0648\u0644\u0649<\/strong> \u0647\u064a \"\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0644\u0628\" \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u064b. \u062d\u0638\u0627\u064b \u0645\u0648\u0641\u0642\u0627\u064b!<\/p>`;\r\n } else if (doneCount === totalItems && totalItems > 0) {\r\n reportHTML = `<p>\ud83c\udf89 <strong>\u0645\u0628\u0640\u0640\u0640\u0631\u0648\u0643!<\/strong> \u0644\u0642\u062f \u0623\u0643\u0645\u0644\u062a \u062c\u0645\u064a\u0639 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0628\u0646\u062c\u0627\u062d. \u0644\u0642\u062f \u0643\u0627\u0646\u062a \u0631\u062d\u0644\u0629 \u0637\u0648\u064a\u0644\u0629\u060c \u0648\u0644\u0643\u0646\u0643 \u0648\u0635\u0644\u062a \u0625\u0644\u0649 \u062e\u0637 \u0627\u0644\u0646\u0647\u0627\u064a\u0629. \u0625\u062c\u0645\u0627\u0644\u064a \u0645\u0627 \u0642\u0645\u062a \u0628\u0625\u0646\u0641\u0627\u0642\u0647 \u0647\u0648 <strong>${totalCost.toLocaleString('ar-EG')} \u062c<\/strong>. \u062d\u0627\u0646 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0622\u0646 \u0644\u0644\u0627\u062d\u062a\u0641\u0627\u0644 \u0628\u0647\u0630\u0627 \u0627\u0644\u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0643\u0628\u064a\u0631!<\/p>`;\r\n } else if (totalItems === 0) {\r\n reportHTML = `<p>\u0644\u0627 \u062a\u0648\u062c\u062f \u0628\u0646\u0648\u062f \u0646\u0634\u0637\u0629 \u0644\u0644\u0645\u062a\u0627\u0628\u0639\u0629. \u0631\u0628\u0645\u0627 \u0642\u0645\u062a \u0628\u062d\u0630\u0641 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u0646\u0648\u062f \u0623\u0648 \u0644\u0645 \u062a\u0628\u062f\u0623 \u0628\u0639\u062f.<\/p>`;\r\n } else {\r\n const lastDoneItem = doneItems.length > 0 ? doneItems[doneItems.length - 1].querySelector('strong').textContent : '\u0644\u0627 \u0634\u064a\u0621';\r\n const nextItem = pendingItems.length > 0 ? pendingItems[0] : null;\r\n\r\n reportHTML = `<p>\u0623\u0647\u0644\u0627\u064b \u0628\u0643 \u0645\u062c\u062f\u062f\u0627\u064b! \u0623\u0646\u062a \u062a\u0642\u0648\u0645 \u0628\u0639\u0645\u0644 \u0631\u0627\u0626\u0639. \u0644\u0642\u062f \u0623\u0646\u062c\u0632\u062a <strong>${doneCount} \u062e\u0637\u0648\u0627\u062a<\/strong> \u0645\u0646 \u0623\u0635\u0644 ${totalItems} \u062e\u0637\u0648\u0629 \u0646\u0634\u0637\u0629. \u0622\u062e\u0631 \u0645\u0627 \u0642\u0645\u062a \u0628\u0625\u0646\u062c\u0627\u0632\u0647 \u0647\u0648 \"<strong>${lastDoneItem}<\/strong>\".<\/p>`;\r\n \r\n if (nextItem) {\r\n const nextItemTitle = nextItem.querySelector('strong').textContent;\r\n const nextItemDate = nextItem.querySelector('[data-expected-date]').textContent.replace('\u0645\u0642\u062f\u0631 \u0623\u0646 \u062a\u0628\u062f\u0623 \u0641\u064a: ', '');\r\n const longestPendingItem = pendingItems.reduce((max, item) => parseFloat(item.dataset.timeEst) > parseFloat(max.dataset.timeEst) ? item : max, pendingItems[0]);\r\n \r\n reportHTML += `<p>\u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0646\u062a\u0638\u0631\u0643 \u0647\u064a \"<strong>${nextItemTitle}<\/strong>\"\u060c \u0648\u0627\u0644\u0645\u0642\u062f\u0631 \u0623\u0646 \u062a\u0628\u062f\u0623 \u0641\u064a <strong>${nextItemDate}<\/strong>.<\/p>`;\r\n reportHTML += `<p><strong>\u0646\u0635\u064a\u062d\u0629 \u0630\u0643\u064a\u0629:<\/strong> \u0627\u0644\u062e\u0637\u0648\u0629 \"<strong>${longestPendingItem.querySelector('strong').textContent}<\/strong>\" \u0647\u064a \u0623\u0637\u0648\u0644 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629 (\u062a\u0642\u062f\u0631 \u0628\u0640 ${longestPendingItem.dataset.timeEst} \u064a\u0648\u0645\u0627\u064b). \u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u062d\u0643\u0645\u0629 \u0627\u0644\u0628\u062f\u0621 \u0641\u064a \u0645\u062a\u0627\u0628\u0639\u062a\u0647\u0627 \u0645\u0628\u0643\u0631\u0627\u064b \u0644\u062a\u062c\u0646\u0628 \u0623\u064a \u062a\u0623\u062e\u064a\u0631 \u0641\u064a \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0627\u0644\u0643\u0644\u064a.<\/p>`;\r\n }\r\n\r\n reportHTML += `<p>\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0648\u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629\u060c \u0645\u0646 \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0623\u0646 \u062a\u0646\u062a\u0647\u064a \u0645\u0646 \u0643\u0627\u0641\u0629 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u062d\u0648\u0644 \u062a\u0627\u0631\u064a\u062e <strong>${endDateValue}<\/strong>. \u0627\u0633\u062a\u0645\u0631 \u0641\u064a \u0627\u0644\u062a\u0642\u062f\u0645!<\/p>`;\r\n }\r\n smartReportContent.innerHTML = reportHTML;\r\n \r\n \/\/ Delay Analysis Logic\r\n const delayAnalysisContent = document.getElementById('delayAnalysisContent');\r\n let allDelays = [];\r\n let totalDelayDays = 0;\r\n \r\n activeItems.forEach(item => {\r\n const delayContainer = item.querySelector('.delay-reasons-container');\r\n delayContainer.querySelectorAll('.delay-reason-item').forEach(delayItem => {\r\n const correctedDate = delayItem.dataset.correctedDate;\r\n const originalDate = delayItem.dataset.originalDate;\r\n if (correctedDate && originalDate) {\r\n const correctedDateObj = new Date(correctedDate);\r\n const originalDateObj = new Date(originalDate);\r\n \r\n if (!isNaN(correctedDateObj.getTime()) && !isNaN(originalDateObj.getTime())) {\r\n const diffTime = correctedDateObj.getTime() - originalDateObj.getTime();\r\n const diffDays = Math.ceil(diffTime \/ (1000 * 60 * 60 * 24));\r\n totalDelayDays += diffDays;\r\n allDelays.push({\r\n step: item.querySelector('strong').textContent,\r\n reason: delayItem.textContent,\r\n days: diffDays\r\n });\r\n }\r\n }\r\n });\r\n });\r\n\r\n if (allDelays.length === 0) {\r\n delayAnalysisContent.innerHTML = `<p>\u0644\u0645 \u064a\u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0623\u064a \u0623\u0633\u0628\u0627\u0628 \u0644\u0644\u062a\u0623\u062e\u064a\u0631 \u0628\u0639\u062f. \u0639\u0646\u062f \u0645\u0648\u0627\u062c\u0647\u0629 \u0623\u064a \u062a\u0623\u062e\u064a\u0631 \u0641\u064a \u062e\u0637\u0648\u0629 \u0645\u0627\u060c \u0627\u0633\u062a\u062e\u062f\u0645 \u0632\u0631 \"\u062a\u0633\u062c\u064a\u0644 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\" \u0644\u062a\u0648\u062b\u064a\u0642\u0647. \u0633\u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0631\u0634\u062f \u0627\u0644\u0630\u0643\u064a \u0628\u062a\u062d\u0644\u064a\u0644 \u0647\u0630\u0647 \u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0647\u0646\u0627 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0639\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0642\u0628\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629.<\/p>`;\r\n } else {\r\n let delayHTML = `<p>\u0644\u0642\u062f \u0642\u0645\u062a \u0628\u062a\u0633\u062c\u064a\u0644 <strong>${allDelays.length}<\/strong> \u062d\u0627\u0644\u0629 \u062a\u0623\u062e\u064a\u0631 \u062d\u062a\u0649 \u0627\u0644\u0622\u0646 \u0628\u0625\u062c\u0645\u0627\u0644\u064a \u062a\u0623\u062e\u064a\u0631 \u0645\u0642\u062f\u0627\u0631\u0647 <strong>${totalDelayDays} \u064a\u0648\u0645\u0627\u064b<\/strong>. \u0625\u0644\u064a\u0643 \u0645\u0644\u062e\u0635 \u0628\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0648\u062a\u0623\u062b\u064a\u0631\u0647\u0627:<\/p><ul>`;\r\n allDelays.forEach(delay => {\r\n delayHTML += `<li><strong>${delay.step}:<\/strong> ${delay.reason} (\u062a\u0623\u062e\u064a\u0631 ${delay.days} \u064a\u0648\u0645\u0627\u064b)<\/li>`;\r\n });\r\n delayHTML += `<\/ul>`;\r\n \r\n const delayKeywords = { '\u0645\u0648\u0638\u0641': 0, '\u0648\u0631\u0642': 0, '\u0645\u062a\u0627\u0628\u0639\u0629': 0, '\u0645\u0627\u0644\u064a': 0, '\u0641\u0646\u064a': 0, '\u062c\u0647\u0627\u0632': 0, '\u0628\u0646\u0643': 0 };\r\n const fullText = allDelays.map(d => d.reason).join(' ').toLowerCase();\r\n for (const key in delayKeywords) {\r\n delayKeywords[key] = (fullText.match(new RegExp(key, 'g')) || []).length;\r\n }\r\n const mostCommonCause = Object.keys(delayKeywords).reduce((a, b) => delayKeywords[a] > delayKeywords[b] ? a : b);\r\n \r\n if(delayKeywords[mostCommonCause] > 0) {\r\n delayHTML += `<p><strong>\u062a\u062d\u0644\u064a\u0644 \u0623\u0648\u0644\u064a:<\/strong> \u064a\u0628\u062f\u0648 \u0623\u0646 \u0623\u063a\u0644\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0648\u0627\u062c\u0647\u0647\u0627 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0640 \"<strong>${mostCommonCause}<\/strong>\". \u0642\u062f \u064a\u0633\u0627\u0639\u062f\u0643 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u062d\u0644 \u0627\u0644\u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u0647\u0630\u0627 \u0627\u0644\u062c\u0627\u0646\u0628 \u0641\u064a \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629.<\/p>`;\r\n }\r\n delayAnalysisContent.innerHTML = delayHTML;\r\n }\r\n \r\n \/\/ Deletion Report\r\n const deletedItems = allItems.filter(item => item.dataset.status === '\u0645\u062d\u0630\u0648\u0641');\r\n if (deletedItems.length > 0) {\r\n delayAnalysisContent.innerHTML += `<br><h3>\ud83d\uddd1\ufe0f \u0627\u0644\u0628\u0646\u0648\u062f \u0627\u0644\u062a\u064a \u062a\u0645 \u062d\u0630\u0641\u0647\u0627<\/h3><ul>`;\r\n deletedItems.forEach(item => {\r\n delayAnalysisContent.innerHTML += `<li>${item.querySelector('strong').textContent}<\/li>`;\r\n });\r\n delayAnalysisContent.innerHTML += `<\/ul>`;\r\n }\r\n }\r\n\r\n function renderExtraCosts() {\r\n extraCostList.innerHTML = '';\r\n if (extraCosts.length === 0) {\r\n extraCostList.innerHTML = '<p style=\"color: var(--text-secondary); font-size: 14px; text-align: center;\">\u0644\u0645 \u064a\u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0623\u064a \u0645\u0635\u0627\u0631\u064a\u0641 \u0625\u0636\u0627\u0641\u064a\u0629 \u0628\u0639\u062f.<\/p>';\r\n return;\r\n }\r\n\r\n extraCosts.forEach((cost, index) => {\r\n const entry = document.createElement('div');\r\n entry.className = 'extra-cost-entry';\r\n entry.innerHTML = `\r\n <span>${cost.description}<\/span>\r\n <span class=\"cost-amount\">${parseFloat(cost.amount).toLocaleString('ar-EG')} \u062c<\/span>\r\n <button type=\"button\" class=\"remove-extra-cost-btn\" data-index=\"${index}\" style=\"background: none; border: none; color: var(--accent-danger); cursor: pointer; font-size: 16px;\">×<\/button>\r\n `;\r\n extraCostList.appendChild(entry);\r\n });\r\n }\r\n\r\n function saveState() {\r\n const data = {\r\n startDate: document.getElementById('projectStartDate').value,\r\n extraCosts: extraCosts,\r\n checklist: {}\r\n };\r\n allItems.forEach(item => {\r\n const id = item.dataset.id;\r\n const status = item.dataset.status;\r\n const cost = item.querySelector('.cost-input')?.value || '';\r\n const delays = Array.from(item.querySelectorAll('.delay-reason-item')).map(delay => ({\r\n text: delay.textContent,\r\n correctedDate: delay.dataset.correctedDate,\r\n originalDate: delay.dataset.originalDate\r\n }));\r\n data.checklist[id] = { status, cost, delays };\r\n });\r\n localStorage.setItem(storageKey, JSON.stringify(data));\r\n }\r\n\r\n function loadState() {\r\n const rawData = localStorage.getItem(storageKey);\r\n if (!rawData) {\r\n updateAll();\r\n renderExtraCosts();\r\n return;\r\n }\r\n const data = JSON.parse(rawData);\r\n \r\n if (data.startDate) {\r\n document.getElementById('projectStartDate').value = data.startDate;\r\n }\r\n \r\n if (data.extraCosts) {\r\n extraCosts = data.extraCosts;\r\n }\r\n\r\n if (data.checklist) {\r\n allItems.forEach(item => {\r\n const id = item.dataset.id;\r\n const itemData = data.checklist[id];\r\n if (!itemData) return;\r\n \r\n \/\/ Set status first (including '\u0645\u062d\u0630\u0648\u0641')\r\n item.dataset.status = itemData.status;\r\n if (itemData.status === '\u0645\u062d\u0630\u0648\u0641') {\r\n \/\/ If deleted, skip setting radio and cost input\r\n return;\r\n }\r\n\r\n const radio = item.querySelector(`input[name=\"${id}\"][value=\"${itemData.status}\"]`);\r\n if (radio) radio.checked = true;\r\n \r\n const costInput = item.querySelector('.cost-input');\r\n if (costInput && itemData.cost) {\r\n costInput.value = itemData.cost;\r\n }\r\n \r\n if (itemData.delays && itemData.delays.length > 0) {\r\n const delaysContainer = item.querySelector('.delay-reasons-container');\r\n itemData.delays.forEach(delayData => {\r\n const delayDiv = document.createElement('div');\r\n delayDiv.className = 'delay-reason-item';\r\n delayDiv.textContent = delayData.text;\r\n delayDiv.dataset.correctedDate = delayData.correctedDate;\r\n delayDiv.dataset.originalDate = delayData.originalDate;\r\n delaysContainer.appendChild(delayDiv);\r\n });\r\n }\r\n });\r\n }\r\n updateAll();\r\n renderExtraCosts();\r\n }\r\n\r\n \/\/ Event Listeners\r\n document.body.addEventListener('input', (e) => {\r\n if (e.target.matches('input[type=\"radio\"], input[type=\"number\"], #projectStartDate')) {\r\n updateAll();\r\n }\r\n });\r\n\r\n form.addEventListener('click', (e) => {\r\n \/\/ Handle Delete Button\r\n if (e.target.classList.contains('delete-btn')) {\r\n const item = e.target.closest('.checklist-item');\r\n const itemTitle = item.querySelector('strong').textContent;\r\n if (confirm(`\u0647\u0644 \u0623\u0646\u062a \u0645\u062a\u0623\u0643\u062f \u0623\u0646\u0643 \u062a\u0631\u064a\u062f \u062d\u0630\u0641 \u0627\u0644\u0628\u0646\u062f \"${itemTitle}\"\u061f \u0633\u064a\u062a\u0645 \u0627\u0633\u062a\u0628\u0639\u0627\u062f\u0647 \u0645\u0646 \u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a.`)) {\r\n item.dataset.status = '\u0645\u062d\u0630\u0648\u0641';\r\n updateAll();\r\n }\r\n }\r\n \r\n \/\/ Handle Add Delay Button\r\n if (e.target.classList.contains('add-delay-btn')) {\r\n const item = e.target.closest('.checklist-item');\r\n \r\n const delayText = prompt(`\u0645\u0627 \u0647\u0648 \u0633\u0628\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0641\u064a \u062e\u0637\u0648\u0629 \"${item.querySelector('strong').textContent}\"\u061f`);\r\n if (delayText && delayText.trim() !== '') {\r\n \/\/ Simplified date input: use a date picker instead of prompt\r\n const correctedDateStr = prompt(`\u0623\u062f\u062e\u0644 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0630\u064a \u0628\u062f\u0623\u062a \u0641\u064a\u0647 \u0647\u0630\u0647 \u0627\u0644\u062e\u0637\u0648\u0629 (\u0633\u064a\u0639\u064a\u062f \u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e \u0627\u0644\u062a\u0627\u0644\u064a\u0629):`, new Date().toISOString().split('T')[0]);\r\n \r\n if (correctedDateStr) {\r\n const correctedDate = new Date(correctedDateStr);\r\n \r\n if (isNaN(correctedDate.getTime())) {\r\n alert('\u0635\u064a\u063a\u0629 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u063a\u064a\u0631 \u0635\u062d\u064a\u062d\u0629. \u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0628\u0635\u064a\u063a\u0629 YYYY-MM-DD.');\r\n return;\r\n }\r\n \r\n const delaysContainer = item.querySelector('.delay-reasons-container');\r\n const delayDiv = document.createElement('div');\r\n delayDiv.className = 'delay-reason-item';\r\n delayDiv.textContent = `${delayText.trim()} (\u0628\u062f\u0621 \u0641\u0639\u0644\u064a: ${formatDate(correctedDate)})`;\r\n \r\n \/\/ --- Calculate Original Expected Date ---\r\n let originalExpectedDate = null;\r\n let tempDate = new Date(document.getElementById('projectStartDate').value);\r\n \r\n for(const activeItem of allItems.filter(i => i.dataset.status !== '\u0645\u062d\u0630\u0648\u0641')) {\r\n const timeEst = parseInt(activeItem.dataset.timeEst || 0);\r\n if(activeItem.dataset.id === item.dataset.id) {\r\n originalExpectedDate = tempDate;\r\n break;\r\n }\r\n \r\n let itemCorrectedDate = null;\r\n const itemDelayContainer = activeItem.querySelector('.delay-reasons-container');\r\n const itemLastDelay = itemDelayContainer.querySelector('.delay-reason-item:last-child');\r\n if (itemLastDelay && itemLastDelay.dataset.correctedDate) {\r\n itemCorrectedDate = new Date(itemLastDelay.dataset.correctedDate);\r\n }\r\n\r\n if (activeItem.dataset.status === '\u062a\u0645') {\r\n tempDate = addDays(itemCorrectedDate || tempDate, timeEst);\r\n } else {\r\n tempDate = addDays(tempDate, timeEst);\r\n }\r\n }\r\n \/\/ --- End Calculate Original Expected Date ---\r\n \r\n if (originalExpectedDate) {\r\n delayDiv.dataset.originalDate = originalExpectedDate.toISOString().split('T')[0];\r\n } else {\r\n \/\/ Fallback: use the corrected date as original if calculation fails (minimal impact)\r\n delayDiv.dataset.originalDate = correctedDate.toISOString().split('T')[0];\r\n }\r\n \r\n delayDiv.dataset.correctedDate = correctedDate.toISOString().split('T')[0];\r\n delaysContainer.appendChild(delayDiv);\r\n \r\n \/\/ Force the item to be marked as done if a corrected date is entered\r\n const doneRadio = item.querySelector('input[value=\"\u062a\u0645\"]');\r\n if (doneRadio) doneRadio.checked = true;\r\n\r\n updateAll(); \/\/ Update report and dates after adding delay\r\n }\r\n }\r\n }\r\n });\r\n \r\n \/\/ Handle Add Extra Cost\r\n document.getElementById('addExtraCostButton').addEventListener('click', () => {\r\n const descriptionInput = document.getElementById('newCostDescription');\r\n const amountInput = document.getElementById('newCostAmount');\r\n const description = descriptionInput.value.trim();\r\n const amount = parseFloat(amountInput.value);\r\n\r\n if (description && !isNaN(amount) && amount > 0) {\r\n extraCosts.push({ description, amount: amount.toFixed(2) });\r\n descriptionInput.value = '';\r\n amountInput.value = '';\r\n renderExtraCosts();\r\n updateAll();\r\n } else {\r\n alert('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0648\u0635\u0641 \u0635\u062d\u064a\u062d \u0648\u0645\u0628\u0644\u063a \u0645\u0648\u062c\u0628 \u0644\u0644\u0645\u0635\u0631\u0648\u0641 \u0627\u0644\u0625\u0636\u0627\u0641\u064a.');\r\n }\r\n });\r\n\r\n \/\/ Handle Remove Extra Cost\r\n extraCostList.addEventListener('click', (e) => {\r\n if (e.target.classList.contains('remove-extra-cost-btn')) {\r\n const index = parseInt(e.target.dataset.index);\r\n extraCosts.splice(index, 1);\r\n renderExtraCosts();\r\n updateAll();\r\n }\r\n });\r\n\r\n document.getElementById('sendReportButton').addEventListener('click', () => {\r\n let reportText = `*\ud83d\udcca \u062a\u0642\u0631\u064a\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635*\\n\\n`;\r\n reportText += `*\u0631\u0633\u0627\u0644\u0629 \u0645\u0646 \u0645. EngEg:*\\n\u0646\u062d\u0646 \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u062a\u062d\u0648\u064a\u0644 \u062a\u0639\u0642\u064a\u062f\u0627\u062a \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635 \u0625\u0644\u0649 \u0625\u0646\u062c\u0627\u0632\u0627\u062a \u0645\u0644\u0645\u0648\u0633\u0629 \u064a\u0628\u062f\u0623 \u0628\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0648\u0627\u0636\u062d \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0630\u0643\u064a\u0629. \u0647\u0630\u0627 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a \u064a\u0636\u0639\u0643 \u0641\u064a \u0642\u0644\u0628 \u0627\u0644\u0635\u0648\u0631\u0629\u060c \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629.\\n\\n`;\r\n reportText += `-----------------------------------\\n\\n`;\r\n \r\n const smartReportHTML = document.getElementById('smartReportContent').innerHTML;\r\n const tempDiv = document.createElement('div');\r\n tempDiv.innerHTML = smartReportHTML;\r\n const smartReportText = (tempDiv.textContent || tempDiv.innerText || \"\").replace(\/\\s+\/g, ' ').trim();\r\n\r\n reportText += `*\ud83d\udcc8 \u0645\u0644\u062e\u0635 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062d\u0627\u0644\u064a:*\\n${smartReportText}\\n\\n`;\r\n reportText += `-----------------------------------\\n`;\r\n \r\n const delayAnalysisContent = document.getElementById('delayAnalysisContent');\r\n const delayAnalysisHTML = delayAnalysisContent.innerHTML;\r\n tempDiv.innerHTML = delayAnalysisHTML;\r\n const delayAnalysisText = (tempDiv.textContent || tempDiv.innerText || \"\").replace(\/\\s+\/g, ' ').trim();\r\n if(!delayAnalysisText.includes(\"\u0644\u0645 \u064a\u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0623\u064a \u0623\u0633\u0628\u0627\u0628\")) {\r\n reportText += `*\ud83d\udd2c \u062a\u062d\u0644\u064a\u0644 \u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631:*\\n${delayAnalysisText}\\n\\n`;\r\n reportText += `-----------------------------------\\n`;\r\n }\r\n \r\n \/\/ Add detailed status\r\n reportText += `*\ud83d\udccb \u062a\u0641\u0627\u0635\u064a\u0644 \u062d\u0627\u0644\u0629 \u0643\u0644 \u062e\u0637\u0648\u0629:*\\n`;\r\n allItems.filter(item => item.dataset.status !== '\u0645\u062d\u0630\u0648\u0641').forEach(item => {\r\n const title = item.querySelector('strong').textContent.trim();\r\n const status = item.dataset.status;\r\n const statusIcon = status === '\u062a\u0645' ? '\u2705' : '\u23f3';\r\n const expectedDate = item.querySelector('[data-expected-date]').textContent.replace('\u0645\u0642\u062f\u0631 \u0623\u0646 \u062a\u0628\u062f\u0623 \u0641\u064a: ', '');\r\n \r\n reportText += `\\n*${statusIcon} ${title}*\\n`;\r\n reportText += ` - *\u0627\u0644\u062d\u0627\u0644\u0629:* ${status}\\n`;\r\n reportText += ` - *\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0627\u0644\u0645\u0642\u062f\u0631:* ${expectedDate}\\n`;\r\n\r\n const costInput = item.querySelector('.cost-input');\r\n if (costInput && costInput.value) {\r\n reportText += ` - *\u0627\u0644\u0645\u0646\u0635\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0628\u0646\u062f:* ${parseFloat(costInput.value).toLocaleString('ar-EG')} \u062c\\n`;\r\n }\r\n\r\n const delays = item.querySelectorAll('.delay-reason-item');\r\n if (delays.length > 0) {\r\n reportText += ` - *\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062a\u0623\u062e\u064a\u0631:*\\n`;\r\n delays.forEach(delay => {\r\n reportText += ` \u2022 ${delay.textContent}\\n`;\r\n });\r\n }\r\n });\r\n \r\n \/\/ Add extra costs to report\r\n if (extraCosts.length > 0) {\r\n reportText += `\\n-----------------------------------\\n`;\r\n reportText += `*\ud83d\udcb8 \u0627\u0644\u0645\u0635\u0627\u0631\u064a\u0641 \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629:*\\n`;\r\n extraCosts.forEach(cost => {\r\n reportText += ` \u2022 ${cost.description}: ${parseFloat(cost.amount).toLocaleString('ar-EG')} \u062c\\n`;\r\n });\r\n }\r\n \r\n reportText += `\\n-----------------------------------\\n`;\r\n reportText += `*\ud83d\udcb0 \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u0646\u0635\u0631\u0641 \u062d\u062a\u0649 \u0627\u0644\u0622\u0646:* ${document.getElementById('totalCost').textContent}\\n`;\r\n reportText += `-----------------------------------\\n`;\r\n \r\n reportText += `\u0644\u0623\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0623\u0648 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629\u060c \u0646\u062d\u0646 \u0641\u064a \u062e\u062f\u0645\u062a\u0643\u0645. \u0644\u0639\u0644\u0647\u0627 \u062a\u0643\u0648\u0646 \u0633\u0628\u0628 \u0631\u0632\u0642.\\n\\n`;\r\n reportText += `*\u0645. EngEg*\\n`;\r\n reportText += `\ud83d\udcde *\u0627\u0644\u0647\u0627\u062a\u0641:* +201550507700\\n`;\r\n reportText += `\ud83c\udf10 *\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a:* EngEg.com\/b`;\r\n\r\n window.open(`https:\/\/wa.me\/?text=${encodeURIComponent(reportText)}`, '_blank');\r\n });\r\n\r\n document.getElementById('clearButton').addEventListener('click', () => {\r\n if (confirm('\u0647\u0644 \u0623\u0646\u062a \u0645\u062a\u0623\u0643\u062f \u0623\u0646\u0643 \u062a\u0631\u064a\u062f \u0645\u0633\u062d \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062d\u0641\u0648\u0638\u0629 \u0648\u0627\u0644\u0628\u062f\u0621 \u0645\u0646 \u062c\u062f\u064a\u062f\u061f \u0633\u064a\u062a\u0645 \u062d\u0630\u0641 \u0643\u0644 \u0634\u064a\u0621 \u0646\u0647\u0627\u0626\u064a\u0627\u064b.')) {\r\n localStorage.removeItem(storageKey);\r\n location.reload();\r\n }\r\n });\r\n\r\n \/\/ Initial Load\r\n loadState();\r\n \r\n \/\/ Add a simple check to ensure the date picker is usable\r\n const dateInput = document.getElementById('projectStartDate');\r\n if (dateInput.type !== 'date') {\r\n dateInput.type = 'text';\r\n dateInput.placeholder = 'YYYY-MM-DD';\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":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":["post-54912","post","type-post","status-publish","format-standard","hentry","category-1"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":52658,"url":"https:\/\/engeg.com\/b\/2025\/08\/30\/%d8%af%d9%84%d9%8a%d9%84%d9%83-%d9%84%d8%ad%d8%b3%d8%a7%d8%a8-%d9%88%d8%b3%d8%af%d8%a7%d8%af-%d8%b9%d9%84%d8%a7%d9%88%d8%a9-%d8%b2%d9%8a%d8%a7%d8%af%d8%a9-%d9%85%d8%b3%d8%a7%d8%ad%d8%a9-%d8%ba%d8%b1\/","url_meta":{"origin":54912,"position":0},"title":"\u062f\u0644\u064a\u0644\u0643 \u0644\u062d\u0633\u0627\u0628 \u0648\u0633\u062f\u0627\u062f \u0639\u0644\u0627\u0648\u0629 \u0632\u064a\u0627\u062f\u0629 \u0645\u0633\u0627\u062d\u0629 \u063a\u0631\u0641 \u0627\u0644\u0633\u0637\u062d (75%) \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 30, 2025","format":false,"excerpt":"\u0645\u0639 \u0628\u062f\u0627\u064a\u0629 \u062a\u0637\u0628\u064a\u0642 \u0642\u0631\u0627\u0631 \u0632\u064a\u0627\u062f\u0629 \u0646\u0633\u0628\u0629 \u0627\u0633\u062a\u063a\u0644\u0627\u0644 \u063a\u0631\u0641 \u0627\u0644\u0633\u0637\u062d \u062d\u062a\u0649 75%\u060c \u0628\u062f\u0623 \u0627\u0644\u0645\u0644\u0627\u0643 \u064a\u062a\u0633\u0627\u0621\u0644\u0648\u0646 \u0639\u0646 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062d\u0633\u0627\u0628\u060c \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u062a\u0631\u060c \u0648\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0633\u062f\u0627\u062f. \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0642\u0627\u0644 \u0646\u062c\u0645\u0639 \u0644\u0643 \u062a\u062c\u0627\u0631\u0628 \u0641\u0639\u0644\u064a\u0629 \u0644\u0623\u0639\u0636\u0627\u0621 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u0645\u0639 \u062a\u0648\u0636\u064a\u062d \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644. --- \ud83e\uddee \u0637\u0631\u064a\u0642\u0629 \u062d\u0633\u0627\u0628 \u062a\u0643\u0644\u0641\u0629 \u0639\u0644\u0627\u0648\u0629 \u0627\u0644\u0640 75% \u062a\u0639\u062a\u0645\u062f \u0627\u0644\u062d\u0633\u0628\u0629 \u0639\u0644\u0649 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062f\u0648\u0631 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u2026","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":54904,"url":"https:\/\/engeg.com\/b\/2025\/10\/23\/%d8%af%d9%84%d9%8a%d9%84%d9%83-%d8%a7%d9%84%d8%b4%d8%a7%d9%85%d9%84-%d9%84%d8%b1%d8%ae%d8%b5%d8%a9-%d8%a8%d9%86%d8%a7%d8%a1-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86-%d9%88%d8%a7%d9%84%d8%a7\/","url_meta":{"origin":54912,"position":1},"title":"\u062f\u0644\u064a\u0644\u0643 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0631\u062e\u0635\u0629 \u0628\u0646\u0627\u0621 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u0648\u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629","author":"interior","date":"\u0623\u0643\u062a\u0648\u0628\u0631 23, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%aa%d9%86%d9%81%d9%8a%d8%b0-%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":54616,"url":"https:\/\/engeg.com\/b\/2025\/10\/09\/%d9%85%d8%aa%d8%a7%d8%a8%d8%b9%d9%87-%d8%a7%d8%b3%d8%aa%d8%ae%d8%b1%d8%a7%d8%ac-%d8%b1%d8%ae%d8%b5%d8%a9-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7\/","url_meta":{"origin":54912,"position":2},"title":"\u0645\u062a\u0627\u0628\u0639\u0647 \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u062f\u0644\u064a\u0644\u0643 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0644\u062a\u062e\u0637\u064a \u0643\u0644 \u0627\u0644\u0639\u0642\u0628\u0627\u062a","author":"interior","date":"\u0623\u0643\u062a\u0648\u0628\u0631 9, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%aa%d9%86%d9%81%d9%8a%d8%b0-%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":52970,"url":"https:\/\/engeg.com\/b\/2025\/09\/04\/%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86-%d8%a7%d9%84%d8%ad%d9%8a-%d8%a7%d9%84%d8%ab%d8%a7%d9%84%d8%ab\/","url_meta":{"origin":54912,"position":3},"title":"\u062e\u0631\u0627\u0626\u0637 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u0627\u0644\u062d\u064a \u0627\u0644\u062b\u0627\u0644\u062b","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 4, 2025","format":false,"excerpt":"\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u062d\u064a \u0627\u0644\u062b\u0627\u0644\u062b \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646: \u062f\u0644\u064a\u0644\u0643 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0645\u0648\u0642\u0639\u0647 \u0648\u0645\u0645\u064a\u0632\u0627\u062a\u0647 \u064a\u062d\u062a\u0644 \u0627\u0644\u062d\u064a \u0627\u0644\u062b\u0627\u0644\u062b \u0645\u0643\u0627\u0646\u0629 \u062e\u0627\u0635\u0629 \u0636\u0645\u0646 \u0623\u062d\u064a\u0627\u0621 \u0645\u0634\u0631\u0648\u0639 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u0628\u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\u060c \u062d\u064a\u062b \u064a\u064f\u0639\u0631\u0641 \u0628\u062a\u0635\u0645\u064a\u0645\u0647 \u0627\u0644\u0641\u0631\u064a\u062f \u0627\u0644\u0630\u064a \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u062e\u0636\u0631\u0627\u0621 \u0648\u0627\u0644\u0647\u062f\u0648\u0621\u060c \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0642\u0631\u0628\u0647 \u0645\u0646 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062d\u064a\u0648\u064a\u0629. \u0625\u0646\u0647 \u0648\u062c\u0647\u0629 \u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0645\u0646 \u064a\u0628\u062d\u062b \u0639\u0646 \u0628\u064a\u0626\u0629 \u0633\u0643\u0646\u064a\u0629 \u0631\u0627\u0642\u064a\u0629 \u0648\u0645\u062c\u062a\u0645\u0639 \u0647\u0627\u062f\u0626. \u0641\u064a\u2026","rel":"","context":"\u0641\u064a "\u062e\u0631\u0627\u0626\u0637 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062e\u0631\u0627\u0626\u0637 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7-%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":53127,"url":"https:\/\/engeg.com\/b\/2025\/09\/08\/hikal\/","url_meta":{"origin":54912,"position":4},"title":"\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0644\u062a\u0646\u0641\u064a\u0630 \u0644\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u064a \u0644\u0639\u0645\u0627\u0631\u0629 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u0639\u062f\u064a\u0644 \u0639\u0644\u064a \u0627\u0631\u0636\u0643","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 8, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062a\u0646\u0641\u064a\u0630 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%aa%d9%86%d9%81%d9%8a%d8%b0-%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":52973,"url":"https:\/\/engeg.com\/b\/2025\/09\/04\/%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86-%d8%a7%d9%84%d8%ad%d9%8a-%d8%a7%d9%84%d8%b1%d8%a7%d8%a8%d8%b9\/","url_meta":{"origin":54912,"position":5},"title":"\u062e\u0631\u0627\u0626\u0637 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u0627\u0644\u062d\u064a \u0627\u0644\u0631\u0627\u0628\u0639","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 4, 2025","format":false,"excerpt":"\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u062d\u064a \u0627\u0644\u0631\u0627\u0628\u0639 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646: \u062f\u0644\u064a\u0644\u0643 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u062a\u062d\u062f\u064a\u062f \u0642\u0637\u0639\u0629 \u0623\u0631\u0636\u0643 \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u064a\u064f\u0639\u062f \u0645\u0634\u0631\u0648\u0639 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u0641\u064a \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0648\u0627\u062d\u062f\u064b\u0627 \u0645\u0646 \u0623\u0647\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u0647\u062f\u0641 \u0627\u0644\u0645\u0635\u0631\u064a\u064a\u0646 \u0627\u0644\u0639\u0627\u0645\u0644\u064a\u0646 \u0628\u0627\u0644\u062e\u0627\u0631\u062c \u0648\u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0627\u0644\u0645\u062d\u0644\u064a\u064a\u0646 \u0639\u0644\u0649 \u062d\u062f \u0633\u0648\u0627\u0621. \u0648\u0645\u0646 \u0628\u064a\u0646 \u0623\u062d\u064a\u0627\u0626\u0647 \u0627\u0644\u062b\u0645\u0627\u0646\u064a\u0629\u060c \u064a\u0628\u0631\u0632 \u0627\u0644\u062d\u064a \u0627\u0644\u0631\u0627\u0628\u0639 \u0643\u0623\u062d\u062f \u0623\u0643\u062b\u0631 \u0627\u0644\u0623\u062d\u064a\u0627\u0621 \u062a\u0645\u064a\u0632\u064b\u0627 \u0628\u0641\u0636\u0644 \u0645\u0648\u0642\u0639\u0647 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0648\u062a\u0635\u0645\u064a\u0645\u0647 \u0627\u0644\u0641\u0631\u064a\u062f. \u0641\u064a\u2026","rel":"","context":"\u0641\u064a "\u062e\u0631\u0627\u0626\u0637 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062e\u0631\u0627\u0626\u0637 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7-%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\/54912","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=54912"}],"version-history":[{"count":1,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/54912\/revisions"}],"predecessor-version":[{"id":54913,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/54912\/revisions\/54913"}],"wp:attachment":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/media?parent=54912"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/categories?post=54912"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/tags?post=54912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}