{"id":55750,"date":"2026-01-19T01:06:04","date_gmt":"2026-01-18T23:06:04","guid":{"rendered":"https:\/\/engeg.com\/b\/?p=55750"},"modified":"2026-02-11T07:06:13","modified_gmt":"2026-02-11T05:06:13","slug":"%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8","status":"publish","type":"post","link":"https:\/\/engeg.com\/b\/2026\/01\/19\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\/","title":{"rendered":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0637\u0648\u0628"},"content":{"rendered":"
\n\n\n \n \n \u0645\u0646\u0635\u0629 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0630\u0643\u064a\u0629 - \u0646\u0638\u0627\u0645 \u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0625\u062f\u0627\u0631\u0629 \u062a\u0631\u0627\u062e\u064a\u0635 \u0627\u0644\u0628\u0646\u0627\u0621<\/title>\n \n <!-- Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n \n <!-- Icons -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n :root {\n --primary: #1a5f7a;\n --primary-light: #2d7c9c;\n --secondary: #57a6c1;\n --success: #28a745;\n --success-light: #d4edda;\n --warning: #ffc107;\n --warning-light: #fff3cd;\n --danger: #dc3545;\n --danger-light: #f8d7da;\n --info: #17a2b8;\n --info-light: #d1ecf1;\n --light: #f8f9fa;\n --dark: #343a40;\n --gray: #6c757d;\n --gray-light: #e9ecef;\n \n --card-bg: #ffffff;\n --section-bg: #f8f9fa;\n --border-color: #dee2e6;\n \n --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);\n --shadow-md: 0 4px 8px rgba(0,0,0,0.1);\n --shadow-lg: 0 8px 16px rgba(0,0,0,0.1);\n \n --radius-sm: 8px;\n --radius-md: 12px;\n --radius-lg: 16px;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Cairo', sans-serif;\n background-color: #f5f7fa;\n color: #333;\n line-height: 1.6;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 15px;\n }\n\n \/* Header *\/\n .main-header {\n text-align: center;\n padding: 25px 0;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n color: white;\n border-radius: 0 0 var(--radius-lg) var(--radius-lg);\n margin-bottom: 30px;\n box-shadow: var(--shadow-lg);\n position: relative;\n overflow: hidden;\n }\n\n .main-header::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);\n background-size: 20px 20px;\n animation: float 20s linear infinite;\n }\n\n @keyframes float {\n 0% { transform: translate(0, 0) rotate(0deg); }\n 100% { transform: translate(20px, 20px) rotate(360deg); }\n }\n\n .main-header h1 {\n font-size: 28px;\n margin-bottom: 10px;\n font-weight: 800;\n position: relative;\n z-index: 1;\n }\n\n .main-header p {\n font-size: 16px;\n opacity: 0.9;\n max-width: 600px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n \/* Projects Tabs (\u0645\u0634\u0627\u0628\u0647 \u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0633\u064a\u0631\u0627\u0645\u064a\u0643) *\/\n .projects-container {\n background: var(--card-bg);\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-md);\n margin-bottom: 25px;\n overflow: hidden;\n }\n\n .projects-header {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n padding: 15px;\n background: var(--primary);\n border-bottom: 2px solid rgba(255,255,255,0.1);\n }\n\n .project-tab {\n padding: 12px 20px;\n background: rgba(255,255,255,0.1);\n color: rgba(255,255,255,0.8);\n border: none;\n border-radius: var(--radius-sm);\n font-family: 'Cairo', sans-serif;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 120px;\n justify-content: center;\n }\n\n .project-tab:hover {\n background: rgba(255,255,255,0.2);\n transform: translateY(-2px);\n }\n\n .project-tab.active {\n background: white;\n color: var(--primary);\n box-shadow: var(--shadow-sm);\n }\n\n .add-project-btn {\n background: var(--success) !important;\n color: white !important;\n min-width: 60px;\n padding: 12px;\n }\n\n .add-project-btn:hover {\n background: #218838 !important;\n }\n\n .project-actions {\n margin-right: auto;\n display: flex;\n gap: 10px;\n }\n\n \/* Collapsible Sections (\u0645\u0634\u0627\u0628\u0647 \u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0633\u064a\u0631\u0627\u0645\u064a\u0643) *\/\n .section-controls {\n display: flex;\n gap: 15px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .section-control-btn {\n padding: 12px 24px;\n background: var(--primary);\n color: white;\n border: none;\n border-radius: var(--radius-md);\n font-family: 'Cairo', sans-serif;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .section-control-btn:hover {\n background: var(--primary-light);\n transform: translateY(-2px);\n }\n\n .section-control-btn.expand-all {\n background: var(--success);\n }\n\n .section-control-btn.collapse-all {\n background: var(--warning);\n }\n\n .collapsible-section {\n background: var(--card-bg);\n border-radius: var(--radius-lg);\n margin-bottom: 20px;\n box-shadow: var(--shadow-md);\n overflow: hidden;\n border: 2px solid var(--border-color);\n transition: all 0.3s ease;\n }\n\n .section-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n color: white;\n cursor: pointer;\n user-select: none;\n transition: all 0.3s ease;\n }\n\n .section-header:hover {\n background: linear-gradient(135deg, var(--primary-light), var(--primary));\n }\n\n .section-header .left {\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .section-header .right {\n display: flex;\n align-items: center;\n gap: 20px;\n }\n\n .section-icon {\n width: 40px;\n height: 40px;\n background: rgba(255,255,255,0.2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n }\n\n .section-title h3 {\n font-size: 18px;\n margin-bottom: 5px;\n }\n\n .section-title p {\n font-size: 14px;\n opacity: 0.9;\n }\n\n .section-stats {\n display: flex;\n gap: 15px;\n text-align: center;\n }\n\n .stat-item {\n padding: 5px 15px;\n background: rgba(255,255,255,0.1);\n border-radius: var(--radius-sm);\n }\n\n .stat-value {\n font-size: 18px;\n font-weight: 700;\n display: block;\n }\n\n .stat-label {\n font-size: 12px;\n opacity: 0.8;\n }\n\n .collapse-icon {\n transition: transform 0.3s ease;\n }\n\n .collapsible-section.collapsed .collapse-icon {\n transform: rotate(-90deg);\n }\n\n .section-content {\n padding: 0;\n max-height: 5000px;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .collapsible-section.collapsed .section-content {\n max-height: 0;\n padding: 0;\n }\n\n \/* Project Info Card *\/\n .project-info-card {\n padding: 25px;\n }\n\n .project-info-card h3 {\n color: var(--primary);\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 2px solid var(--border-color);\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .form-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n }\n\n .form-group {\n margin-bottom: 15px;\n }\n\n .form-group label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: var(--dark);\n font-size: 14px;\n }\n\n .form-control {\n width: 100%;\n padding: 12px 15px;\n border: 1px solid var(--border-color);\n border-radius: var(--radius-sm);\n font-family: 'Cairo', sans-serif;\n font-size: 14px;\n transition: all 0.3s ease;\n background: var(--light);\n }\n\n .form-control:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(26, 95, 122, 0.1);\n }\n\n \/* Task Cards *\/\n .task-card {\n background: var(--light);\n border-radius: var(--radius-md);\n padding: 20px;\n margin: 15px;\n border: 2px solid var(--border-color);\n transition: all 0.3s ease;\n }\n\n .task-card.completed {\n background: var(--success-light);\n border-color: var(--success);\n }\n\n .task-card.pending {\n background: var(--warning-light);\n border-color: var(--warning);\n }\n\n .task-card.in-progress {\n background: var(--info-light);\n border-color: var(--info);\n }\n\n .task-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 15px;\n gap: 15px;\n flex-wrap: wrap;\n }\n\n .task-title {\n flex: 1;\n min-width: 300px;\n }\n\n .task-title h4 {\n color: var(--dark);\n margin-bottom: 5px;\n font-size: 16px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .task-title p {\n color: var(--gray);\n font-size: 14px;\n line-height: 1.5;\n }\n\n .task-actions {\n display: flex;\n gap: 10px;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .status-select-container {\n display: flex;\n flex-direction: column;\n gap: 5px;\n min-width: 150px;\n }\n\n .status-select-container label {\n font-size: 12px;\n color: var(--gray);\n font-weight: 600;\n }\n\n .status-select {\n padding: 10px 15px;\n border: 2px solid var(--border-color);\n border-radius: var(--radius-sm);\n font-family: 'Cairo', sans-serif;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n width: 100%;\n text-align: center;\n }\n\n .status-select.completed {\n background: var(--success);\n color: white;\n border-color: var(--success);\n }\n\n .status-select.in-progress {\n background: var(--warning);\n color: #212529;\n border-color: var(--warning);\n }\n\n .status-select.pending {\n background: var(--gray-light);\n color: var(--gray);\n border-color: var(--border-color);\n }\n\n .priority-badge {\n padding: 6px 12px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 600;\n white-space: nowrap;\n }\n\n .priority-high {\n background: var(--danger);\n color: white;\n }\n\n .priority-medium {\n background: var(--warning);\n color: #212529;\n }\n\n .priority-low {\n background: var(--info);\n color: white;\n }\n\n .task-details {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid var(--border-color);\n }\n\n .detail-item {\n background: white;\n padding: 15px;\n border-radius: var(--radius-sm);\n border: 1px solid var(--border-color);\n }\n\n .detail-item h5 {\n color: var(--primary);\n margin-bottom: 10px;\n font-size: 14px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .detail-content {\n font-size: 14px;\n line-height: 1.6;\n }\n\n .detail-content ul {\n padding-right: 20px;\n margin: 0;\n }\n\n .detail-content li {\n margin-bottom: 5px;\n }\n\n .cost-input, .date-input {\n width: 100%;\n padding: 10px 15px;\n border: 1px solid var(--border-color);\n border-radius: var(--radius-sm);\n font-family: 'Cairo', sans-serif;\n font-size: 14px;\n margin-top: 5px;\n }\n\n \/* Notes System *\/\n .notes-container {\n margin-top: 15px;\n }\n\n .notes-list {\n max-height: 200px;\n overflow-y: auto;\n margin-bottom: 15px;\n }\n\n .note-item {\n background: white;\n padding: 12px;\n border-radius: var(--radius-sm);\n border: 1px solid var(--border-color);\n margin-bottom: 8px;\n position: relative;\n }\n\n .note-text {\n margin-bottom: 5px;\n line-height: 1.5;\n }\n\n .note-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n color: var(--gray);\n }\n\n .note-actions {\n display: flex;\n gap: 8px;\n }\n\n .note-actions button {\n background: none;\n border: none;\n color: var(--gray);\n cursor: pointer;\n font-size: 12px;\n transition: color 0.3s ease;\n }\n\n .note-actions button:hover {\n color: var(--danger);\n }\n\n .add-note-form {\n display: flex;\n gap: 10px;\n margin-top: 10px;\n }\n\n .add-note-form input {\n flex: 1;\n padding: 10px 15px;\n border: 1px solid var(--border-color);\n border-radius: var(--radius-sm);\n font-family: 'Cairo', sans-serif;\n }\n\n .add-note-form button {\n background: var(--primary);\n color: white;\n border: none;\n padding: 10px 20px;\n border-radius: var(--radius-sm);\n cursor: pointer;\n font-family: 'Cairo', sans-serif;\n font-weight: 600;\n transition: background 0.3s ease;\n }\n\n .add-note-form button:hover {\n background: var(--primary-light);\n }\n\n \/* Dashboard *\/\n .dashboard {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n margin: 25px 15px;\n }\n\n .dashboard-card {\n background: var(--card-bg);\n border-radius: var(--radius-lg);\n padding: 25px;\n box-shadow: var(--shadow-md);\n text-align: center;\n transition: transform 0.3s ease;\n border: 2px solid var(--border-color);\n }\n\n .dashboard-card:hover {\n transform: translateY(-5px);\n }\n\n .card-icon {\n width: 60px;\n height: 60px;\n margin: 0 auto 15px;\n background: var(--primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 24px;\n }\n\n .dashboard-card h3 {\n font-size: 14px;\n color: var(--gray);\n margin-bottom: 10px;\n }\n\n .dashboard-card .value {\n font-size: 32px;\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 5px;\n }\n\n .dashboard-card .subtext {\n font-size: 12px;\n color: var(--gray);\n }\n\n \/* Progress Bar *\/\n .progress-container {\n background: var(--card-bg);\n border-radius: var(--radius-lg);\n padding: 25px;\n box-shadow: var(--shadow-md);\n margin: 25px 15px;\n border: 2px solid var(--border-color);\n }\n\n .progress-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n }\n\n .progress-header h3 {\n color: var(--primary);\n }\n\n .progress-percentage {\n font-size: 24px;\n font-weight: 700;\n color: var(--primary);\n }\n\n .progress-bar {\n height: 20px;\n background: var(--gray-light);\n border-radius: 10px;\n overflow: hidden;\n margin-bottom: 10px;\n position: relative;\n }\n\n .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--primary), var(--secondary));\n border-radius: 10px;\n width: 0%;\n transition: width 1s ease;\n position: relative;\n overflow: hidden;\n }\n\n .progress-fill::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.3),\n transparent\n );\n animation: shimmer 2s infinite;\n }\n\n @keyframes shimmer {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n }\n\n .progress-labels {\n display: flex;\n justify-content: space-between;\n font-size: 12px;\n color: var(--gray);\n }\n\n \/* Action Buttons *\/\n .action-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n margin: 30px 15px;\n justify-content: center;\n }\n\n .btn {\n padding: 14px 28px;\n border-radius: var(--radius-md);\n border: none;\n font-family: 'Cairo', sans-serif;\n font-weight: 600;\n font-size: 15px;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 10px;\n min-width: 180px;\n justify-content: center;\n }\n\n .btn:hover {\n transform: translateY(-2px);\n box-shadow: var(--shadow-md);\n }\n\n .btn-primary {\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n color: white;\n }\n\n .btn-success {\n background: linear-gradient(135deg, var(--success), #20c997);\n color: white;\n }\n\n .btn-warning {\n background: linear-gradient(135deg, var(--warning), #fd7e14);\n color: #212529;\n }\n\n .btn-danger {\n background: linear-gradient(135deg, var(--danger), #c92a2a);\n color: white;\n }\n\n .btn-secondary {\n background: var(--light);\n color: var(--dark);\n border: 2px solid var(--border-color);\n }\n\n \/* Timeline *\/\n .timeline-section {\n background: var(--card-bg);\n border-radius: var(--radius-lg);\n padding: 25px;\n box-shadow: var(--shadow-md);\n margin: 25px 15px;\n border: 2px solid var(--border-color);\n }\n\n .timeline {\n position: relative;\n padding-right: 30px;\n margin-top: 30px;\n }\n\n .timeline::before {\n content: '';\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n width: 2px;\n background: var(--primary);\n }\n\n .timeline-item {\n position: relative;\n margin-bottom: 30px;\n padding-bottom: 30px;\n border-bottom: 1px solid var(--border-color);\n }\n\n .timeline-item:last-child {\n margin-bottom: 0;\n border-bottom: none;\n }\n\n .timeline-dot {\n position: absolute;\n right: -6px;\n top: 0;\n width: 14px;\n height: 14px;\n background: var(--primary);\n border-radius: 50%;\n border: 3px solid var(--card-bg);\n }\n\n .timeline-content {\n padding: 15px;\n background: var(--light);\n border-radius: var(--radius-md);\n border: 1px solid var(--border-color);\n }\n\n .timeline-date {\n color: var(--primary);\n font-weight: 600;\n margin-bottom: 5px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .container {\n padding: 0 10px;\n }\n \n .projects-header {\n flex-direction: column;\n }\n \n .project-actions {\n margin-right: 0;\n width: 100%;\n justify-content: center;\n }\n \n .form-grid {\n grid-template-columns: 1fr;\n }\n \n .dashboard {\n grid-template-columns: 1fr;\n }\n \n .task-header {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .task-actions {\n width: 100%;\n justify-content: space-between;\n }\n \n .task-details {\n grid-template-columns: 1fr;\n }\n \n .btn {\n min-width: 100%;\n }\n \n .action-buttons {\n flex-direction: column;\n }\n \n .section-header {\n flex-direction: column;\n gap: 15px;\n text-align: center;\n }\n \n .section-stats {\n justify-content: center;\n }\n }\n\n @media (max-width: 480px) {\n .main-header h1 {\n font-size: 24px;\n }\n \n .main-header p {\n font-size: 14px;\n }\n \n .project-tab {\n min-width: 100%;\n }\n \n .section-controls {\n flex-direction: column;\n }\n }\n\n \/* Print Styles *\/\n @media print {\n .action-buttons,\n .add-note-form,\n .section-controls {\n display: none !important;\n }\n \n .container {\n max-width: 100%;\n padding: 0;\n }\n \n .collapsible-section {\n break-inside: avoid;\n box-shadow: none;\n border: 1px solid #ddd;\n }\n }\n\n \/* Utility Classes *\/\n .hidden {\n display: none !important;\n }\n\n .text-center {\n text-align: center;\n }\n\n .mt-1 { margin-top: 10px; }\n .mt-2 { margin-top: 20px; }\n .mt-3 { margin-top: 30px; }\n .mt-4 { margin-top: 40px; }\n\n .mb-1 { margin-bottom: 10px; }\n .mb-2 { margin-bottom: 20px; }\n .mb-3 { margin-bottom: 30px; }\n .mb-4 { margin-bottom: 40px; }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <!-- Header -->\n <header class=\"main-header\">\n <h1><i class=\"fas fa-building\"><\/i> \u0645\u0646\u0635\u0629 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0630\u0643\u064a\u0629<\/h1>\n <p>\u0646\u0638\u0627\u0645 \u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u062a\u0628\u0639 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 - \u0645\u0646\u0637\u0642\u0629 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646\u060c \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629<\/p>\n <\/header>\n\n <!-- Projects Tabs -->\n <div class=\"projects-container\">\n <div class=\"projects-header\">\n <div class=\"project-actions\">\n <button class=\"project-tab active\" data-project-id=\"project1\">\n <i class=\"fas fa-home\"><\/i> \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062d\u0627\u0644\u064a\n <\/button>\n <button class=\"project-tab add-project-btn\" id=\"addProjectBtn\">\n <i class=\"fas fa-plus\"><\/i>\n <\/button>\n <\/div>\n \n <div style=\"color: rgba(255,255,255,0.8); font-size: 14px; display: flex; align-items: center; gap: 10px;\">\n <i class=\"fas fa-info-circle\"><\/i>\n <span>\u064a\u0645\u0643\u0646\u0643 \u0625\u0636\u0627\u0641\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u0639\u062f\u062f\u0629 \u0648\u0627\u0644\u062a\u0628\u062f\u064a\u0644 \u0628\u064a\u0646\u0647\u0627<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Section Controls -->\n <div class=\"section-controls\">\n <button class=\"section-control-btn expand-all\">\n <i class=\"fas fa-expand\"><\/i> \u0641\u062a\u062d \u0643\u0644 \u0627\u0644\u0623\u0642\u0633\u0627\u0645\n <\/button>\n <button class=\"section-control-btn collapse-all\">\n <i class=\"fas fa-compress\"><\/i> \u0637\u064a \u0643\u0644 \u0627\u0644\u0623\u0642\u0633\u0627\u0645\n <\/button>\n <button class=\"section-control-btn\" id=\"saveProject\">\n <i class=\"fas fa-save\"><\/i> \u062d\u0641\u0638 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n <\/button>\n <button class=\"section-control-btn\" id=\"generateReport\">\n <i class=\"fas fa-file-download\"><\/i> \u062a\u0642\u0631\u064a\u0631 \u0634\u0627\u0645\u0644\n <\/button>\n <\/div>\n\n <!-- Dashboard Section -->\n <div class=\"collapsible-section\" id=\"dashboard-section\">\n <div class=\"section-header\">\n <div class=\"left\">\n <div class=\"section-icon\">\n <i class=\"fas fa-tachometer-alt\"><\/i>\n <\/div>\n <div class=\"section-title\">\n <h3>\u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/h3>\n <p>\u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0639\u0644\u0649 \u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a<\/p>\n <\/div>\n <\/div>\n <div class=\"right\">\n <div class=\"section-stats\">\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"overallProgress\">0%<\/span>\n <span class=\"stat-label\">\u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0627\u0645<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"estimatedDuration\">-- \u064a\u0648\u0645<\/span>\n <span class=\"stat-label\">\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"totalCost\">0 \u062c<\/span>\n <span class=\"stat-label\">\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629<\/span>\n <\/div>\n <\/div>\n <div class=\"collapse-icon\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"section-content\">\n <!-- Progress Bar -->\n <div class=\"progress-container\">\n <div class=\"progress-header\">\n <h3><i class=\"fas fa-chart-line\"><\/i> \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0627\u0645 \u0644\u0644\u0645\u0634\u0631\u0648\u0639<\/h3>\n <div class=\"progress-percentage\" id=\"progressPercentage\">0%<\/div>\n <\/div>\n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progressFill\"><\/div>\n <\/div>\n <div class=\"progress-labels\">\n <span>\u0644\u0645 \u064a\u0628\u062f\u0623<\/span>\n <span>\u0645\u0643\u062a\u0645\u0644<\/span>\n <\/div>\n <\/div>\n\n <!-- Dashboard Cards -->\n <div class=\"dashboard\">\n <div class=\"dashboard-card\">\n <div class=\"card-icon\">\n <i class=\"fas fa-money-bill-wave\"><\/i>\n <\/div>\n <h3>\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h3>\n <div class=\"value\" id=\"dashboardTotalCost\">0 \u062c<\/div>\n <div class=\"subtext\">\u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0633\u062c\u0644\u0629<\/div>\n <\/div>\n \n <div class=\"dashboard-card\">\n <div class=\"card-icon\">\n <i class=\"fas fa-check-circle\"><\/i>\n <\/div>\n <h3>\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629<\/h3>\n <div class=\"value\" id=\"completedTasks\">0<\/div>\n <div class=\"subtext\">\u0645\u0646 \u0623\u0635\u0644 <span id=\"totalTasks\">0<\/span> \u0645\u0647\u0645\u0629<\/div>\n <\/div>\n \n <div class=\"dashboard-card\">\n <div class=\"card-icon\">\n <i class=\"fas fa-clock\"><\/i>\n <\/div>\n <h3>\u0627\u0644\u0645\u0647\u0627\u0645 \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/h3>\n <div class=\"value\" id=\"inProgressTasks\">0<\/div>\n <div class=\"subtext\">\u062a\u062d\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u062d\u0627\u0644\u064a\u0627\u064b<\/div>\n <\/div>\n \n <div class=\"dashboard-card\">\n <div class=\"card-icon\">\n <i class=\"fas fa-calendar-alt\"><\/i>\n <\/div>\n <h3>\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0645\u062a\u0628\u0642\u064a\u0629<\/h3>\n <div class=\"value\" id=\"remainingTime\">-- \u064a\u0648\u0645<\/div>\n <div class=\"subtext\">\u0644\u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n <\/div>\n <\/div>\n\n <!-- Project Info -->\n <div class=\"project-info-card\">\n <h3><i class=\"fas fa-info-circle\"><\/i> \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/h3>\n <div class=\"form-grid\">\n <div class=\"form-group\">\n <label for=\"projectName\">\u0627\u0633\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/label>\n <input type=\"text\" id=\"projectName\" class=\"form-control\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\" value=\"\u0645\u0634\u0631\u0648\u0639 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"landInfo\">\u0628\u064a\u0627\u0646\u0627\u062a \u0642\u0637\u0639\u0629 \u0627\u0644\u0623\u0631\u0636<\/label>\n <input type=\"text\" id=\"landInfo\" class=\"form-control\" placeholder=\"\u0645\u062b\u0627\u0644: \u0642\u0637\u0639\u0629 123\u060c \u0627\u0644\u062d\u064a \u0627\u0644\u062e\u0627\u0645\u0633\" value=\"\u0642\u0637\u0639\u0629 456\u060c \u0627\u0644\u062d\u064a \u0627\u0644\u062b\u0627\u0644\u062b\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"projectStartDate\">\u062a\u0627\u0631\u064a\u062e \u0628\u062f\u0621 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/label>\n <input type=\"date\" id=\"projectStartDate\" class=\"form-control\" value=\"\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"projectType\">\u0646\u0648\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/label>\n <select id=\"projectType\" class=\"form-control\">\n <option value=\"\u0633\u0643\u0646\u064a\" selected>\u0633\u0643\u0646\u064a<\/option>\n <option value=\"\u062a\u062c\u0627\u0631\u064a\">\u062a\u062c\u0627\u0631\u064a<\/option>\n <option value=\"\u0625\u062f\u0627\u0631\u064a\">\u0625\u062f\u0627\u0631\u064a<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label for=\"landArea\">\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0623\u0631\u0636 (\u0645\u00b2)<\/label>\n <input type=\"number\" id=\"landArea\" class=\"form-control\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0623\u0631\u0636\" value=\"450\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"phoneNumber\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\n <input type=\"tel\" id=\"phoneNumber\" class=\"form-control\" placeholder=\"\u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\" value=\"+201550507700\">\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Action Buttons -->\n <div class=\"action-buttons\">\n <button class=\"btn btn-primary\" id=\"exportProject\">\n <i class=\"fas fa-file-export\"><\/i> \u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n <\/button>\n <button class=\"btn btn-success\" id=\"shareWhatsApp\">\n <i class=\"fab fa-whatsapp\"><\/i> \u0645\u0634\u0627\u0631\u0643\u0629 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\n <\/button>\n <button class=\"btn btn-warning\" id=\"printReport\">\n <i class=\"fas fa-print\"><\/i> \u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0631\n <\/button>\n <button class=\"btn btn-danger\" id=\"clearProject\">\n <i class=\"fas fa-trash-alt\"><\/i> \u0645\u0633\u062d \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Phase 1: Preparation -->\n <div class=\"collapsible-section collapsed\" id=\"phase1-section\">\n <div class=\"section-header\">\n <div class=\"left\">\n <div class=\"section-icon\">\n <i class=\"fas fa-tools\"><\/i>\n <\/div>\n <div class=\"section-title\">\n <h3>\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649: \u0627\u0644\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0623\u0648\u0644\u064a<\/h3>\n <p>\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629<\/p>\n <\/div>\n <\/div>\n <div class=\"right\">\n <div class=\"section-stats\">\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"phase1Progress\">0%<\/span>\n <span class=\"stat-label\">\u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0645\u0631\u062d\u0644\u0629<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"phase1Duration\">7-14 \u064a\u0648\u0645<\/span>\n <span class=\"stat-label\">\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"phase1Cost\">146 \u062c<\/span>\n <span class=\"stat-label\">\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629<\/span>\n <\/div>\n <\/div>\n <div class=\"collapse-icon\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"section-content\">\n <!-- Task 1.1 -->\n <div class=\"task-card pending\" data-task-id=\"get_code\" data-phase=\"1\">\n <div class=\"task-header\">\n <div class=\"task-title\">\n <h4><i class=\"fas fa-code\"><\/i> 1.1 \u062a\u0633\u062c\u064a\u0644 \u062d\u0633\u0627\u0628 \u0627\u0644\u0645\u0627\u0644\u0643 \u0648\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0643\u0648\u062f \u0627\u0644\u0623\u0631\u0636<\/h4>\n <p>\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0639\u0644\u0649 \u0645\u0648\u0642\u0639 \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0648\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0643\u0648\u062f \u0627\u0644\u0623\u0631\u0636<\/p>\n <\/div>\n <div class=\"task-actions\">\n <span class=\"priority-badge priority-high\">\u0639\u0627\u0644\u064a<\/span>\n <div class=\"status-select-container\">\n <label>\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0645\u0629:<\/label>\n <select class=\"status-select pending\" data-task-id=\"get_code\">\n <option value=\"pending\">\u0644\u0645 \u064a\u062a\u0645<\/option>\n <option value=\"in-progress\">\u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/option>\n <option value=\"completed\">\u062a\u0645<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"task-details\">\n <div class=\"detail-item\">\n <h5><i class=\"fas fa-list-alt\"><\/i> \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/h5>\n <div class=\"detail-content\">\n <ul>\n <li>\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0639\u0644\u0649 \u0645\u0648\u0642\u0639 \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629 (nuca.services.gov.eg)<\/li>\n <li>\u0627\u0633\u062a\u0643\u0645\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0631\u0641\u0639 \u0635\u0648\u0631\u0629 \u0625\u062e\u0637\u0627\u0631 \u0627\u0644\u062a\u062e\u0635\u064a\u0635 \u0648\u0627\u0644\u0628\u0637\u0627\u0642\u0629<\/li>\n <li>\u0627\u0646\u062a\u0638\u0627\u0631 \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0638\u0647\u0648\u0631 \u0643\u0648\u062f \u0627\u0644\u0623\u0631\u0636 \u0641\u064a \u062e\u0627\u0646\u0629 \"\u0645\u0645\u062a\u0644\u0643\u0627\u062a\u064a\"<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-money-bill-wave\"><\/i> \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h5>\n <div class=\"detail-content\">\n <p><strong>\u0631\u0633\u0648\u0645:<\/strong> ~73 \u062c (\u062a\u062f\u0641\u0639 \u0639\u0628\u0631 \u0641\u0648\u0631\u064a)<\/p>\n <input type=\"number\" class=\"cost-input\" data-task-id=\"get_code\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a\" value=\"73\">\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-calendar-alt\"><\/i> \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e<\/h5>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"get_code_start\">\n <\/div>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0646\u062c\u0627\u0632:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"get_code_end\">\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-sticky-note\"><\/i> \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/h5>\n <div class=\"notes-container\">\n <div class=\"notes-list\" data-task-id=\"get_code\"><\/div>\n <div class=\"add-note-form\">\n <input type=\"text\" placeholder=\"\u0623\u0636\u0641 \u0645\u0644\u0627\u062d\u0638\u0629 \u062c\u062f\u064a\u062f\u0629...\" data-task-id=\"get_code\">\n <button class=\"add-note-btn\" data-task-id=\"get_code\">\u0625\u0636\u0627\u0641\u0629<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Task 1.2 -->\n <div class=\"task-card pending\" data-task-id=\"get_salahia\" data-phase=\"1\">\n <div class=\"task-header\">\n <div class=\"task-title\">\n <h4><i class=\"fas fa-file-certificate\"><\/i> 1.2 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629<\/h4>\n <p>\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0628\u064a\u0627\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629 \u0645\u0646 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0645\u0639\u0646\u064a<\/p>\n <\/div>\n <div class=\"task-actions\">\n <span class=\"priority-badge priority-high\">\u0639\u0627\u0644\u064a<\/span>\n <div class=\"status-select-container\">\n <label>\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0645\u0629:<\/label>\n <select class=\"status-select pending\" data-task-id=\"get_salahia\">\n <option value=\"pending\">\u0644\u0645 \u064a\u062a\u0645<\/option>\n <option value=\"in-progress\">\u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/option>\n <option value=\"completed\">\u062a\u0645<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"task-details\">\n <div class=\"detail-item\">\n <h5><i class=\"fas fa-list-alt\"><\/i> \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/h5>\n <div class=\"detail-content\">\n <ul>\n <li>\u0627\u0644\u062a\u0642\u062f\u064a\u0645 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u0645\u0646 \u062d\u0633\u0627\u0628 \u0627\u0644\u0645\u0627\u0644\u0643 \u0623\u0648 \u0627\u0644\u0645\u0643\u062a\u0628 \u0627\u0644\u0647\u0646\u062f\u0633\u064a<\/li>\n <li>\u0631\u0641\u0639 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a (\u0628\u0637\u0627\u0642\u0629\u060c \u0645\u062d\u0636\u0631 \u0627\u0633\u062a\u0644\u0627\u0645\u060c \u0643\u0631\u0648\u0643\u064a)<\/li>\n <li>\u0628\u0639\u062f \u0627\u0644\u062f\u0641\u0639\u060c \u064a\u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0628\u064a\u0627\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629 \u0645\u0646 \u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0648\u0627\u0637\u0646\u064a\u0646 \u0628\u0627\u0644\u062c\u0647\u0627\u0632 \u0628\u0639\u062f \u062d\u0648\u0627\u0644\u064a \u0634\u0647\u0631<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-money-bill-wave\"><\/i> \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h5>\n <div class=\"detail-content\">\n <p><strong>\u0631\u0633\u0648\u0645:<\/strong> ~73 \u062c (\u062a\u062f\u0641\u0639 \u0639\u0628\u0631 \u0641\u0648\u0631\u064a)<\/p>\n <input type=\"number\" class=\"cost-input\" data-task-id=\"get_salahia\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a\" value=\"73\">\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-calendar-alt\"><\/i> \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e<\/h5>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"get_salahia_start\">\n <\/div>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0646\u062c\u0627\u0632:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"get_salahia_end\">\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-sticky-note\"><\/i> \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/h5>\n <div class=\"notes-container\">\n <div class=\"notes-list\" data-task-id=\"get_salahia\"><\/div>\n <div class=\"add-note-form\">\n <input type=\"text\" placeholder=\"\u0623\u0636\u0641 \u0645\u0644\u0627\u062d\u0638\u0629 \u062c\u062f\u064a\u062f\u0629...\" data-task-id=\"get_salahia\">\n <button class=\"add-note-btn\" data-task-id=\"get_salahia\">\u0625\u0636\u0627\u0641\u0629<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Phase 2: Preliminary Approvals -->\n <div class=\"collapsible-section collapsed\" id=\"phase2-section\">\n <div class=\"section-header\">\n <div class=\"left\">\n <div class=\"section-icon\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <div class=\"section-title\">\n <h3>\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629: \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0627\u0644\u0645\u0628\u062f\u0626\u064a\u0629<\/h3>\n <p>\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0627\u0644\u0623\u0645\u0646\u064a\u0629 \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0627\u0644\u0645\u0628\u062f\u0626\u064a\u0629<\/p>\n <\/div>\n <\/div>\n <div class=\"right\">\n <div class=\"section-stats\">\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"phase2Progress\">0%<\/span>\n <span class=\"stat-label\">\u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0645\u0631\u062d\u0644\u0629<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"phase2Duration\">30-60 \u064a\u0648\u0645<\/span>\n <span class=\"stat-label\">\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"phase2Cost\">35,200 \u062c<\/span>\n <span class=\"stat-label\">\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629<\/span>\n <\/div>\n <\/div>\n <div class=\"collapse-icon\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"section-content\">\n <!-- Task 2.1 -->\n <div class=\"task-card pending\" data-task-id=\"civil_defense\" data-phase=\"2\">\n <div class=\"task-header\">\n <div class=\"task-title\">\n <h4><i class=\"fas fa-fire-extinguisher\"><\/i> 2.1 \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629<\/h4>\n <p>\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062f\u0646\u064a \u0644\u0644\u0645\u0634\u0631\u0648\u0639<\/p>\n <\/div>\n <div class=\"task-actions\">\n <span class=\"priority-badge priority-high\">\u0639\u0627\u0644\u064a<\/span>\n <div class=\"status-select-container\">\n <label>\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0645\u0629:<\/label>\n <select class=\"status-select pending\" data-task-id=\"civil_defense\">\n <option value=\"pending\">\u0644\u0645 \u064a\u062a\u0645<\/option>\n <option value=\"in-progress\">\u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/option>\n <option value=\"completed\">\u062a\u0645<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"task-details\">\n <div class=\"detail-item\">\n <h5><i class=\"fas fa-list-alt\"><\/i> \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/h5>\n <div class=\"detail-content\">\n <ul>\n <li>\u0645\u0637\u0644\u0648\u0628\u0629 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0628\u062f\u0631\u0648\u0645 \u0623\u0648 \u0623\u064a \u062f\u0648\u0631 \u2265 400 \u0645\u00b2<\/li>\n <li>\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062d\u0631\u064a\u0642 \u0628\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629<\/li>\n <li>\u0628\u0639\u062f \u0627\u0644\u062f\u0641\u0639\u060c \u064a\u062a\u0645 \u0639\u0645\u0644 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0648\u0625\u0631\u0633\u0627\u0644\u0647 \u0644\u0644\u062c\u0647\u0627\u0632 \u062e\u0644\u0627\u0644 \u0634\u0647\u0631<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-money-bill-wave\"><\/i> \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h5>\n <div class=\"detail-content\">\n <p><strong>\u0631\u0633\u0648\u0645:<\/strong> \u062a\u0628\u062f\u0623 \u0645\u0646 30 \u0623\u0644\u0641 \u0648\u062a\u0635\u0644 \u0625\u0644\u0649 120 \u0623\u0644\u0641 \u062c\u0646\u064a\u0647 \u062d\u0633\u0628 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0623\u0631\u0636<\/p>\n <input type=\"number\" class=\"cost-input\" data-task-id=\"civil_defense\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a\" value=\"30000\">\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-calendar-alt\"><\/i> \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e<\/h5>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"civil_defense_start\">\n <\/div>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0646\u062c\u0627\u0632:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"civil_defense_end\">\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-sticky-note\"><\/i> \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/h5>\n <div class=\"notes-container\">\n <div class=\"notes-list\" data-task-id=\"civil_defense\"><\/div>\n <div class=\"add-note-form\">\n <input type=\"text\" placeholder=\"\u0623\u0636\u0641 \u0645\u0644\u0627\u062d\u0638\u0629 \u062c\u062f\u064a\u062f\u0629...\" data-task-id=\"civil_defense\">\n <button class=\"add-note-btn\" data-task-id=\"civil_defense\">\u0625\u0636\u0627\u0641\u0629<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Task 2.2 -->\n <div class=\"task-card pending\" data-task-id=\"mogamaa\" data-phase=\"2\">\n <div class=\"task-header\">\n <div class=\"task-title\">\n <h4><i class=\"fas fa-file-contract\"><\/i> 2.2 \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u0645\u062c\u0645\u0639\u0629 \u0627\u0644\u0639\u0634\u0631\u064a\u0629 (\u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646)<\/h4>\n <p>\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0645\u0646 \u0627\u0644\u0645\u062c\u0645\u0639\u0629 \u0627\u0644\u0639\u0634\u0631\u064a\u0629<\/p>\n <\/div>\n <div class=\"task-actions\">\n <span class=\"priority-badge priority-high\">\u0639\u0627\u0644\u064a<\/span>\n <div class=\"status-select-container\">\n <label>\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0645\u0629:<\/label>\n <select class=\"status-select pending\" data-task-id=\"mogamaa\">\n <option value=\"pending\">\u0644\u0645 \u064a\u062a\u0645<\/option>\n <option value=\"in-progress\">\u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/option>\n <option value=\"completed\">\u062a\u0645<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"task-details\">\n <div class=\"detail-item\">\n <h5><i class=\"fas fa-list-alt\"><\/i> \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/h5>\n <div class=\"detail-content\">\n <ul>\n <li>\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0648\u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0648\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/li>\n <li>\u0628\u0639\u062f \u062f\u0641\u0639 \u0627\u0644\u0631\u0633\u0648\u0645\u060c \u064a\u062a\u0645 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0648\u062b\u064a\u0642\u0629 \u062e\u0644\u0627\u0644 \u0634\u0647\u0631 \u0623\u0648 \u0623\u0643\u062b\u0631<\/li>\n <li>\u064a\u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0623\u0635\u0644 \u0627\u0644\u0648\u062b\u064a\u0642\u0629 \u0648\u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-money-bill-wave\"><\/i> \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h5>\n <div class=\"detail-content\">\n <p><strong>\u0631\u0633\u0648\u0645:<\/strong> ~0.22% \u0625\u0644\u0649 0.25% \u0645\u0646 \u0625\u062c\u0645\u0627\u0644\u064a \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 (\u0645\u062b\u0627\u0644: 5,200 \u062c \u0644\u0623\u0631\u0636 450\u0645\u00b2)<\/p>\n <input type=\"number\" class=\"cost-input\" data-task-id=\"mogamaa\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a\" value=\"5200\">\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-calendar-alt\"><\/i> \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e<\/h5>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"mogamaa_start\">\n <\/div>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0646\u062c\u0627\u0632:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"mogamaa_end\">\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-sticky-note\"><\/i> \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/h5>\n <div class=\"notes-container\">\n <div class=\"notes-list\" data-task-id=\"mogamaa\"><\/div>\n <div class=\"add-note-form\">\n <input type=\"text\" placeholder=\"\u0623\u0636\u0641 \u0645\u0644\u0627\u062d\u0638\u0629 \u062c\u062f\u064a\u062f\u0629...\" data-task-id=\"mogamaa\">\n <button class=\"add-note-btn\" data-task-id=\"mogamaa\">\u0625\u0636\u0627\u0641\u0629<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Phase 3: Final Documents -->\n <div class=\"collapsible-section collapsed\" id=\"phase3-section\">\n <div class=\"section-header\">\n <div class=\"left\">\n <div class=\"section-icon\">\n <i class=\"fas fa-file-contract\"><\/i>\n <\/div>\n <div class=\"section-title\">\n <h3>\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629: \u0627\u0644\u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/h3>\n <p>\u062a\u062c\u0647\u064a\u0632 \u0628\u0627\u0642\u064a \u0623\u0648\u0631\u0627\u0642 \u0645\u0644\u0641 \u0627\u0644\u062a\u0631\u062e\u064a\u0635<\/p>\n <\/div>\n <\/div>\n <div class=\"right\">\n <div class=\"section-stats\">\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"phase3Progress\">0%<\/span>\n <span class=\"stat-label\">\u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0645\u0631\u062d\u0644\u0629<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"phase3Duration\">15-30 \u064a\u0648\u0645<\/span>\n <span class=\"stat-label\">\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"phase3Cost\">\u064a\u062e\u062a\u0644\u0641<\/span>\n <span class=\"stat-label\">\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629<\/span>\n <\/div>\n <\/div>\n <div class=\"collapse-icon\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"section-content\">\n <!-- Task 3.1 -->\n <div class=\"task-card pending\" data-task-id=\"final_papers\" data-phase=\"3\">\n <div class=\"task-header\">\n <div class=\"task-title\">\n <h4><i class=\"fas fa-folder-open\"><\/i> 3.1 \u062a\u062c\u0647\u064a\u0632 \u0628\u0627\u0642\u064a \u0623\u0648\u0631\u0627\u0642 \u0645\u0644\u0641 \u0627\u0644\u062a\u0631\u062e\u064a\u0635<\/h4>\n <p>\u0625\u0639\u062f\u0627\u062f \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0644\u0645\u0644\u0641 \u0627\u0644\u0631\u062e\u0635\u0629<\/p>\n <\/div>\n <div class=\"task-actions\">\n <span class=\"priority-badge priority-high\">\u0639\u0627\u0644\u064a<\/span>\n <div class=\"status-select-container\">\n <label>\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0645\u0629:<\/label>\n <select class=\"status-select pending\" data-task-id=\"final_papers\">\n <option value=\"pending\">\u0644\u0645 \u064a\u062a\u0645<\/option>\n <option value=\"in-progress\">\u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/option>\n <option value=\"completed\">\u062a\u0645<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"task-details\">\n <div class=\"detail-item\">\n <h5><i class=\"fas fa-list-alt\"><\/i> \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/h5>\n <div class=\"detail-content\">\n <ul>\n <li>\u0634\u0647\u0627\u062f\u0629 \u0633\u0646\u062f \u062c\u0648\u0627\u0646\u0628 \u062d\u0641\u0631 (\u0645\u0646 \u0646\u0642\u0627\u0628\u0629 \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646)<\/li>\n <li>\u062a\u0642\u0631\u064a\u0631 \u062a\u0631\u0628\u0629<\/li>\n <li>\u0648\u0631\u0642\u0629 \u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0645\u0639\u062a\u0645\u062f\u0629<\/li>\n <li>\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0627\u0644\u0633\u062c\u0644 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0644\u0644\u0645\u0647\u0646\u062f\u0633<\/li>\n <li>\u0637\u0644\u0628 \u062a\u0631\u062e\u064a\u0635 (10 \u0648\u0631\u0642\u0627\u062a) \u0645\u0639\u062a\u0645\u062f<\/li>\n <li>\u0646\u0648\u062a\u0629 \u062d\u0633\u0627\u0628\u064a\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0645\u0646 \u0627\u0644\u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u0645\u0635\u0645\u0645<\/li>\n <li>\u0634\u0647\u0627\u062f\u0629 \u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u0628\u0646\u0649 \u0644\u0644\u0623\u0639\u0645\u0627\u0644<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-money-bill-wave\"><\/i> \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h5>\n <div class=\"detail-content\">\n <p><strong>\u0625\u062c\u0645\u0627\u0644\u064a \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0623\u0648\u0631\u0627\u0642:<\/strong> \u062a\u062e\u062a\u0644\u0641 \u062d\u0633\u0628 \u0637\u0628\u064a\u0639\u0629 \u0643\u0644 \u0645\u0633\u062a\u0646\u062f<\/p>\n <input type=\"number\" class=\"cost-input\" data-task-id=\"final_papers\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a\">\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-calendar-alt\"><\/i> \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e<\/h5>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"final_papers_start\">\n <\/div>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0646\u062c\u0627\u0632:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"final_papers_end\">\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-sticky-note\"><\/i> \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/h5>\n <div class=\"notes-container\">\n <div class=\"notes-list\" data-task-id=\"final_papers\"><\/div>\n <div class=\"add-note-form\">\n <input type=\"text\" placeholder=\"\u0623\u0636\u0641 \u0645\u0644\u0627\u062d\u0638\u0629 \u062c\u062f\u064a\u062f\u0629...\" data-task-id=\"final_papers\">\n <button class=\"add-note-btn\" data-task-id=\"final_papers\">\u0625\u0636\u0627\u0641\u0629<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Phase 4: Submission and Follow-up -->\n <div class=\"collapsible-section collapsed\" id=\"phase4-section\">\n <div class=\"section-header\">\n <div class=\"left\">\n <div class=\"section-icon\">\n <i class=\"fas fa-paper-plane\"><\/i>\n <\/div>\n <div class=\"section-title\">\n <h3>\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629: \u062a\u0642\u062f\u064a\u0645 \u0648\u0645\u062a\u0627\u0628\u0639\u0629<\/h3>\n <p>\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0645\u0644\u0641 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0623\u0648\u0646\u0644\u0627\u064a\u0646<\/p>\n <\/div>\n <\/div>\n <div class=\"right\">\n <div class=\"section-stats\">\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"phase4Progress\">0%<\/span>\n <span class=\"stat-label\">\u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0645\u0631\u062d\u0644\u0629<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"phase4Duration\">60-150 \u064a\u0648\u0645<\/span>\n <span class=\"stat-label\">\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"phase4Cost\">26,000 \u062c<\/span>\n <span class=\"stat-label\">\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629<\/span>\n <\/div>\n <\/div>\n <div class=\"collapse-icon\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"section-content\">\n <!-- Task 4.1 -->\n <div class=\"task-card pending\" data-task-id=\"submit_online\" data-phase=\"4\">\n <div class=\"task-header\">\n <div class=\"task-title\">\n <h4><i class=\"fas fa-upload\"><\/i> 4.1 \u062a\u0642\u062f\u064a\u0645 \u0645\u0644\u0641 \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635 \u0623\u0648\u0646\u0644\u0627\u064a\u0646<\/h4>\n <p>\u0631\u0641\u0639 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a (\u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0645\u0643\u062a\u0628 \u0627\u0644\u0647\u0646\u062f\u0633\u064a)<\/p>\n <\/div>\n <div class=\"task-actions\">\n <span class=\"priority-badge priority-high\">\u0639\u0627\u0644\u064a<\/span>\n <div class=\"status-select-container\">\n <label>\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0645\u0629:<\/label>\n <select class=\"status-select pending\" data-task-id=\"submit_online\">\n <option value=\"pending\">\u0644\u0645 \u064a\u062a\u0645<\/option>\n <option value=\"in-progress\">\u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/option>\n <option value=\"completed\">\u062a\u0645<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"task-details\">\n <div class=\"detail-item\">\n <h5><i class=\"fas fa-list-alt\"><\/i> \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/h5>\n <div class=\"detail-content\">\n <p>\u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0643\u062a\u0628 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0628\u0631\u0641\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0645\u0630\u0643\u0648\u0631\u0629 \u0633\u0627\u0628\u0642\u0627\u064b \u0628\u0635\u064a\u063a\u0629 PDF \u0648\u0645\u0644\u0641 \u0627\u0644\u0623\u062a\u0648\u0643\u0627\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-calendar-alt\"><\/i> \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e<\/h5>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"submit_online_start\">\n <\/div>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0646\u062c\u0627\u0632:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"submit_online_end\">\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-sticky-note\"><\/i> \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/h5>\n <div class=\"notes-container\">\n <div class=\"notes-list\" data-task-id=\"submit_online\"><\/div>\n <div class=\"add-note-form\">\n <input type=\"text\" placeholder=\"\u0623\u0636\u0641 \u0645\u0644\u0627\u062d\u0638\u0629 \u062c\u062f\u064a\u062f\u0629...\" data-task-id=\"submit_online\">\n <button class=\"add-note-btn\" data-task-id=\"submit_online\">\u0625\u0636\u0627\u0641\u0629<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Task 4.2 -->\n <div class=\"task-card pending\" data-task-id=\"follow_up\" data-phase=\"4\">\n <div class=\"task-header\">\n <div class=\"task-title\">\n <h4><i class=\"fas fa-search\"><\/i> 4.2 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0644\u0641 \u0648\u062f\u0641\u0639 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/h4>\n <p>\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0644\u0641 \u0648\u062f\u0641\u0639 \u0631\u0633\u0648\u0645 \u0627\u0644\u0631\u062e\u0635\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/p>\n <\/div>\n <div class=\"task-actions\">\n <span class=\"priority-badge priority-high\">\u0639\u0627\u0644\u064a<\/span>\n <div class=\"status-select-container\">\n <label>\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0645\u0629:<\/label>\n <select class=\"status-select pending\" data-task-id=\"follow_up\">\n <option value=\"pending\">\u0644\u0645 \u064a\u062a\u0645<\/option>\n <option value=\"in-progress\">\u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/option>\n <option value=\"completed\">\u062a\u0645<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"task-details\">\n <div class=\"detail-item\">\n <h5><i class=\"fas fa-list-alt\"><\/i> \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/h5>\n <div class=\"detail-content\">\n <ul>\n <li>\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0648\u0642\u0641 \u0627\u0644\u0645\u0627\u0644\u064a \u0648\u0627\u0644\u0639\u0642\u0627\u0631\u064a \u062b\u0645 \u0642\u0628\u0648\u0644 \u0627\u0644\u0637\u0644\u0628 \u0645\u0646 \u0627\u0644\u0645\u0648\u0638\u0641 \u0627\u0644\u0645\u062e\u062a\u0635<\/li>\n <li>\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a \u0645\u0646 \u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u062c\u0647\u0627\u0632<\/li>\n <li>\u0628\u0639\u062f \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629\u060c \u064a\u062a\u0645 \u062d\u0633\u0627\u0628 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0648\u062f\u0641\u0639\u0647\u0627 \u0639\u0628\u0631 \u0641\u0648\u0631\u064a<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-money-bill-wave\"><\/i> \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h5>\n <div class=\"detail-content\">\n <p><strong>\u0631\u0633\u0648\u0645 \u0627\u0644\u0631\u062e\u0635\u0629:<\/strong> \u062a\u062e\u062a\u0644\u0641 \u062d\u0633\u0628 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 (\u0645\u062b\u0627\u0644: 21,000 - 26,000 \u062c \u0644\u0623\u0631\u0636 450\u0645\u00b2)<\/p>\n <input type=\"number\" class=\"cost-input\" data-task-id=\"follow_up\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a\" value=\"23500\">\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-calendar-alt\"><\/i> \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e<\/h5>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"follow_up_start\">\n <\/div>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0646\u062c\u0627\u0632:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"follow_up_end\">\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-sticky-note\"><\/i> \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/h5>\n <div class=\"notes-container\">\n <div class=\"notes-list\" data-task-id=\"follow_up\"><\/div>\n <div class=\"add-note-form\">\n <input type=\"text\" placeholder=\"\u0623\u0636\u0641 \u0645\u0644\u0627\u062d\u0638\u0629 \u062c\u062f\u064a\u062f\u0629...\" data-task-id=\"follow_up\">\n <button class=\"add-note-btn\" data-task-id=\"follow_up\">\u0625\u0636\u0627\u0641\u0629<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Task 4.3 -->\n <div class=\"task-card pending\" data-task-id=\"get_license\" data-phase=\"4\">\n <div class=\"task-header\">\n <div class=\"task-title\">\n <h4><i class=\"fas fa-file-download\"><\/i> 4.3 \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0631\u062e\u0635\u0629 \u0648\u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a<\/h4>\n <p>\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0631\u062e\u0635\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629<\/p>\n <\/div>\n <div class=\"task-actions\">\n <span class=\"priority-badge priority-high\">\u0639\u0627\u0644\u064a<\/span>\n <div class=\"status-select-container\">\n <label>\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0645\u0629:<\/label>\n <select class=\"status-select pending\" data-task-id=\"get_license\">\n <option value=\"pending\">\u0644\u0645 \u064a\u062a\u0645<\/option>\n <option value=\"in-progress\">\u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/option>\n <option value=\"completed\">\u062a\u0645<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"task-details\">\n <div class=\"detail-item\">\n <h5><i class=\"fas fa-list-alt\"><\/i> \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/h5>\n <div class=\"detail-content\">\n <ul>\n <li>\u0628\u0639\u062f \u0627\u0644\u062f\u0641\u0639\u060c \u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0647\u0646\u062f\u0633 \u0628\u0627\u0644\u062a\u0648\u0642\u064a\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0639\u0644\u0649 \u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a<\/li>\n <li>\u064a\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0627\u0628\u0637 \u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0631\u062e\u0635\u0629 \u0648\u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a \u0644\u0644\u0645\u0643\u062a\u0628 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0641\u0642\u0637<\/li>\n <li>\u064a\u062c\u0628 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u062e\u0644\u0627\u0644 3 \u0633\u0627\u0639\u0627\u062a \u0642\u0628\u0644 \u0645\u0633\u062d \u0627\u0644\u0631\u0627\u0628\u0637<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-clock\"><\/i> \u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0632\u0645\u0646\u064a\u0629<\/h5>\n <div class=\"detail-content\">\n <p>\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0645\u0646 \u0634\u0647\u0631\u064a\u0646 \u0625\u0644\u0649 5 \u0634\u0647\u0648\u0631 \u062d\u0633\u0628 \u0627\u0644\u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u0645\u0631\u0627\u062c\u0639 \u0648\u0648\u062c\u0648\u062f \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0645\u0646 \u0639\u062f\u0645\u0647.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-calendar-alt\"><\/i> \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e<\/h5>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"get_license_start\">\n <\/div>\n <div class=\"form-group\">\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0646\u062c\u0627\u0632:<\/label>\n <input type=\"date\" class=\"date-input\" data-task-id=\"get_license_end\">\n <\/div>\n <\/div>\n \n <div class=\"detail-item\">\n <h5><i class=\"fas fa-sticky-note\"><\/i> \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/h5>\n <div class=\"notes-container\">\n <div class=\"notes-list\" data-task-id=\"get_license\"><\/div>\n <div class=\"add-note-form\">\n <input type=\"text\" placeholder=\"\u0623\u0636\u0641 \u0645\u0644\u0627\u062d\u0638\u0629 \u062c\u062f\u064a\u062f\u0629...\" data-task-id=\"get_license\">\n <button class=\"add-note-btn\" data-task-id=\"get_license\">\u0625\u0636\u0627\u0641\u0629<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Timeline Section -->\n <div class=\"collapsible-section collapsed\" id=\"timeline-section\">\n <div class=\"section-header\">\n <div class=\"left\">\n <div class=\"section-icon\">\n <i class=\"fas fa-project-diagram\"><\/i>\n <\/div>\n <div class=\"section-title\">\n <h3>\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u0644\u0645\u0634\u0631\u0648\u0639<\/h3>\n <p>\u062a\u062a\u0628\u0639 \u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0625\u0646\u062c\u0627\u0632<\/p>\n <\/div>\n <\/div>\n <div class=\"right\">\n <div class=\"section-stats\">\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"timelineDuration\">4-8 \u0634\u0647\u0648\u0631<\/span>\n <span class=\"stat-label\">\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629<\/span>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-value\" id=\"timelineCompleted\">0%<\/span>\n <span class=\"stat-label\">\u0645\u0643\u062a\u0645\u0644 \u0645\u0646 \u0627\u0644\u062c\u062f\u0648\u0644<\/span>\n <\/div>\n <\/div>\n <div class=\"collapse-icon\">\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"section-content\">\n <div class=\"timeline-section\">\n <div class=\"timeline\" id=\"projectTimeline\">\n <div class=\"text-center mt-3\" id=\"timelineEmpty\">\n <i class=\"fas fa-calendar-alt\" style=\"font-size: 48px; color: #ccc; margin-bottom: 15px;\"><\/i>\n <p style=\"color: #666;\">\u0633\u064a\u062a\u0645 \u0639\u0631\u0636 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0628\u0639\u062f \u0625\u062f\u062e\u0627\u0644 \u062a\u0648\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u0647\u0627\u0645<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Final Action Buttons -->\n <div class=\"action-buttons\">\n <button class=\"btn btn-primary\" id=\"backupData\">\n <i class=\"fas fa-database\"><\/i> \u0646\u0633\u062e \u0627\u062d\u062a\u064a\u0627\u0637\u064a \u062a\u0644\u0642\u0627\u0626\u064a\n <\/button>\n <button class=\"btn btn-success\" onclick=\"window.print()\">\n <i class=\"fas fa-print\"><\/i> \u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0631\n <\/button>\n <button class=\"btn btn-danger\" id=\"resetAll\">\n <i class=\"fas fa-redo\"><\/i> \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0643\u0644\n <\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Building License Management System\n class BuildingLicenseSystem {\n constructor() {\n this.storageKey = 'buildingLicenseSystem_v3.0';\n this.projects = [];\n this.currentProjectId = null;\n this.tasks = this.getDefaultTasks();\n this.init();\n }\n\n init() {\n this.loadData();\n this.setupEventListeners();\n this.updateAllStats();\n this.setupAutoSave();\n this.updateTaskCards();\n }\n\n \/\/ Data Management\n loadData() {\n const saved = localStorage.getItem(this.storageKey);\n if (saved) {\n try {\n const data = JSON.parse(saved);\n this.projects = data.projects || [];\n this.currentProjectId = data.currentProjectId;\n \n if (this.projects.length === 0) {\n this.createNewProject('\u0645\u0634\u0631\u0648\u0639 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621');\n } else {\n this.loadCurrentProject();\n }\n } catch (e) {\n console.error('Error loading data:', e);\n this.createNewProject('\u0645\u0634\u0631\u0648\u0639 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621');\n }\n } else {\n this.createNewProject('\u0645\u0634\u0631\u0648\u0639 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621');\n }\n }\n\n saveData() {\n const data = {\n projects: this.projects,\n currentProjectId: this.currentProjectId,\n lastModified: new Date().toISOString(),\n version: '3.0'\n };\n localStorage.setItem(this.storageKey, JSON.stringify(data));\n }\n\n \/\/ Project Management\n createNewProject(name = '\u0645\u0634\u0631\u0648\u0639 \u062c\u062f\u064a\u062f') {\n const projectId = `project_${Date.now()}`;\n const newProject = {\n id: projectId,\n name: name,\n createdAt: new Date().toISOString(),\n lastModified: new Date().toISOString(),\n data: this.getDefaultProjectData()\n };\n \n this.projects.push(newProject);\n this.currentProjectId = projectId;\n this.loadCurrentProject();\n this.saveData();\n this.updateProjectsUI();\n \n return newProject;\n }\n\n getDefaultProjectData() {\n return {\n projectInfo: {\n name: '\u0645\u0634\u0631\u0648\u0639 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621',\n landInfo: '\u0642\u0637\u0639\u0629 456\u060c \u0627\u0644\u062d\u064a \u0627\u0644\u062b\u0627\u0644\u062b',\n startDate: '',\n type: '\u0633\u0643\u0646\u064a',\n landArea: '450',\n phone: '+201550507700'\n },\n tasks: this.getDefaultTasks()\n };\n }\n\n getDefaultTasks() {\n return [\n {\n id: 'get_code',\n phase: 1,\n title: '\u062a\u0633\u062c\u064a\u0644 \u062d\u0633\u0627\u0628 \u0627\u0644\u0645\u0627\u0644\u0643 \u0648\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0643\u0648\u062f \u0627\u0644\u0623\u0631\u0636',\n description: '\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0639\u0644\u0649 \u0645\u0648\u0642\u0639 \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0648\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0643\u0648\u062f \u0627\u0644\u0623\u0631\u0636',\n status: 'pending',\n priority: 'high',\n cost: 73,\n actualCost: 73,\n startDate: '',\n endDate: '',\n notes: [],\n estimatedDays: 7,\n completedDays: 0\n },\n {\n id: 'get_salahia',\n phase: 1,\n title: '\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629',\n description: '\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0628\u064a\u0627\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629 \u0645\u0646 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0645\u0639\u0646\u064a',\n status: 'pending',\n priority: 'high',\n cost: 73,\n actualCost: 73,\n startDate: '',\n endDate: '',\n notes: [],\n estimatedDays: 30,\n completedDays: 0\n },\n {\n id: 'civil_defense',\n phase: 2,\n title: '\u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629',\n description: '\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062f\u0646\u064a \u0644\u0644\u0645\u0634\u0631\u0648\u0639',\n status: 'pending',\n priority: 'high',\n cost: 30000,\n actualCost: 30000,\n startDate: '',\n endDate: '',\n notes: [],\n estimatedDays: 30,\n completedDays: 0\n },\n {\n id: 'mogamaa',\n phase: 2,\n title: '\u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u0645\u062c\u0645\u0639\u0629 \u0627\u0644\u0639\u0634\u0631\u064a\u0629 (\u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646)',\n description: '\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0645\u0646 \u0627\u0644\u0645\u062c\u0645\n\ngetDefaultTasks() {\n return [\n {\n id: 'get_code',\n phase: 1,\n title: '\u062a\u0633\u062c\u064a\u0644 \u062d\u0633\u0627\u0628 \u0627\u0644\u0645\u0627\u0644\u0643 \u0648\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0643\u0648\u062f \u0627\u0644\u0623\u0631\u0636',\n description: '\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0639\u0644\u0649 \u0645\u0648\u0642\u0639 \u0647\u064a\u0626\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0648\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0643\u0648\u062f \u0627\u0644\u0623\u0631\u0636',\n status: 'pending',\n priority: 'high',\n cost: 73,\n actualCost: 73,\n startDate: '',\n endDate: '',\n notes: [],\n estimatedDays: 7,\n completedDays: 0\n },\n {\n id: 'get_salahia',\n phase: 1,\n title: '\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629',\n description: '\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0628\u064a\u0627\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629 \u0645\u0646 \u0627\u0644\u062c\u0647\u0627\u0632 \u0627\u0644\u0645\u0639\u0646\u064a',\n status: 'pending',\n priority: 'high',\n cost: 73,\n actualCost: 73,\n startDate: '',\n endDate: '',\n notes: [],\n estimatedDays: 30,\n completedDays: 0\n },\n {\n id: 'civil_defense',\n phase: 2,\n title: '\u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629',\n description: '\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062f\u0646\u064a \u0644\u0644\u0645\u0634\u0631\u0648\u0639',\n status: 'pending',\n priority: 'high',\n cost: 30000,\n actualCost: 30000,\n startDate: '',\n endDate: '',\n notes: [],\n estimatedDays: 30,\n completedDays: 0\n },\n {\n id: 'mogamaa',\n phase: 2,\n title: '\u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u0645\u062c\u0645\u0639\u0629 \u0627\u0644\u0639\u0634\u0631\u064a\u0629 (\u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646)',\n description: '\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0645\u0646 \u0627\u0644\u0645\u062c\u0645\u0639\u0629 \u0627\u0644\u0639\u0634\u0631\u064a\u0629',\n status: 'pending',\n priority: 'high',\n cost: 5200,\n actualCost: 5200,\n startDate: '',\n endDate: '',\n notes: [],\n estimatedDays: 45,\n completedDays: 0\n },\n {\n id: 'final_papers',\n phase: 3,\n title: '\u062a\u062c\u0647\u064a\u0632 \u0628\u0627\u0642\u064a \u0623\u0648\u0631\u0627\u0642 \u0645\u0644\u0641 \u0627\u0644\u062a\u0631\u062e\u064a\u0635',\n description: '\u0625\u0639\u062f\u0627\u062f \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0644\u0645\u0644\u0641 \u0627\u0644\u0631\u062e\u0635\u0629',\n status: 'pending',\n priority: 'high',\n cost: 0,\n actualCost: 0,\n startDate: '',\n endDate: '',\n notes: [],\n estimatedDays: 30,\n completedDays: 0\n },\n {\n id: 'submit_online',\n phase: 4,\n title: '\u062a\u0642\u062f\u064a\u0645 \u0645\u0644\u0641 \u0627\u0644\u062a\u0631\u0627\u062e\u064a\u0635 \u0623\u0648\u0646\u0644\u0627\u064a\u0646',\n description: '\u0631\u0641\u0639 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a (\u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0645\u0643\u062a\u0628 \u0627\u0644\u0647\u0646\u062f\u0633\u064a)',\n status: 'pending',\n priority: 'high',\n cost: 0,\n actualCost: 0,\n startDate: '',\n endDate: '',\n notes: [],\n estimatedDays: 5,\n completedDays: 0\n },\n {\n id: 'follow_up',\n phase: 4,\n title: '\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0644\u0641 \u0648\u062f\u0641\u0639 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629',\n description: '\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0644\u0641 \u0648\u062f\u0641\u0639 \u0631\u0633\u0648\u0645 \u0627\u0644\u0631\u062e\u0635\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629',\n status: 'pending',\n priority: 'high',\n cost: 23500,\n actualCost: 23500,\n startDate: '',\n endDate: '',\n notes: [],\n estimatedDays: 60,\n completedDays: 0\n },\n {\n id: 'get_license',\n phase: 4,\n title: '\u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0631\u062e\u0635\u0629 \u0648\u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a',\n description: '\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0631\u062e\u0635\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629',\n status: 'pending',\n priority: 'high',\n cost: 0,\n actualCost: 0,\n startDate: '',\n endDate: '',\n notes: [],\n estimatedDays: 5,\n completedDays: 0\n }\n ];\n}\n\nloadCurrentProject() {\n const project = this.projects.find(p => p.id === this.currentProjectId);\n if (project) {\n this.tasks = project.data.tasks || this.getDefaultTasks();\n this.updateTaskCards();\n }\n}\n\nupdateTaskCards() {\n this.tasks.forEach(task => {\n const taskElement = document.querySelector(`[data-task-id=\"${task.id}\"]`);\n if (taskElement) {\n \/\/ \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0645\u0629\n taskElement.className = taskElement.className.replace(\/pending|in-progress|completed\/g, task.status);\n const statusSelect = taskElement.querySelector(`select[data-task-id=\"${task.id}\"]`);\n if (statusSelect) {\n statusSelect.value = task.status;\n statusSelect.className = `status-select ${task.status}`;\n }\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u062a\u0643\u0644\u0641\u0629\n const costInput = taskElement.querySelector(`.cost-input[data-task-id=\"${task.id}\"]`);\n if (costInput && task.actualCost !== undefined) {\n costInput.value = task.actualCost;\n }\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e\n const startDateInput = taskElement.querySelector(`.date-input[data-task-id=\"${task.id}_start\"]`);\n const endDateInput = taskElement.querySelector(`.date-input[data-task-id=\"${task.id}_end\"]`);\n if (startDateInput) startDateInput.value = task.startDate || '';\n if (endDateInput) endDateInput.value = task.endDate || '';\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a\n const notesContainer = taskElement.querySelector(`.notes-list[data-task-id=\"${task.id}\"]`);\n if (notesContainer) {\n notesContainer.innerHTML = task.notes.map(note => `\n <div class=\"note-item\">\n <div class=\"note-text\">${note.text}<\/div>\n <div class=\"note-meta\">\n <span>${note.date}<\/span>\n <div class=\"note-actions\">\n <button onclick=\"buildingLicense.deleteNote('${task.id}', ${task.notes.indexOf(note)})\">\u062d\u0630\u0641<\/button>\n <\/div>\n <\/div>\n <\/div>\n `).join('');\n }\n }\n });\n}\n\n\/\/ Event Listeners\nsetupEventListeners() {\n \/\/ \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n document.getElementById('addProjectBtn').addEventListener('click', () => {\n const projectName = prompt('\u0623\u062f\u062e\u0644 \u0627\u0633\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062c\u062f\u064a\u062f:', '\u0645\u0634\u0631\u0648\u0639 \u062c\u062f\u064a\u062f');\n if (projectName) {\n this.createNewProject(projectName);\n }\n });\n\n \/\/ \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u062d\u0643\u0645\n document.querySelector('.expand-all').addEventListener('click', () => {\n document.querySelectorAll('.collapsible-section').forEach(section => {\n section.classList.remove('collapsed');\n });\n });\n\n document.querySelector('.collapse-all').addEventListener('click', () => {\n document.querySelectorAll('.collapsible-section').forEach(section => {\n section.classList.add('collapsed');\n });\n });\n\n \/\/ \u062d\u0641\u0638 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n document.getElementById('saveProject').addEventListener('click', () => {\n this.saveCurrentProject();\n this.showMessage('\u062a\u0645 \u062d\u0641\u0638 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0646\u062c\u0627\u062d', 'success');\n });\n\n \/\/ \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645\n document.querySelectorAll('.status-select').forEach(select => {\n select.addEventListener('change', (e) => {\n const taskId = e.target.dataset.taskId;\n const newStatus = e.target.value;\n this.updateTaskStatus(taskId, newStatus);\n });\n });\n\n \/\/ \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\n document.querySelectorAll('.cost-input').forEach(input => {\n input.addEventListener('change', (e) => {\n const taskId = e.target.dataset.taskId;\n const newCost = parseFloat(e.target.value) || 0;\n this.updateTaskCost(taskId, newCost);\n });\n });\n\n \/\/ \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e\n document.querySelectorAll('.date-input').forEach(input => {\n input.addEventListener('change', (e) => {\n const taskId = e.target.dataset.taskId;\n const dateValue = e.target.value;\n this.updateTaskDate(taskId, dateValue, e.target.classList.contains('date-input'));\n });\n });\n\n \/\/ \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a\n document.querySelectorAll('.add-note-btn').forEach(button => {\n button.addEventListener('click', (e) => {\n const taskId = e.target.dataset.taskId;\n const input = document.querySelector(`input[data-task-id=\"${taskId}\"]`);\n if (input && input.value.trim()) {\n this.addNote(taskId, input.value.trim());\n input.value = '';\n }\n });\n });\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\n const projectInfoFields = ['projectName', 'landInfo', 'projectStartDate', 'projectType', 'landArea', 'phoneNumber'];\n projectInfoFields.forEach(fieldId => {\n const field = document.getElementById(fieldId);\n if (field) {\n field.addEventListener('change', () => {\n this.updateProjectInfo();\n });\n }\n });\n\n \/\/ \u0625\u0639\u062f\u0627\u062f \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621\n const startDateField = document.getElementById('projectStartDate');\n if (startDateField && !startDateField.value) {\n const today = new Date().toISOString().split('T')[0];\n startDateField.value = today;\n startDateField.min = today;\n }\n}\n\nupdateProjectsUI() {\n const projectActions = document.querySelector('.project-actions');\n projectActions.innerHTML = '';\n\n this.projects.forEach(project => {\n const isActive = project.id === this.currentProjectId;\n const button = document.createElement('button');\n button.className = `project-tab ${isActive ? 'active' : ''}`;\n button.dataset.projectId = project.id;\n button.innerHTML = `\n <i class=\"fas fa-home\"><\/i> ${project.name}\n <i class=\"fas fa-times delete-project\" style=\"margin-right: auto; font-size: 12px;\"><\/i>\n `;\n\n button.addEventListener('click', (e) => {\n if (e.target.classList.contains('delete-project')) {\n e.stopPropagation();\n this.deleteProject(project.id);\n } else {\n this.switchProject(project.id);\n }\n });\n\n projectActions.appendChild(button);\n });\n\n const addButton = document.createElement('button');\n addButton.className = 'project-tab add-project-btn';\n addButton.id = 'addProjectBtn';\n addButton.innerHTML = '<i class=\"fas fa-plus\"><\/i>';\n addButton.addEventListener('click', () => {\n const projectName = prompt('\u0623\u062f\u062e\u0644 \u0627\u0633\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062c\u062f\u064a\u062f:', '\u0645\u0634\u0631\u0648\u0639 \u062c\u062f\u064a\u062f');\n if (projectName) {\n this.createNewProject(projectName);\n }\n });\n\n projectActions.appendChild(addButton);\n}\n\n\/\/ \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\nupdateTaskStatus(taskId, newStatus) {\n const task = this.tasks.find(t => t.id === taskId);\n if (task) {\n task.status = newStatus;\n if (newStatus === 'completed' && !task.endDate) {\n task.endDate = new Date().toISOString().split('T')[0];\n }\n this.saveCurrentProject();\n this.updateAllStats();\n this.updateTaskCards();\n }\n}\n\nupdateTaskCost(taskId, newCost) {\n const task = this.tasks.find(t => t.id === taskId);\n if (task) {\n task.actualCost = newCost;\n this.saveCurrentProject();\n this.updateAllStats();\n }\n}\n\nupdateTaskDate(taskId, dateValue, isStartDate) {\n const task = this.tasks.find(t => t.id === taskId);\n if (task) {\n if (isStartDate) {\n task.startDate = dateValue;\n } else {\n task.endDate = dateValue;\n }\n this.saveCurrentProject();\n this.updateAllStats();\n }\n}\n\naddNote(taskId, noteText) {\n const task = this.tasks.find(t => t.id === taskId);\n if (task) {\n const note = {\n text: noteText,\n date: new Date().toLocaleString('ar-EG')\n };\n task.notes.push(note);\n this.saveCurrentProject();\n this.updateTaskCards();\n }\n}\n\ndeleteNote(taskId, noteIndex) {\n const task = this.tasks.find(t => t.id === taskId);\n if (task && task.notes[noteIndex]) {\n task.notes.splice(noteIndex, 1);\n this.saveCurrentProject();\n this.updateTaskCards();\n }\n}\n\n\/\/ \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a\nupdateAllStats() {\n this.updateProgress();\n this.updateCostStats();\n this.updateTaskStats();\n this.updateTimeline();\n}\n\nupdateProgress() {\n const totalTasks = this.tasks.length;\n const completedTasks = this.tasks.filter(task => task.status === 'completed').length;\n const inProgressTasks = this.tasks.filter(task => task.status === 'in-progress').length;\n \n const overallProgress = totalTasks > 0 ? Math.round((completedTasks \/ totalTasks) * 100) : 0;\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0642\u062f\u0645\n document.getElementById('overallProgress').textContent = `${overallProgress}%`;\n document.getElementById('progressPercentage').textContent = `${overallProgress}%`;\n document.getElementById('progressFill').style.width = `${overallProgress}%`;\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u0642\u062f\u0645\n [1, 2, 3, 4].forEach(phase => {\n const phaseTasks = this.tasks.filter(task => task.phase === phase);\n const completedPhaseTasks = phaseTasks.filter(task => task.status === 'completed').length;\n const phaseProgress = phaseTasks.length > 0 ? Math.round((completedPhaseTasks \/ phaseTasks.length) * 100) : 0;\n document.getElementById(`phase${phase}Progress`).textContent = `${phaseProgress}%`;\n });\n}\n\nupdateCostStats() {\n const totalCost = this.tasks.reduce((sum, task) => sum + (task.actualCost || 0), 0);\n const totalEstimatedCost = this.tasks.reduce((sum, task) => sum + (task.cost || 0), 0);\n \n document.getElementById('totalCost').textContent = `${totalCost.toLocaleString('ar-EG')} \u062c`;\n document.getElementById('dashboardTotalCost').textContent = `${totalCost.toLocaleString('ar-EG')} \u062c`;\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0631\u0627\u062d\u0644\n const phase1Cost = this.tasks.filter(t => t.phase === 1).reduce((sum, task) => sum + (task.actualCost || 0), 0);\n const phase2Cost = this.tasks.filter(t => t.phase === 2).reduce((sum, task) => sum + (task.actualCost || 0), 0);\n const phase3Cost = this.tasks.filter(t => t.phase === 3).reduce((sum, task) => sum + (task.actualCost || 0), 0);\n const phase4Cost = this.tasks.filter(t => t.phase === 4).reduce((sum, task) => sum + (task.actualCost || 0), 0);\n \n document.getElementById('phase1Cost').textContent = `${phase1Cost.toLocaleString('ar-EG')} \u062c`;\n document.getElementById('phase2Cost').textContent = `${phase2Cost.toLocaleString('ar-EG')} \u062c`;\n document.getElementById('phase3Cost').textContent = phase3Cost > 0 ? `${phase3Cost.toLocaleString('ar-EG')} \u062c` : '\u064a\u062e\u062a\u0644\u0641';\n document.getElementById('phase4Cost').textContent = `${phase4Cost.toLocaleString('ar-EG')} \u062c`;\n}\n\nupdateTaskStats() {\n const totalTasks = this.tasks.length;\n const completedTasks = this.tasks.filter(task => task.status === 'completed').length;\n const inProgressTasks = this.tasks.filter(task => task.status === 'in-progress').length;\n \n document.getElementById('completedTasks').textContent = completedTasks;\n document.getElementById('totalTasks').textContent = totalTasks;\n document.getElementById('inProgressTasks').textContent = inProgressTasks;\n}\n\nupdateTimeline() {\n const timelineContainer = document.getElementById('projectTimeline');\n const tasksWithDates = this.tasks.filter(task => task.startDate || task.endDate);\n \n if (tasksWithDates.length === 0) {\n timelineContainer.innerHTML = `\n <div class=\"text-center mt-3\" id=\"timelineEmpty\">\n <i class=\"fas fa-calendar-alt\" style=\"font-size: 48px; color: #ccc; margin-bottom: 15px;\"><\/i>\n <p style=\"color: #666;\">\u0633\u064a\u062a\u0645 \u0639\u0631\u0636 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0628\u0639\u062f \u0625\u062f\u062e\u0627\u0644 \u062a\u0648\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u0647\u0627\u0645<\/p>\n <\/div>\n `;\n return;\n }\n \n timelineContainer.innerHTML = '';\n \n \/\/ \u0641\u0631\u0632 \u0627\u0644\u0645\u0647\u0627\u0645 \u062d\u0633\u0628 \u0627\u0644\u062a\u0627\u0631\u064a\u062e\n tasksWithDates.sort((a, b) => {\n const dateA = a.startDate || a.endDate;\n const dateB = b.startDate || b.endDate;\n return new Date(dateA) - new Date(dateB);\n });\n \n tasksWithDates.forEach(task => {\n const timelineItem = document.createElement('div');\n timelineItem.className = 'timeline-item';\n \n const statusIcon = task.status === 'completed' ? 'fas fa-check-circle text-success' : \n task.status === 'in-progress' ? 'fas fa-spinner text-warning' : \n 'fas fa-clock text-secondary';\n \n timelineItem.innerHTML = `\n <div class=\"timeline-dot\"><\/div>\n <div class=\"timeline-content\">\n <div class=\"timeline-date\">\n <i class=\"${statusIcon}\"><\/i>\n ${task.startDate ? `\u0628\u062f\u0623: ${task.startDate}` : ''}\n ${task.endDate ? ` - \u0627\u0646\u062a\u0647\u0649: ${task.endDate}` : ''}\n <\/div>\n <h4>${task.title}<\/h4>\n <p>${task.description}<\/p>\n <div style=\"display: flex; gap: 10px; margin-top: 10px;\">\n <span class=\"badge bg-${task.status === 'completed' ? 'success' : task.status === 'in-progress' ? 'warning' : 'secondary'}\">\n ${task.status === 'completed' ? '\u0645\u0643\u062a\u0645\u0644' : task.status === 'in-progress' ? '\u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630' : '\u0644\u0645 \u064a\u0628\u062f\u0623'}\n <\/span>\n <span class=\"badge bg-info\">\u062a\u0643\u0644\u0641\u0629: ${task.actualCost.toLocaleString('ar-EG')} \u062c<\/span>\n <\/div>\n <\/div>\n `;\n \n timelineContainer.appendChild(timelineItem);\n });\n}\n\n\/\/ \u062d\u0641\u0638 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\nsaveCurrentProject() {\n const project = this.projects.find(p => p.id === this.currentProjectId);\n if (project) {\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n project.data.projectInfo = {\n name: document.getElementById('projectName').value,\n landInfo: document.getElementById('landInfo').value,\n startDate: document.getElementById('projectStartDate').value,\n type: document.getElementById('projectType').value,\n landArea: document.getElementById('landArea').value,\n phone: document.getElementById('phoneNumber').value\n };\n \n project.data.tasks = this.tasks;\n project.lastModified = new Date().toISOString();\n \n this.saveData();\n }\n}\n\nupdateProjectInfo() {\n this.saveCurrentProject();\n}\n\n\/\/ \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\nswitchProject(projectId) {\n this.currentProjectId = projectId;\n this.loadCurrentProject();\n this.updateProjectsUI();\n this.updateAllStats();\n}\n\ndeleteProject(projectId) {\n if (this.projects.length <= 1) {\n this.showMessage('\u0644\u0627 \u064a\u0645\u0643\u0646 \u062d\u0630\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0648\u062d\u064a\u062f', 'error');\n return;\n }\n \n if (confirm('\u0647\u0644 \u0623\u0646\u062a \u0645\u062a\u0623\u0643\u062f \u0645\u0646 \u062d\u0630\u0641 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f')) {\n this.projects = this.projects.filter(p => p.id !== projectId);\n \n if (projectId === this.currentProjectId) {\n this.currentProjectId = this.projects[0].id;\n this.loadCurrentProject();\n }\n \n this.saveData();\n this.updateProjectsUI();\n this.showMessage('\u062a\u0645 \u062d\u0630\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0646\u062c\u0627\u062d', 'success');\n }\n}\n\n\/\/ Auto Save\nsetupAutoSave() {\n setInterval(() => {\n this.saveCurrentProject();\n }, 30000); \/\/ \u062d\u0641\u0638 \u062a\u0644\u0642\u0627\u0626\u064a \u0643\u0644 30 \u062b\u0627\u0646\u064a\u0629\n}\n\n\/\/ \u0627\u0644\u0631\u0633\u0627\u0626\u0644\nshowMessage(text, type = 'info') {\n const message = document.createElement('div');\n message.className = `message ${type}`;\n message.style.cssText = `\n position: fixed;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n padding: 15px 25px;\n background: ${type === 'success' ? '#28a745' : type === 'error' ? '#dc3545' : '#17a2b8'};\n color: white;\n border-radius: 8px;\n z-index: 1000;\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n font-weight: 600;\n animation: slideDown 0.3s ease;\n `;\n \n message.textContent = text;\n document.body.appendChild(message);\n \n setTimeout(() => {\n message.style.animation = 'slideUp 0.3s ease';\n setTimeout(() => message.remove(), 300);\n }, 3000);\n}\n\n\/\/ \u062a\u0647\u064a\u0626\u0629 \u0627\u0644\u0646\u0638\u0627\u0645 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644\ndocument.addEventListener('DOMContentLoaded', () => {\n \/\/ \u0625\u0646\u0634\u0627\u0621 \u0645\u062a\u063a\u064a\u0631 \u0639\u0627\u0645 \u0644\u0644\u0646\u0638\u0627\u0645\n window.buildingLicense = new BuildingLicenseSystem();\n \n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0648\u0638\u064a\u0641\u0629 \u0627\u0644\u0646\u0633\u062e \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u0637\u064a\n document.getElementById('backupData').addEventListener('click', () => {\n const data = localStorage.getItem('buildingLicenseSystem_v3.0');\n const blob = new Blob([data], { type: 'application\/json' });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = `building_license_backup_${new Date().toISOString().split('T')[0]}.json`;\n a.click();\n URL.revokeObjectURL(url);\n buildingLicense.showMessage('\u062a\u0645 \u0625\u0646\u0634\u0627\u0621 \u0646\u0633\u062e\u0629 \u0627\u062d\u062a\u064a\u0627\u0637\u064a\u0629', 'success');\n });\n \n \/\/ \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0639\u064a\u064a\u0646\n document.getElementById('resetAll').addEventListener('click', () => {\n if (confirm('\u0647\u0644 \u0623\u0646\u062a \u0645\u062a\u0623\u0643\u062f \u0645\u0646 \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u061f \u0647\u0630\u0627 \u0627\u0644\u0625\u062c\u0631\u0627\u0621 \u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u0631\u0627\u062c\u0639 \u0639\u0646\u0647.')) {\n localStorage.removeItem('buildingLicenseSystem_v3.0');\n location.reload();\n }\n });\n \n \/\/ \u0645\u0634\u0627\u0631\u0643\u0629 \u0648\u0627\u062a\u0633\u0627\u0628\n document.getElementById('shareWhatsApp').addEventListener('click', () => {\n const project = buildingLicense.projects.find(p => p.id === buildingLicense.currentProjectId);\n if (project) {\n const progress = Math.round((buildingLicense.tasks.filter(t => t.status === 'completed').length \/ buildingLicense.tasks.length) * 100);\n const text = `\u062a\u0642\u0631\u064a\u0631 \u0645\u0634\u0631\u0648\u0639: ${project.data.projectInfo.name}\n\u0627\u0644\u062a\u0642\u062f\u0645: ${progress}%\n\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629: ${buildingLicense.tasks.reduce((sum, t) => sum + (t.actualCost || 0), 0).toLocaleString('ar-EG')} \u062c\n\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629: ${buildingLicense.tasks.filter(t => t.status === 'completed').length}\n\u0627\u0644\u0645\u0647\u0627\u0645 \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630: ${buildingLicense.tasks.filter(t => t.status === 'in-progress').length}`;\n \n const encodedText = encodeURIComponent(text);\n window.open(`https:\/\/wa.me\/?text=${encodedText}`, '_blank');\n }\n });\n \n \/\/ \u0627\u0644\u0637\u0628\u0627\u0639\u0629\n document.getElementById('printReport').addEventListener('click', () => {\n window.print();\n });\n});\n<\/script>\n\n<style>\n@keyframes slideDown {\n from { transform: translate(-50%, -100%); opacity: 0; }\n to { transform: translate(-50%, 0); opacity: 1; }\n}\n\n@keyframes slideUp {\n from { transform: translate(-50%, 0); opacity: 1; }\n to { transform: translate(-50%, -100%); opacity: 0; }\n}\n\n.message {\n position: fixed;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n padding: 15px 25px;\n background: #28a745;\n color: white;\n border-radius: 8px;\n z-index: 1000;\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n font-weight: 600;\n animation: slideDown 0.3s ease;\n}\n\n.message.error {\n background: #dc3545;\n}\n\n.message.info {\n background: #17a2b8;\n}\n\n@media (max-width: 768px) {\n .message {\n width: 90%;\n text-align: center;\n font-size: 14px;\n }\n}\n<\/style>\n<\/body>\n<\/html><\/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":{"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":[24128],"tags":[],"class_list":["post-55750","post","type-post","status-publish","format-standard","hentry","category-24128"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0637\u0648\u0628 - \u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/engeg.com\/b\/2026\/01\/19\/\u062d\u0627\u0633\u0628\u0629-\u0627\u0644\u0637\u0648\u0628\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0637\u0648\u0628\" \/>\n<meta property=\"og:url\" content=\"https:\/\/engeg.com\/b\/2026\/01\/19\/\u062d\u0627\u0633\u0628\u0629-\u0627\u0644\u0637\u0648\u0628\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/BitElwatan\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-18T23:06:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-11T05:06:13+00:00\" \/>\n<meta name=\"author\" content=\"interior\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0643\u064f\u062a\u0628 \u0628\u0648\u0627\u0633\u0637\u0629\" \/>\n\t<meta name=\"twitter:data1\" content=\"interior\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/01\\\/19\\\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/01\\\/19\\\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\\\/\"},\"author\":{\"name\":\"interior\",\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/#\\\/schema\\\/person\\\/099f7d93ca50450953f4bee349ef9fcc\"},\"headline\":\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0637\u0648\u0628\",\"datePublished\":\"2026-01-18T23:06:04+00:00\",\"dateModified\":\"2026-02-11T05:06:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/01\\\/19\\\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\\\/\"},\"wordCount\":3,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/#organization\"},\"articleSection\":[\"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646\"],\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/01\\\/19\\\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/01\\\/19\\\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\\\/\",\"url\":\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/01\\\/19\\\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\\\/\",\"name\":\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0637\u0648\u0628 - \u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/#website\"},\"datePublished\":\"2026-01-18T23:06:04+00:00\",\"dateModified\":\"2026-02-11T05:06:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/01\\\/19\\\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/01\\\/19\\\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/01\\\/19\\\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"item\":\"https:\\\/\\\/engeg.com\\\/b\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0637\u0648\u0628\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/#website\",\"url\":\"https:\\\/\\\/engeg.com\\\/b\\\/\",\"name\":\"\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646\",\"description\":\"\u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u0627\u062e\u0628\u0627\u0631 \u0646\u0635\u0627\u0626\u062d\",\"publisher\":{\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/engeg.com\\\/b\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/#organization\",\"name\":\"\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646\",\"url\":\"https:\\\/\\\/engeg.com\\\/b\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/engeg.com\\\/b\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/logo2-1.jpg?fit=572%2C113&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/engeg.com\\\/b\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/logo2-1.jpg?fit=572%2C113&ssl=1\",\"width\":572,\"height\":113,\"caption\":\"\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646\"},\"image\":{\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/#\\\/schema\\\/person\\\/099f7d93ca50450953f4bee349ef9fcc\",\"name\":\"interior\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/45ab73273277a124fb3ccb62727be2de8519e5a1980549019ecc37e40bb78529?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/45ab73273277a124fb3ccb62727be2de8519e5a1980549019ecc37e40bb78529?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/45ab73273277a124fb3ccb62727be2de8519e5a1980549019ecc37e40bb78529?s=96&d=mm&r=g\",\"caption\":\"interior\"},\"description\":\"\u00a0\u0646\u0633\u0639\u062f \u0628\u062e\u062f\u0645\u062a\u0643 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0644\u064a \u0627\u0644\u0648\u0627\u062a\u0633 \u0627\u0628 015.5050.7700\u00a0\",\"sameAs\":[\"https:\\\/\\\/b.engeg.com\",\"https:\\\/\\\/www.facebook.com\\\/BitElwatan\"],\"url\":\"https:\\\/\\\/engeg.com\\\/b\\\/profile\\\/interior\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0637\u0648\u0628 - \u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/engeg.com\/b\/2026\/01\/19\/\u062d\u0627\u0633\u0628\u0629-\u0627\u0644\u0637\u0648\u0628\/","og_locale":"ar_AR","og_type":"article","og_title":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0637\u0648\u0628","og_url":"https:\/\/engeg.com\/b\/2026\/01\/19\/\u062d\u0627\u0633\u0628\u0629-\u0627\u0644\u0637\u0648\u0628\/","og_site_name":"\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","article_author":"https:\/\/www.facebook.com\/BitElwatan","article_published_time":"2026-01-18T23:06:04+00:00","article_modified_time":"2026-02-11T05:06:13+00:00","author":"interior","twitter_card":"summary_large_image","twitter_misc":{"\u0643\u064f\u062a\u0628 \u0628\u0648\u0627\u0633\u0637\u0629":"interior"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/engeg.com\/b\/2026\/01\/19\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\/#article","isPartOf":{"@id":"https:\/\/engeg.com\/b\/2026\/01\/19\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\/"},"author":{"name":"interior","@id":"https:\/\/engeg.com\/b\/#\/schema\/person\/099f7d93ca50450953f4bee349ef9fcc"},"headline":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0637\u0648\u0628","datePublished":"2026-01-18T23:06:04+00:00","dateModified":"2026-02-11T05:06:13+00:00","mainEntityOfPage":{"@id":"https:\/\/engeg.com\/b\/2026\/01\/19\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\/"},"wordCount":3,"commentCount":0,"publisher":{"@id":"https:\/\/engeg.com\/b\/#organization"},"articleSection":["\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"],"inLanguage":"ar","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/engeg.com\/b\/2026\/01\/19\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/engeg.com\/b\/2026\/01\/19\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\/","url":"https:\/\/engeg.com\/b\/2026\/01\/19\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\/","name":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0637\u0648\u0628 - \u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","isPartOf":{"@id":"https:\/\/engeg.com\/b\/#website"},"datePublished":"2026-01-18T23:06:04+00:00","dateModified":"2026-02-11T05:06:13+00:00","breadcrumb":{"@id":"https:\/\/engeg.com\/b\/2026\/01\/19\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/engeg.com\/b\/2026\/01\/19\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/engeg.com\/b\/2026\/01\/19\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%b7%d9%88%d8%a8\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","item":"https:\/\/engeg.com\/b\/"},{"@type":"ListItem","position":2,"name":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0637\u0648\u0628"}]},{"@type":"WebSite","@id":"https:\/\/engeg.com\/b\/#website","url":"https:\/\/engeg.com\/b\/","name":"\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","description":"\u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646 \u0627\u062e\u0628\u0627\u0631 \u0646\u0635\u0627\u0626\u062d","publisher":{"@id":"https:\/\/engeg.com\/b\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/engeg.com\/b\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/engeg.com\/b\/#organization","name":"\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","url":"https:\/\/engeg.com\/b\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/engeg.com\/b\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/engeg.com\/b\/wp-content\/uploads\/2024\/02\/logo2-1.jpg?fit=572%2C113&ssl=1","contentUrl":"https:\/\/i0.wp.com\/engeg.com\/b\/wp-content\/uploads\/2024\/02\/logo2-1.jpg?fit=572%2C113&ssl=1","width":572,"height":113,"caption":"\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"},"image":{"@id":"https:\/\/engeg.com\/b\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/engeg.com\/b\/#\/schema\/person\/099f7d93ca50450953f4bee349ef9fcc","name":"interior","image":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/secure.gravatar.com\/avatar\/45ab73273277a124fb3ccb62727be2de8519e5a1980549019ecc37e40bb78529?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/45ab73273277a124fb3ccb62727be2de8519e5a1980549019ecc37e40bb78529?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/45ab73273277a124fb3ccb62727be2de8519e5a1980549019ecc37e40bb78529?s=96&d=mm&r=g","caption":"interior"},"description":"\u00a0\u0646\u0633\u0639\u062f \u0628\u062e\u062f\u0645\u062a\u0643 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0644\u064a \u0627\u0644\u0648\u0627\u062a\u0633 \u0627\u0628 015.5050.7700\u00a0","sameAs":["https:\/\/b.engeg.com","https:\/\/www.facebook.com\/BitElwatan"],"url":"https:\/\/engeg.com\/b\/profile\/interior\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":55756,"url":"https:\/\/engeg.com\/b\/2026\/01\/19\/seramek\/","url_meta":{"origin":55750,"position":0},"title":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0633\u064a\u0631\u0627\u0645\u064a\u0643","author":"interior","date":"\u064a\u0646\u0627\u064a\u0631 19, 2026","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":52718,"url":"https:\/\/engeg.com\/b\/2025\/08\/31\/%d8%ad%d8%a7%d8%b3%d8%a8%d9%87-%d9%83%d9%85%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d8%b5%d8%a8\/","url_meta":{"origin":55750,"position":1},"title":"\u062d\u0627\u0633\u0628\u0647 \u0643\u0645\u064a\u0627\u062a \u0627\u0644\u0635\u0628","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 31, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":52693,"url":"https:\/\/engeg.com\/b\/2025\/08\/30\/%d8%ad%d8%a7%d8%b3%d8%a8%d9%87-%d8%ad%d8%af%d9%8a%d8%af-%d8%a7%d9%84%d9%82%d9%88%d8%a7%d8%b9%d8%af\/","url_meta":{"origin":55750,"position":2},"title":"\u062d\u0627\u0633\u0628\u0647 \u062d\u062f\u064a\u062f \u0627\u0644\u0642\u0648\u0627\u0639\u062f","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 30, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":54236,"url":"https:\/\/engeg.com\/b\/2025\/09\/14\/%d8%ad%d8%a7%d8%b3%d8%a8%d8%a9-%d8%a7%d9%84%d8%ad%d8%af%d9%8a%d8%af-%d8%a8%d8%a7%d9%84%d9%85%d9%88%d9%82%d8%b9\/","url_meta":{"origin":55750,"position":3},"title":"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u062d\u062f\u064a\u062f \u0628\u0627\u0644\u0645\u0648\u0642\u0639","author":"interior","date":"\u0633\u0628\u062a\u0645\u0628\u0631 14, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":52641,"url":"https:\/\/engeg.com\/b\/2025\/08\/29\/%d8%ad%d8%a7%d8%b3%d8%a8%d9%87-%d8%a7%d9%84%d8%a7%d8%b3%d8%a7%d8%b3-%d9%85%d8%b9-%d8%a7%d9%84%d8%aa%d8%ad%d9%84%d9%8a%d9%84-%d8%ac\/","url_meta":{"origin":55750,"position":4},"title":"\u062d\u0627\u0633\u0628\u0647 \u0627\u0644\u0627\u0633\u0627\u0633 \u0645\u0639 \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u062c","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 29, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":52724,"url":"https:\/\/engeg.com\/b\/2025\/08\/31\/%d8%b5%d8%a8-%d9%a3\/","url_meta":{"origin":55750,"position":5},"title":"\u0635\u0628 \u0663","author":"interior","date":"\u0623\u063a\u0633\u0637\u0633 31, 2025","format":false,"excerpt":"","rel":"","context":"\u0641\u064a "\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646"","block_context":{"text":"\u062d\u0633\u0627\u0628\u0627\u062a \u062a\u0647\u0645\u0643 \u0641\u064a \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","link":"https:\/\/engeg.com\/b\/category\/%d8%ad%d8%b3%d8%a7%d8%a8%d8%a7%d8%aa-%d8%aa%d9%87%d9%85%d9%83-%d9%81%d9%8a-%d8%a8%d9%8a%d8%aa-%d8%a7%d9%84%d9%88%d8%b7%d9%86\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/55750","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=55750"}],"version-history":[{"count":2,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/55750\/revisions"}],"predecessor-version":[{"id":56040,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/55750\/revisions\/56040"}],"wp:attachment":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/media?parent=55750"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/categories?post=55750"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/tags?post=55750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}