{"id":56057,"date":"2026-02-12T13:19:48","date_gmt":"2026-02-12T11:19:48","guid":{"rendered":"https:\/\/engeg.com\/b\/2026\/02\/12\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\/"},"modified":"2026-04-23T13:47:26","modified_gmt":"2026-04-23T11:47:26","slug":"%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2","status":"publish","type":"post","link":"https:\/\/engeg.com\/b\/2026\/02\/12\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\/","title":{"rendered":"\u062a\u062a\u0628\u0639 \u0631\u062e\u0635\u0647 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629"},"content":{"rendered":"<\/p>\n
\r\n\r\n\r\n \r\n \r\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>\r\n \r\n <!-- Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n :root {\r\n --primary: #1a5f7a;\r\n --primary-light: #2d7a99;\r\n --secondary: #57a6c1;\r\n --secondary-light: #7dc4db;\r\n --success: #28a745;\r\n --warning: #ffc107;\r\n --danger: #dc3545;\r\n --info: #17a2b8;\r\n --light: #f8f9fa;\r\n --dark: #343a40;\r\n \r\n --card-bg: #ffffff;\r\n --section-bg: #f8f9fa;\r\n --border-color: #dee2e6;\r\n \r\n --shadow-sm: 0 2px 8px rgba(0,0,0,0.08);\r\n --shadow-md: 0 4px 16px rgba(0,0,0,0.12);\r\n --shadow-lg: 0 8px 24px rgba(0,0,0,0.15);\r\n \r\n --radius-sm: 10px;\r\n --radius-md: 16px;\r\n --radius-lg: 24px;\r\n \r\n --icon-size-lg: 28px;\r\n --icon-size-md: 24px;\r\n --icon-size-sm: 20px;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);\r\n color: #333;\r\n line-height: 1.6;\r\n min-height: 100vh;\r\n padding-bottom: 80px;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n }\r\n\r\n \/* Header - \u062a\u0635\u0645\u064a\u0645 \u0645\u062d\u0633\u0651\u0646 *\/\r\n .main-header {\r\n text-align: center;\r\n padding: 25px 0;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n color: white;\r\n border-radius: 0 0 var(--radius-lg) var(--radius-lg);\r\n margin-bottom: 25px;\r\n box-shadow: var(--shadow-lg);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .main-header::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.1) 50%, transparent 70%);\r\n animation: shimmer 3s infinite;\r\n }\r\n\r\n .main-header h1 {\r\n font-size: 28px;\r\n margin-bottom: 10px;\r\n font-weight: 800;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .main-header h1 i {\r\n font-size: 32px;\r\n margin-left: 15px;\r\n vertical-align: middle;\r\n }\r\n\r\n .main-header p {\r\n font-size: 16px;\r\n opacity: 0.95;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n line-height: 1.8;\r\n }\r\n\r\n @keyframes shimmer {\r\n 0% { transform: translateX(-100%); }\r\n 100% { transform: translateX(100%); }\r\n }\r\n\r\n \/* \u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u0631\u062a\u0634\u0627\u0646\u0627\u062a (\u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u0637\u0648\u064a\u0629) *\/\r\n .foldable-cards-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .foldable-card {\r\n background: var(--card-bg);\r\n border-radius: var(--radius-md);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-md);\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);\r\n border: 1px solid rgba(26, 95, 122, 0.1);\r\n position: relative;\r\n }\r\n\r\n .foldable-card.closed {\r\n max-height: 70px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .foldable-card.open {\r\n max-height: 5000px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .foldable-card-header {\r\n padding: 22px 25px;\r\n background: linear-gradient(135deg, var(--primary-light), var(--primary));\r\n color: white;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n position: relative;\r\n transition: all 0.3s ease;\r\n user-select: none;\r\n }\r\n\r\n .foldable-card-header:hover {\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n padding-right: 30px;\r\n }\r\n\r\n .card-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n flex: 1;\r\n }\r\n\r\n .card-icon {\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(255, 255, 255, 0.15);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: var(--icon-size-lg);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .foldable-card:hover .card-icon {\r\n transform: scale(1.1);\r\n background: rgba(255, 255, 255, 0.25);\r\n }\r\n\r\n .card-text h3 {\r\n font-size: 18px;\r\n font-weight: 700;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .card-text p {\r\n font-size: 14px;\r\n opacity: 0.9;\r\n font-weight: 300;\r\n }\r\n\r\n .card-status {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .toggle-icon {\r\n font-size: 20px;\r\n transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255, 255, 255, 0.15);\r\n border-radius: 50%;\r\n }\r\n\r\n .foldable-card.open .toggle-icon {\r\n transform: rotate(180deg);\r\n background: rgba(255, 255, 255, 0.25);\r\n }\r\n\r\n .progress-badge {\r\n background: rgba(255, 255, 255, 0.2);\r\n padding: 8px 16px;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n font-size: 15px;\r\n min-width: 70px;\r\n text-align: center;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .foldable-card-content {\r\n padding: 0;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);\r\n }\r\n\r\n .foldable-card.open .foldable-card-content {\r\n padding: 25px;\r\n max-height: 5000px;\r\n }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0645\u062d\u0633\u0651\u0646 \u0644\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n .inner-card {\r\n background: var(--light);\r\n border-radius: var(--radius-md);\r\n padding: 25px;\r\n margin-bottom: 20px;\r\n border: 1px solid var(--border-color);\r\n box-shadow: var(--shadow-sm);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .inner-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--shadow-md);\r\n border-color: var(--primary-light);\r\n }\r\n\r\n .inner-card h3 {\r\n color: var(--primary);\r\n margin-bottom: 20px;\r\n padding-bottom: 15px;\r\n border-bottom: 2px solid rgba(26, 95, 122, 0.1);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 18px;\r\n }\r\n\r\n .inner-card h3 i {\r\n font-size: var(--icon-size-md);\r\n }\r\n\r\n \/* \u0646\u0638\u0627\u0645 \u0627\u0644\u0634\u0628\u0643\u0629 \u0645\u062d\u0633\u0651\u0646 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n .form-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .form-grid {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 18px;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n margin-bottom: 10px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n font-size: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .form-group label i {\r\n font-size: var(--icon-size-sm);\r\n color: var(--primary);\r\n }\r\n\r\n .form-control {\r\n width: 100%;\r\n padding: 15px 18px;\r\n border: 2px solid var(--border-color);\r\n border-radius: var(--radius-sm);\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 15px;\r\n transition: all 0.3s ease;\r\n background: white;\r\n }\r\n\r\n .form-control:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 4px rgba(26, 95, 122, 0.15);\r\n }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u0645\u062d\u0633\u0651\u0646 *\/\r\n .task-card {\r\n background: white;\r\n border-radius: var(--radius-md);\r\n padding: 22px;\r\n margin-bottom: 18px;\r\n border: 1px solid var(--border-color);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .task-card::before {\r\n content: '';\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n height: 100%;\r\n width: 5px;\r\n background: var(--warning);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .task-card:hover {\r\n box-shadow: var(--shadow-md);\r\n transform: translateY(-3px);\r\n border-color: var(--primary-light);\r\n }\r\n\r\n .task-card:hover::before {\r\n width: 8px;\r\n }\r\n\r\n .task-card.completed {\r\n border-right: 4px solid var(--success);\r\n background: linear-gradient(to left, rgba(40, 167, 69, 0.05), transparent);\r\n }\r\n\r\n .task-card.completed::before {\r\n background: var(--success);\r\n }\r\n\r\n .task-card.pending {\r\n border-right: 4px solid var(--warning);\r\n background: linear-gradient(to left, rgba(255, 193, 7, 0.05), transparent);\r\n }\r\n\r\n .task-card.pending::before {\r\n background: var(--warning);\r\n }\r\n\r\n .task-card.important {\r\n border-right: 4px solid var(--danger);\r\n background: linear-gradient(to left, rgba(220, 53, 69, 0.05), transparent);\r\n }\r\n\r\n .task-card.important::before {\r\n background: var(--danger);\r\n }\r\n\r\n .task-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-bottom: 18px;\r\n gap: 18px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .task-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 15px;\r\n }\r\n }\r\n\r\n .task-title {\r\n flex: 1;\r\n }\r\n\r\n .task-title h4 {\r\n color: var(--dark);\r\n margin-bottom: 8px;\r\n font-size: 17px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .task-title h4 i {\r\n font-size: var(--icon-size-md);\r\n color: var(--primary);\r\n }\r\n\r\n .task-title p {\r\n color: #666;\r\n font-size: 14px;\r\n line-height: 1.7;\r\n }\r\n\r\n .task-actions {\r\n display: flex;\r\n gap: 12px;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .task-actions {\r\n width: 100%;\r\n justify-content: space-between;\r\n }\r\n }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0645\u062d\u0633\u0651\u0646 \u0644\u0644\u0628\u0627\u062f\u062c\u0627\u062a *\/\r\n .status-badge {\r\n padding: 8px 16px;\r\n border-radius: 20px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .status-badge i {\r\n font-size: var(--icon-size-sm);\r\n }\r\n\r\n .status-completed {\r\n background: var(--success);\r\n color: white;\r\n }\r\n\r\n .status-pending {\r\n background: var(--warning);\r\n color: #212529;\r\n }\r\n\r\n .status-important {\r\n background: var(--danger);\r\n color: white;\r\n }\r\n\r\n .priority-badge {\r\n padding: 6px 12px;\r\n border-radius: 6px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .priority-badge i {\r\n font-size: var(--icon-size-sm);\r\n }\r\n\r\n .priority-high {\r\n background: var(--danger);\r\n color: white;\r\n }\r\n\r\n .priority-medium {\r\n background: var(--warning);\r\n color: #212529;\r\n }\r\n\r\n .priority-low {\r\n background: var(--info);\r\n color: white;\r\n }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0645\u062d\u0633\u0651\u0646 \u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0647\u0627\u0645 *\/\r\n .task-details {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n padding-top: 20px;\r\n border-top: 1px solid rgba(222, 226, 230, 0.5);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .task-details {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n }\r\n\r\n .detail-item {\r\n background: white;\r\n padding: 20px;\r\n border-radius: var(--radius-sm);\r\n border: 1px solid var(--border-color);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .detail-item:hover {\r\n border-color: var(--primary-light);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .detail-item h5 {\r\n color: var(--primary);\r\n margin-bottom: 15px;\r\n font-size: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .detail-item h5 i {\r\n font-size: var(--icon-size-md);\r\n }\r\n\r\n .detail-content {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n }\r\n\r\n .detail-content ul {\r\n padding-right: 22px;\r\n margin: 0;\r\n }\r\n\r\n .detail-content li {\r\n margin-bottom: 8px;\r\n position: relative;\r\n }\r\n\r\n .detail-content li::before {\r\n content: '\u2022';\r\n color: var(--primary);\r\n font-weight: bold;\r\n display: inline-block;\r\n width: 1em;\r\n margin-right: -1em;\r\n font-size: 18px;\r\n }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0645\u062d\u0633\u0651\u0646 \u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a *\/\r\n .notes-container {\r\n margin-top: 18px;\r\n }\r\n\r\n .notes-list {\r\n max-height: 250px;\r\n overflow-y: auto;\r\n margin-bottom: 18px;\r\n padding: 5px;\r\n }\r\n\r\n .notes-list::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n\r\n .notes-list::-webkit-scrollbar-track {\r\n background: #f1f1f1;\r\n border-radius: 10px;\r\n }\r\n\r\n .notes-list::-webkit-scrollbar-thumb {\r\n background: var(--primary);\r\n border-radius: 10px;\r\n }\r\n\r\n .note-item {\r\n background: white;\r\n padding: 15px;\r\n border-radius: var(--radius-sm);\r\n border: 1px solid var(--border-color);\r\n margin-bottom: 10px;\r\n position: relative;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .note-item:hover {\r\n transform: translateX(-5px);\r\n border-color: var(--primary-light);\r\n }\r\n\r\n .note-text {\r\n margin-bottom: 8px;\r\n line-height: 1.6;\r\n font-size: 14px;\r\n }\r\n\r\n .note-meta {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 12px;\r\n color: #666;\r\n }\r\n\r\n .note-actions {\r\n display: flex;\r\n gap: 10px;\r\n }\r\n\r\n .note-actions button {\r\n background: none;\r\n border: none;\r\n color: #999;\r\n cursor: pointer;\r\n font-size: 13px;\r\n transition: color 0.3s ease;\r\n padding: 4px 8px;\r\n border-radius: 4px;\r\n }\r\n\r\n .note-actions button:hover {\r\n color: var(--danger);\r\n background: rgba(220, 53, 69, 0.1);\r\n }\r\n\r\n .add-note-form {\r\n display: flex;\r\n gap: 12px;\r\n margin-top: 15px;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .add-note-form {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n .add-note-form input {\r\n flex: 1;\r\n padding: 14px 18px;\r\n border: 2px solid var(--border-color);\r\n border-radius: var(--radius-sm);\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 14px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .add-note-form input:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 3px rgba(26, 95, 122, 0.1);\r\n }\r\n\r\n .add-note-form button {\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n color: white;\r\n border: none;\r\n padding: 14px 24px;\r\n border-radius: var(--radius-sm);\r\n cursor: pointer;\r\n font-family: 'Cairo', sans-serif;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n white-space: nowrap;\r\n }\r\n\r\n .add-note-form button:hover {\r\n background: linear-gradient(135deg, var(--secondary), var(--primary));\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0645\u062d\u0633\u0651\u0646 \u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a *\/\r\n .dashboard {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 20px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .dashboard {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .dashboard {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .dashboard-card {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: 25px;\r\n box-shadow: var(--shadow-md);\r\n text-align: center;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);\r\n border: 1px solid rgba(26, 95, 122, 0.1);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .dashboard-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .dashboard-card:hover {\r\n transform: translateY(-8px) scale(1.02);\r\n box-shadow: var(--shadow-lg);\r\n border-color: var(--primary-light);\r\n }\r\n\r\n .dashboard-card:hover::before {\r\n height: 8px;\r\n }\r\n\r\n .card-icon {\r\n width: 70px;\r\n height: 70px;\r\n margin: 0 auto 20px;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 28px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .dashboard-card:hover .card-icon {\r\n transform: scale(1.1) rotate(5deg);\r\n }\r\n\r\n .dashboard-card h3 {\r\n font-size: 15px;\r\n color: #666;\r\n margin-bottom: 12px;\r\n font-weight: 600;\r\n }\r\n\r\n .dashboard-card .value {\r\n font-size: 36px;\r\n font-weight: 800;\r\n color: var(--primary);\r\n margin-bottom: 8px;\r\n line-height: 1.2;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .dashboard-card .value {\r\n font-size: 32px;\r\n }\r\n }\r\n\r\n .dashboard-card .subtext {\r\n font-size: 13px;\r\n color: #999;\r\n }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0645\u062d\u0633\u0651\u0646 \u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0642\u062f\u0645 *\/\r\n .progress-container {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: 25px;\r\n box-shadow: var(--shadow-md);\r\n margin-bottom: 30px;\r\n border: 1px solid rgba(26, 95, 122, 0.1);\r\n }\r\n\r\n .progress-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .progress-header h3 {\r\n color: var(--primary);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 18px;\r\n }\r\n\r\n .progress-header h3 i {\r\n font-size: var(--icon-size-md);\r\n }\r\n\r\n .progress-percentage {\r\n font-size: 32px;\r\n font-weight: 800;\r\n color: var(--primary);\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .progress-bar {\r\n height: 24px;\r\n background: #e9ecef;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n margin-bottom: 15px;\r\n position: relative;\r\n box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);\r\n }\r\n\r\n .progress-fill {\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--primary), var(--secondary));\r\n border-radius: 12px;\r\n width: 0%;\r\n transition: width 1s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .progress-fill::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(255, 255, 255, 0.4),\r\n transparent\r\n );\r\n animation: shimmer 2s infinite;\r\n }\r\n\r\n .progress-labels {\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 13px;\r\n color: #666;\r\n font-weight: 600;\r\n }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0645\u062d\u0633\u0651\u0646 \u0644\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a *\/\r\n .action-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n margin: 35px 0;\r\n justify-content: center;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .action-buttons {\r\n flex-direction: column;\r\n align-items: stretch;\r\n margin: 25px 0;\r\n }\r\n }\r\n\r\n .btn {\r\n padding: 16px 32px;\r\n border-radius: var(--radius-md);\r\n border: none;\r\n font-family: 'Cairo', sans-serif;\r\n font-weight: 700;\r\n font-size: 16px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n min-width: 200px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .btn {\r\n min-width: 100%;\r\n padding: 18px 24px;\r\n }\r\n }\r\n\r\n .btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.2) 50%, transparent 70%);\r\n transform: translateX(-100%);\r\n transition: transform 0.6s;\r\n }\r\n\r\n .btn:hover::before {\r\n transform: translateX(100%);\r\n }\r\n\r\n .btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .btn:active {\r\n transform: translateY(-1px);\r\n }\r\n\r\n .btn i {\r\n font-size: 18px;\r\n }\r\n\r\n .btn-primary {\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n color: white;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: linear-gradient(135deg, var(--secondary), var(--primary));\r\n }\r\n\r\n .btn-success {\r\n background: linear-gradient(135deg, var(--success), #20c997);\r\n color: white;\r\n }\r\n\r\n .btn-success:hover {\r\n background: linear-gradient(135deg, #20c997, var(--success));\r\n }\r\n\r\n .btn-warning {\r\n background: linear-gradient(135deg, var(--warning), #fd7e14);\r\n color: #212529;\r\n }\r\n\r\n .btn-warning:hover {\r\n background: linear-gradient(135deg, #fd7e14, var(--warning));\r\n }\r\n\r\n .btn-danger {\r\n background: linear-gradient(135deg, var(--danger), #c92a2a);\r\n color: white;\r\n }\r\n\r\n .btn-danger:hover {\r\n background: linear-gradient(135deg, #c92a2a, var(--danger));\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--light);\r\n color: var(--dark);\r\n border: 2px solid var(--border-color);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: white;\r\n border-color: var(--primary);\r\n }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0645\u062d\u0633\u0651\u0646 \u0644\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0632\u0645\u0646\u064a *\/\r\n .timeline-container {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: 25px;\r\n box-shadow: var(--shadow-md);\r\n margin-bottom: 30px;\r\n border: 1px solid rgba(26, 95, 122, 0.1);\r\n }\r\n\r\n .timeline {\r\n position: relative;\r\n padding-right: 35px;\r\n margin-top: 30px;\r\n }\r\n\r\n .timeline::before {\r\n content: '';\r\n position: absolute;\r\n right: 15px;\r\n top: 0;\r\n bottom: 0;\r\n width: 3px;\r\n background: linear-gradient(to bottom, var(--primary), var(--secondary));\r\n border-radius: 3px;\r\n }\r\n\r\n .timeline-item {\r\n position: relative;\r\n margin-bottom: 35px;\r\n padding-bottom: 35px;\r\n border-bottom: 1px dashed var(--border-color);\r\n }\r\n\r\n .timeline-item:last-child {\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n border-bottom: none;\r\n }\r\n\r\n .timeline-dot {\r\n position: absolute;\r\n right: 9px;\r\n top: 0;\r\n width: 20px;\r\n height: 20px;\r\n background: white;\r\n border: 3px solid var(--primary);\r\n border-radius: 50%;\r\n z-index: 1;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .timeline-item:hover .timeline-dot {\r\n transform: scale(1.3);\r\n background: var(--primary);\r\n }\r\n\r\n .timeline-content {\r\n padding: 20px;\r\n background: var(--light);\r\n border-radius: var(--radius-md);\r\n border: 1px solid var(--border-color);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .timeline-item:hover .timeline-content {\r\n transform: translateX(-10px);\r\n border-color: var(--primary-light);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .timeline-date {\r\n color: var(--primary);\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n }\r\n\r\n .timeline-date i {\r\n font-size: var(--icon-size-sm);\r\n }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0645\u062d\u0633\u0651\u0646 \u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 *\/\r\n .report-section {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: 25px;\r\n box-shadow: var(--shadow-md);\r\n margin-bottom: 30px;\r\n border: 1px solid rgba(26, 95, 122, 0.1);\r\n }\r\n\r\n .report-options {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 20px;\r\n margin-top: 25px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .report-options {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .report-options {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .report-option {\r\n padding: 25px;\r\n border: 2px solid var(--border-color);\r\n border-radius: var(--radius-md);\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n background: white;\r\n }\r\n\r\n .report-option:hover {\r\n border-color: var(--primary);\r\n transform: translateY(-5px) scale(1.03);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .report-option i {\r\n font-size: 40px;\r\n margin-bottom: 15px;\r\n color: var(--primary);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .report-option:hover i {\r\n transform: scale(1.2);\r\n }\r\n\r\n .report-option h4 {\r\n margin-bottom: 10px;\r\n color: var(--dark);\r\n font-size: 16px;\r\n }\r\n\r\n .report-option p {\r\n color: #666;\r\n font-size: 13px;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* \u062a\u0635\u0645\u064a\u0645 \u0645\u062d\u0633\u0651\u0646 \u0644\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 *\/\r\n .date-input, .cost-input {\r\n width: 100%;\r\n padding: 14px 18px;\r\n border: 2px solid var(--border-color);\r\n border-radius: var(--radius-sm);\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 14px;\r\n transition: all 0.3s ease;\r\n background: white;\r\n }\r\n\r\n .date-input:focus, .cost-input:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 3px rgba(26, 95, 122, 0.1);\r\n }\r\n\r\n \/* \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 0 12px;\r\n }\r\n \r\n .main-header {\r\n padding: 20px 0;\r\n margin-bottom: 20px;\r\n border-radius: 0 0 var(--radius-md) var(--radius-md);\r\n }\r\n \r\n .main-header h1 {\r\n font-size: 24px;\r\n }\r\n \r\n .main-header h1 i {\r\n font-size: 28px;\r\n margin-left: 10px;\r\n }\r\n \r\n .main-header p {\r\n font-size: 14px;\r\n padding: 0 10px;\r\n }\r\n \r\n .foldable-card-header {\r\n padding: 18px 20px;\r\n }\r\n \r\n .card-icon {\r\n width: 45px;\r\n height: 45px;\r\n font-size: var(--icon-size-md);\r\n }\r\n \r\n .card-text h3 {\r\n font-size: 16px;\r\n }\r\n \r\n .card-text p {\r\n font-size: 13px;\r\n }\r\n \r\n .toggle-icon {\r\n width: 35px;\r\n height: 35px;\r\n font-size: 18px;\r\n }\r\n \r\n .progress-badge {\r\n padding: 6px 12px;\r\n font-size: 14px;\r\n min-width: 60px;\r\n }\r\n \r\n .foldable-card.open .foldable-card-content {\r\n padding: 20px;\r\n }\r\n \r\n .inner-card {\r\n padding: 20px;\r\n }\r\n \r\n .task-card {\r\n padding: 18px;\r\n }\r\n \r\n .progress-container,\r\n .timeline-container,\r\n .report-section {\r\n padding: 20px;\r\n }\r\n \r\n .progress-percentage {\r\n font-size: 28px;\r\n }\r\n \r\n .timeline {\r\n padding-right: 30px;\r\n }\r\n \r\n .timeline::before {\r\n right: 13px;\r\n }\r\n \r\n .timeline-dot {\r\n right: 6px;\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .main-header h1 {\r\n font-size: 20px;\r\n }\r\n \r\n .main-header p {\r\n font-size: 13px;\r\n }\r\n \r\n .foldable-card-header {\r\n padding: 16px 18px;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 12px;\r\n }\r\n \r\n .card-title {\r\n width: 100%;\r\n }\r\n \r\n .card-status {\r\n width: 100%;\r\n justify-content: space-between;\r\n }\r\n \r\n .dashboard-card {\r\n padding: 20px;\r\n }\r\n \r\n .card-icon {\r\n width: 60px;\r\n height: 60px;\r\n font-size: 24px;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .dashboard-card .value {\r\n font-size: 28px;\r\n }\r\n \r\n .progress-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 15px;\r\n }\r\n \r\n .progress-header h3 {\r\n font-size: 16px;\r\n }\r\n \r\n .progress-percentage {\r\n align-self: flex-end;\r\n }\r\n \r\n .timeline-content {\r\n padding: 16px;\r\n }\r\n \r\n .report-option {\r\n padding: 20px;\r\n }\r\n \r\n .report-option i {\r\n font-size: 36px;\r\n }\r\n }\r\n\r\n \/* \u0631\u0633\u0648\u0645\u064a\u0627\u062a \u0627\u0644\u062a\u062d\u0645\u064a\u0644 *\/\r\n .spinner {\r\n width: 50px;\r\n height: 50px;\r\n border: 4px solid #f3f3f3;\r\n border-top: 4px solid var(--primary);\r\n border-right: 4px solid var(--secondary);\r\n border-radius: 50%;\r\n animation: spin 1s linear infinite;\r\n margin: 30px auto;\r\n }\r\n\r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n \/* \u0637\u0628\u0627\u0639\u0629 \u0645\u062d\u0633\u0646\u0629 *\/\r\n @media print {\r\n .action-buttons,\r\n .foldable-card-header,\r\n .add-note-form,\r\n .report-options,\r\n .btn {\r\n display: none !important;\r\n }\r\n \r\n .container {\r\n max-width: 100%;\r\n padding: 0;\r\n }\r\n \r\n .foldable-card,\r\n .task-card,\r\n .dashboard-card,\r\n .inner-card {\r\n break-inside: avoid;\r\n box-shadow: none;\r\n border: 1px solid #ddd;\r\n }\r\n \r\n .foldable-card.open {\r\n max-height: none !important;\r\n }\r\n \r\n .foldable-card-content {\r\n max-height: none !important;\r\n padding: 20px !important;\r\n display: block !important;\r\n }\r\n }\r\n\r\n \/* \u0623\u0635\u0646\u0627\u0641 \u0645\u0633\u0627\u0639\u062f\u0629 *\/\r\n .hidden {\r\n display: none !important;\r\n }\r\n\r\n .text-center {\r\n text-align: center;\r\n }\r\n\r\n .mt-1 { margin-top: 10px; }\r\n .mt-2 { margin-top: 20px; }\r\n .mt-3 { margin-top: 30px; }\r\n .mt-4 { margin-top: 40px; }\r\n\r\n .mb-1 { margin-bottom: 10px; }\r\n .mb-2 { margin-bottom: 20px; }\r\n .mb-3 { margin-bottom: 30px; }\r\n .mb-4 { margin-bottom: 40px; }\r\n\r\n \/* \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0633\u0641\u0644\u064a \u0644\u0644\u062c\u0648\u0627\u0644 *\/\r\n .mobile-nav {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: white;\r\n border-top: 1px solid var(--border-color);\r\n padding: 10px 15px;\r\n display: none;\r\n z-index: 1000;\r\n box-shadow: 0 -4px 12px rgba(0,0,0,0.1);\r\n }\r\n\r\n .mobile-nav-buttons {\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n }\r\n\r\n .mobile-nav-btn {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 5px;\r\n background: none;\r\n border: none;\r\n color: #666;\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 12px;\r\n cursor: pointer;\r\n padding: 10px 15px;\r\n border-radius: var(--radius-sm);\r\n transition: all 0.3s ease;\r\n flex: 1;\r\n max-width: 80px;\r\n }\r\n\r\n .mobile-nav-btn i {\r\n font-size: 20px;\r\n }\r\n\r\n .mobile-nav-btn.active {\r\n color: var(--primary);\r\n background: rgba(26, 95, 122, 0.1);\r\n }\r\n\r\n .mobile-nav-btn:hover {\r\n color: var(--primary);\r\n transform: translateY(-2px);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .mobile-nav {\r\n display: block;\r\n }\r\n \r\n body {\r\n padding-bottom: 120px;\r\n }\r\n }\r\n\r\n \/* \u0625\u0634\u0639\u0627\u0631\u0627\u062a *\/\r\n .notification {\r\n position: fixed;\r\n top: 25px;\r\n left: 25px;\r\n right: 25px;\r\n background: white;\r\n border-radius: var(--radius-md);\r\n padding: 18px 22px;\r\n box-shadow: var(--shadow-lg);\r\n z-index: 2000;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n transform: translateY(-100px);\r\n opacity: 0;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);\r\n border-right: 5px solid var(--primary);\r\n }\r\n\r\n .notification.show {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n\r\n .notification-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n color: white;\r\n flex-shrink: 0;\r\n }\r\n\r\n .notification.success .notification-icon {\r\n background: var(--success);\r\n }\r\n\r\n .notification.error .notification-icon {\r\n background: var(--danger);\r\n }\r\n\r\n .notification.info .notification-icon {\r\n background: var(--info);\r\n }\r\n\r\n .notification-content {\r\n flex: 1;\r\n }\r\n\r\n .notification-content h4 {\r\n margin-bottom: 5px;\r\n color: var(--dark);\r\n font-size: 15px;\r\n }\r\n\r\n .notification-content p {\r\n color: #666;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0639\u0627\u0645\u0629 \u0644\u0644\u062a\u0641\u0627\u0639\u0644 *\/\r\n .select-control {\r\n width: 100%;\r\n padding: 14px 18px;\r\n border: 2px solid var(--border-color);\r\n border-radius: var(--radius-sm);\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 14px;\r\n background: white;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n appearance: none;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' fill='%231a5f7a' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: left 18px center;\r\n padding-left: 45px;\r\n }\r\n\r\n .select-control:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 3px rgba(26, 95, 122, 0.1);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <!-- Header -->\r\n <header class=\"main-header\">\r\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>\r\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>\r\n <\/header>\r\n\r\n <!-- \u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u0631\u062a\u0634\u0627\u0646\u0627\u062a (\u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u0637\u0648\u064a\u0629) -->\r\n <div class=\"foldable-cards-container\">\r\n <!-- \u0628\u0637\u0627\u0642\u0629 \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 (\u0645\u0641\u062a\u0648\u062d\u0629 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0627\u064b) -->\r\n <div class=\"foldable-card open\" id=\"card-dashboard\">\r\n <div class=\"foldable-card-header\" onclick=\"toggleCard('dashboard')\">\r\n <div class=\"card-title\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-tachometer-alt\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n <h3>\u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/h3>\r\n <p>\u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0639\u0644\u0649 \u0645\u0634\u0631\u0648\u0639 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0633\u0631\u064a\u0639\u0629<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-status\">\r\n <span class=\"progress-badge\" id=\"dashboardProgress\">0%<\/span>\r\n <div class=\"toggle-icon\">\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foldable-card-content\">\r\n <div class=\"inner-card\">\r\n <h3><i class=\"fas fa-info-circle\"><\/i> \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062d\u0627\u0644\u064a<\/h3>\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label for=\"projectName\"><i class=\"fas fa-signature\"><\/i> \u0627\u0633\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/label>\r\n <input type=\"text\" id=\"projectName\" class=\"form-control\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"landInfo\"><i class=\"fas fa-map-marked-alt\"><\/i> \u0628\u064a\u0627\u0646\u0627\u062a \u0642\u0637\u0639\u0629 \u0627\u0644\u0623\u0631\u0636<\/label>\r\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\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"projectStartDate\"><i class=\"fas fa-calendar-day\"><\/i> \u062a\u0627\u0631\u064a\u062e \u0628\u062f\u0621 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/label>\r\n <input type=\"date\" id=\"projectStartDate\" class=\"form-control\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"projectType\"><i class=\"fas fa-tags\"><\/i> \u0646\u0648\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/label>\r\n <select id=\"projectType\" class=\"form-control select-control\">\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/option>\r\n <option value=\"\u0633\u0643\u0646\u064a\">\u0633\u0643\u0646\u064a<\/option>\r\n <option value=\"\u062a\u062c\u0627\u0631\u064a\">\u062a\u062c\u0627\u0631\u064a<\/option>\r\n <option value=\"\u0625\u062f\u0627\u0631\u064a\">\u0625\u062f\u0627\u0631\u064a<\/option>\r\n <option value=\"\u0637\u0628\u064a\">\u0637\u0628\u064a<\/option>\r\n <option value=\"\u062a\u0639\u0644\u064a\u0645\u064a\">\u062a\u0639\u0644\u064a\u0645\u064a<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"landArea\"><i class=\"fas fa-ruler-combined\"><\/i> \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0623\u0631\u0636 (\u0645\u00b2)<\/label>\r\n <input type=\"number\" id=\"landArea\" class=\"form-control\" placeholder=\"\u0623\u062f\u062e\u0644 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0623\u0631\u0636\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"phoneNumber\"><i class=\"fas fa-phone-alt\"><\/i> \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\r\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\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0627\u0645 -->\r\n <div class=\"progress-container\">\r\n <div class=\"progress-header\">\r\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>\r\n <div class=\"progress-percentage\" id=\"overallProgress\">0%<\/div>\r\n <\/div>\r\n <div class=\"progress-bar\">\r\n <div class=\"progress-fill\" id=\"progressFill\"><\/div>\r\n <\/div>\r\n <div class=\"progress-labels\">\r\n <span>\u0644\u0645 \u064a\u0628\u062f\u0623<\/span>\r\n <span>\u0645\u0643\u062a\u0645\u0644<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0633\u0631\u064a\u0639\u0629 -->\r\n <div class=\"dashboard\">\r\n <div class=\"dashboard-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-money-bill-wave\"><\/i>\r\n <\/div>\r\n <h3>\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h3>\r\n <div class=\"value\" id=\"totalCost\">0 \u062c<\/div>\r\n <div class=\"subtext\">\u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0633\u062c\u0644\u0629<\/div>\r\n <\/div>\r\n \r\n <div class=\"dashboard-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <\/div>\r\n <h3>\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629<\/h3>\r\n <div class=\"value\" id=\"completedTasks\">0<\/div>\r\n <div class=\"subtext\">\u0645\u0646 \u0623\u0635\u0644 <span id=\"totalTasks\">0<\/span> \u0645\u0647\u0645\u0629<\/div>\r\n <\/div>\r\n \r\n <div class=\"dashboard-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <h3>\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0639\u0644\u0642\u0629<\/h3>\r\n <div class=\"value\" id=\"pendingTasks\">0<\/div>\r\n <div class=\"subtext\">\u0628\u062d\u0627\u062c\u0629 \u0644\u0644\u0625\u0646\u062c\u0627\u0632<\/div>\r\n <\/div>\r\n \r\n <div class=\"dashboard-card\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-calendar-alt\"><\/i>\r\n <\/div>\r\n <h3>\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629<\/h3>\r\n <div class=\"value\" id=\"estimatedTime\">-- \u064a\u0648\u0645<\/div>\r\n <div class=\"subtext\">\u0644\u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0633\u0631\u064a\u0639\u0629 -->\r\n <div class=\"action-buttons\">\r\n <button class=\"btn btn-primary\" id=\"saveProject\">\r\n <i class=\"fas fa-save\"><\/i> \u062d\u0641\u0638 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\r\n <\/button>\r\n <button class=\"btn btn-success\" id=\"newProject\">\r\n <i class=\"fas fa-plus\"><\/i> \u0645\u0634\u0631\u0648\u0639 \u062c\u062f\u064a\u062f\r\n <\/button>\r\n <button class=\"btn btn-secondary\" id=\"exportProject\">\r\n <i class=\"fas fa-file-export\"><\/i> \u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\r\n <\/button>\r\n <button class=\"btn btn-warning\" id=\"printReport\">\r\n <i class=\"fas fa-print\"><\/i> \u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0631\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0628\u0637\u0627\u0642\u0629 \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 (\u0645\u063a\u0644\u0642\u0629 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0627\u064b) -->\r\n <div class=\"foldable-card closed\" id=\"card-phase1\">\r\n <div class=\"foldable-card-header\" onclick=\"toggleCard('phase1')\">\r\n <div class=\"card-title\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-tools\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\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>\r\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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-status\">\r\n <span class=\"progress-badge\" id=\"phase1Progress\">0%<\/span>\r\n <div class=\"toggle-icon\">\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foldable-card-content\">\r\n <!-- \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 (\u0633\u064a\u062a\u0645 \u0645\u0644\u0624\u0647 \u0628\u0640 JavaScript) -->\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0628\u0637\u0627\u0642\u0629 \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 (\u0645\u063a\u0644\u0642\u0629 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0627\u064b) -->\r\n <div class=\"foldable-card closed\" id=\"card-phase2\">\r\n <div class=\"foldable-card-header\" onclick=\"toggleCard('phase2')\">\r\n <div class=\"card-title\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\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>\r\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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-status\">\r\n <span class=\"progress-badge\" id=\"phase2Progress\">0%<\/span>\r\n <div class=\"toggle-icon\">\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foldable-card-content\">\r\n <!-- \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 (\u0633\u064a\u062a\u0645 \u0645\u0644\u0624\u0647 \u0628\u0640 JavaScript) -->\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0628\u0637\u0627\u0642\u0629 \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 (\u0645\u063a\u0644\u0642\u0629 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0627\u064b) -->\r\n <div class=\"foldable-card closed\" id=\"card-phase3\">\r\n <div class=\"foldable-card-header\" onclick=\"toggleCard('phase3')\">\r\n <div class=\"card-title\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-file-contract\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\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>\r\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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-status\">\r\n <span class=\"progress-badge\" id=\"phase3Progress\">0%<\/span>\r\n <div class=\"toggle-icon\">\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foldable-card-content\">\r\n <!-- \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0644\u062b\u0629 (\u0633\u064a\u062a\u0645 \u0645\u0644\u0624\u0647 \u0628\u0640 JavaScript) -->\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0628\u0637\u0627\u0642\u0629 \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 (\u0645\u063a\u0644\u0642\u0629 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0627\u064b) -->\r\n <div class=\"foldable-card closed\" id=\"card-phase4\">\r\n <div class=\"foldable-card-header\" onclick=\"toggleCard('phase4')\">\r\n <div class=\"card-title\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-paper-plane\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\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>\r\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>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-status\">\r\n <span class=\"progress-badge\" id=\"phase4Progress\">0%<\/span>\r\n <div class=\"toggle-icon\">\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foldable-card-content\">\r\n <!-- \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629 (\u0633\u064a\u062a\u0645 \u0645\u0644\u0624\u0647 \u0628\u0640 JavaScript) -->\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 (\u0645\u063a\u0644\u0642\u0629 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0627\u064b) -->\r\n <div class=\"foldable-card closed\" id=\"card-reports\">\r\n <div class=\"foldable-card-header\" onclick=\"toggleCard('reports')\">\r\n <div class=\"card-title\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-file-alt\"><\/i>\r\n <\/div>\r\n <div class=\"card-text\">\r\n <h3>\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629<\/h3>\r\n <p>\u0625\u0646\u0634\u0627\u0621 \u0648\u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-status\">\r\n <span class=\"progress-badge\">\u062c\u062f\u064a\u062f<\/span>\r\n <div class=\"toggle-icon\">\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"foldable-card-content\">\r\n <!-- \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 (\u0633\u064a\u062a\u0645 \u0645\u0644\u0624\u0647 \u0628\u0640 JavaScript) -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0623\u0632\u0631\u0627\u0631 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0646\u0647\u0627\u0626\u064a\u0629 -->\r\n <div class=\"action-buttons\">\r\n <button class=\"btn btn-primary\" id=\"generateReport\">\r\n <i class=\"fas fa-file-download\"><\/i> \u062a\u0648\u0644\u064a\u062f \u062a\u0642\u0631\u064a\u0631 \u0645\u062a\u0643\u0627\u0645\u0644\r\n <\/button>\r\n <button class=\"btn btn-success\" id=\"shareWhatsApp\">\r\n <i class=\"fab fa-whatsapp\"><\/i> \u0645\u0634\u0627\u0631\u0643\u0629 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\r\n <\/button>\r\n <button class=\"btn btn-danger\" id=\"clearData\">\r\n <i class=\"fas fa-trash-alt\"><\/i> \u0645\u0633\u062d \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062d\u0627\u0644\u064a\r\n <\/button>\r\n <button class=\"btn btn-secondary\" id=\"backupData\">\r\n <i class=\"fas fa-database\"><\/i> \u0646\u0633\u062e \u0627\u062d\u062a\u064a\u0627\u0637\u064a \u062a\u0644\u0642\u0627\u0626\u064a\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0633\u0641\u0644\u064a \u0644\u0644\u062c\u0648\u0627\u0644 -->\r\n <nav class=\"mobile-nav\">\r\n <div class=\"mobile-nav-buttons\">\r\n <button class=\"mobile-nav-btn active\" onclick=\"scrollToCard('dashboard')\">\r\n <i class=\"fas fa-tachometer-alt\"><\/i>\r\n <span>\u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645<\/span>\r\n <\/button>\r\n <button class=\"mobile-nav-btn\" onclick=\"scrollToCard('phase1')\">\r\n <i class=\"fas fa-tools\"><\/i>\r\n <span>\u0627\u0644\u062a\u062c\u0647\u064a\u0632<\/span>\r\n <\/button>\r\n <button class=\"mobile-nav-btn\" onclick=\"scrollToCard('phase4')\">\r\n <i class=\"fas fa-paper-plane\"><\/i>\r\n <span>\u0627\u0644\u062a\u0642\u062f\u064a\u0645<\/span>\r\n <\/button>\r\n <button class=\"mobile-nav-btn\" onclick=\"scrollToCard('reports')\">\r\n <i class=\"fas fa-file-alt\"><\/i>\r\n <span>\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- \u0639\u0646\u0635\u0631 \u0627\u0644\u0625\u0634\u0639\u0627\u0631\u0627\u062a -->\r\n <div id=\"notificationContainer\"><\/div>\r\n\r\n <script>\r\n \/\/ \u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0630\u0643\u064a\u0629 - \u0646\u0633\u062e\u0629 \u0645\u062d\u0633\u0646\u0629\r\n class EnhancedBuildingLicenseSystem {\r\n constructor() {\r\n this.storageKey = 'enhancedBuildingLicenseSystem_v3.0';\r\n this.projects = [];\r\n this.currentProjectId = null;\r\n this.tasks = [];\r\n this.cardsState = {\r\n dashboard: true,\r\n phase1: false,\r\n phase2: false,\r\n phase3: false,\r\n phase4: false,\r\n reports: false\r\n };\r\n this.init();\r\n }\r\n\r\n init() {\r\n this.loadData();\r\n this.setupEventListeners();\r\n this.loadCurrentProject();\r\n this.renderAllCardsContent();\r\n this.updateUI();\r\n this.setupMobileNav();\r\n this.setupAutoSave();\r\n }\r\n\r\n \/\/ \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\r\n loadData() {\r\n const saved = localStorage.getItem(this.storageKey);\r\n if (saved) {\r\n try {\r\n const data = JSON.parse(saved);\r\n this.projects = data.projects || [];\r\n this.currentProjectId = data.currentProjectId;\r\n this.cardsState = data.cardsState || this.cardsState;\r\n \r\n if (this.projects.length === 0) {\r\n this.createNewProject('\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0623\u0648\u0644');\r\n } else if (!this.currentProjectId || !this.projects.find(p => p.id === this.currentProjectId)) {\r\n this.currentProjectId = this.projects[0].id;\r\n }\r\n } catch (e) {\r\n console.error('\u062e\u0637\u0623 \u0641\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a:', e);\r\n this.createNewProject('\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0623\u0648\u0644');\r\n }\r\n } else {\r\n this.createNewProject('\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0623\u0648\u0644');\r\n }\r\n }\r\n\r\n saveData() {\r\n const data = {\r\n projects: this.projects,\r\n currentProjectId: this.currentProjectId,\r\n cardsState: this.cardsState,\r\n lastModified: new Date().toISOString()\r\n };\r\n localStorage.setItem(this.storageKey, JSON.stringify(data));\r\n }\r\n\r\n \/\/ \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\r\n createNewProject(name = '\u0645\u0634\u0631\u0648\u0639 \u062c\u062f\u064a\u062f') {\r\n const projectId = `project_${Date.now()}`;\r\n const newProject = {\r\n id: projectId,\r\n name: name,\r\n createdAt: new Date().toISOString(),\r\n lastModified: new Date().toISOString(),\r\n data: this.getDefaultProjectData()\r\n };\r\n \r\n this.projects.push(newProject);\r\n this.currentProjectId = projectId;\r\n this.loadCurrentProject();\r\n this.saveData();\r\n this.renderAllCardsContent();\r\n this.updateUI();\r\n this.showNotification('\u062a\u0645 \u0625\u0646\u0634\u0627\u0621 \u0645\u0634\u0631\u0648\u0639 \u062c\u062f\u064a\u062f \u0628\u0646\u062c\u0627\u062d', 'success');\r\n \r\n return newProject;\r\n }\r\n\r\n getDefaultProjectData() {\r\n return {\r\n projectInfo: {\r\n name: '',\r\n landInfo: '',\r\n startDate: '',\r\n type: '',\r\n landArea: '',\r\n phone: ''\r\n },\r\n tasks: this.getDefaultTasks(),\r\n notes: [],\r\n timeline: [],\r\n costs: {\r\n total: 0,\r\n paid: 0,\r\n remaining: 0\r\n }\r\n };\r\n }\r\n\r\n getDefaultTasks() {\r\n return [\r\n \/\/ \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\r\n {\r\n id: 'get_code',\r\n phase: 1,\r\n title: '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',\r\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',\r\n status: 'pending',\r\n priority: 'high',\r\n cost: 73,\r\n actualCost: 0,\r\n startDate: '',\r\n endDate: '',\r\n notes: [],\r\n actions: [\r\n '\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)',\r\n '\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',\r\n '\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\"'\r\n ]\r\n },\r\n {\r\n id: 'get_salahia',\r\n phase: 1,\r\n title: '1.2 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629',\r\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',\r\n status: 'pending',\r\n priority: 'high',\r\n cost: 73,\r\n actualCost: 0,\r\n startDate: '',\r\n endDate: '',\r\n notes: [],\r\n actions: [\r\n '\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',\r\n '\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)',\r\n '\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'\r\n ]\r\n },\r\n \r\n \/\/ \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\r\n {\r\n id: 'civil_defense',\r\n phase: 2,\r\n title: '2.1 \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629',\r\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',\r\n status: 'pending',\r\n priority: 'high',\r\n cost: 30000,\r\n actualCost: 0,\r\n startDate: '',\r\n endDate: '',\r\n notes: [],\r\n actions: [\r\n '\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',\r\n '\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',\r\n '\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'\r\n ]\r\n },\r\n {\r\n id: 'mogamaa',\r\n phase: 2,\r\n title: '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)',\r\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',\r\n status: 'pending',\r\n priority: 'high',\r\n cost: 5200,\r\n actualCost: 0,\r\n startDate: '',\r\n endDate: '',\r\n notes: [],\r\n actions: [\r\n '\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',\r\n '\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',\r\n '\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'\r\n ]\r\n },\r\n \r\n \/\/ \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\r\n {\r\n id: 'final_papers',\r\n phase: 3,\r\n title: '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',\r\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',\r\n status: 'pending',\r\n priority: 'high',\r\n cost: 0,\r\n actualCost: 0,\r\n startDate: '',\r\n endDate: '',\r\n notes: [],\r\n actions: [\r\n '\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)',\r\n '\u062a\u0642\u0631\u064a\u0631 \u062a\u0631\u0628\u0629',\r\n '\u0648\u0631\u0642\u0629 \u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0645\u0639\u062a\u0645\u062f\u0629',\r\n '\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',\r\n '\u0637\u0644\u0628 \u062a\u0631\u062e\u064a\u0635 (10 \u0648\u0631\u0642\u0627\u062a) \u0645\u0639\u062a\u0645\u062f',\r\n '\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',\r\n '\u0634\u0647\u0627\u062f\u0629 \u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u0628\u0646\u0649 \u0644\u0644\u0623\u0639\u0645\u0627\u0644'\r\n ]\r\n },\r\n \r\n \/\/ \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\r\n {\r\n id: 'submit_online',\r\n phase: 4,\r\n title: '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',\r\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)',\r\n status: 'pending',\r\n priority: 'high',\r\n cost: 0,\r\n actualCost: 0,\r\n startDate: '',\r\n endDate: '',\r\n notes: [],\r\n actions: [\r\n '\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'\r\n ]\r\n },\r\n {\r\n id: 'follow_up',\r\n phase: 4,\r\n title: '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',\r\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',\r\n status: 'pending',\r\n priority: 'high',\r\n cost: 21000,\r\n actualCost: 0,\r\n startDate: '',\r\n endDate: '',\r\n notes: [],\r\n actions: [\r\n '\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',\r\n '\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',\r\n '\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'\r\n ]\r\n },\r\n {\r\n id: 'get_license',\r\n phase: 4,\r\n title: '4.3 \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0631\u062e\u0635\u0629 \u0648\u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a',\r\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',\r\n status: 'pending',\r\n priority: 'high',\r\n cost: 0,\r\n actualCost: 0,\r\n startDate: '',\r\n endDate: '',\r\n notes: [],\r\n actions: [\r\n '\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',\r\n '\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',\r\n '\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'\r\n ]\r\n }\r\n ];\r\n }\r\n\r\n loadCurrentProject() {\r\n const project = this.getCurrentProject();\r\n if (!project) return;\r\n \r\n const data = project.data;\r\n \r\n \/\/ \u062a\u062d\u0645\u064a\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\r\n if (data.projectInfo) {\r\n document.getElementById('projectName').value = data.projectInfo.name || '';\r\n document.getElementById('landInfo').value = data.projectInfo.landInfo || '';\r\n document.getElementById('projectStartDate').value = data.projectInfo.startDate || '';\r\n document.getElementById('projectType').value = data.projectInfo.type || '';\r\n document.getElementById('landArea').value = data.projectInfo.landArea || '';\r\n document.getElementById('phoneNumber').value = data.projectInfo.phone || '';\r\n }\r\n \r\n \/\/ \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0647\u0627\u0645\r\n this.tasks = data.tasks || this.getDefaultTasks();\r\n \r\n \/\/ \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a\r\n this.updateCardsState();\r\n }\r\n\r\n saveCurrentProject() {\r\n const project = this.getCurrentProject();\r\n if (!project) return;\r\n \r\n project.data.projectInfo = {\r\n name: document.getElementById('projectName').value,\r\n landInfo: document.getElementById('landInfo').value,\r\n startDate: document.getElementById('projectStartDate').value,\r\n type: document.getElementById('projectType').value,\r\n landArea: document.getElementById('landArea').value,\r\n phone: document.getElementById('phoneNumber').value\r\n };\r\n \r\n project.data.tasks = this.tasks;\r\n project.lastModified = new Date().toISOString();\r\n \r\n this.saveData();\r\n }\r\n\r\n getCurrentProject() {\r\n return this.projects.find(p => p.id === this.currentProjectId);\r\n }\r\n\r\n \/\/ \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\r\n updateCardsState() {\r\n Object.keys(this.cardsState).forEach(cardId => {\r\n const card = document.getElementById(`card-${cardId}`);\r\n if (card) {\r\n if (this.cardsState[cardId]) {\r\n card.classList.remove('closed');\r\n card.classList.add('open');\r\n } else {\r\n card.classList.remove('open');\r\n card.classList.add('closed');\r\n }\r\n }\r\n });\r\n }\r\n\r\n toggleCard(cardId) {\r\n this.cardsState[cardId] = !this.cardsState[cardId];\r\n this.updateCardsState();\r\n this.saveData();\r\n \r\n \/\/ \u0625\u0630\u0627 \u062a\u0645 \u0641\u062a\u062d \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\u060c \u0642\u0645 \u0628\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0632\u0645\u0646\u064a\r\n if (cardId === 'reports' && this.cardsState[cardId]) {\r\n setTimeout(() => this.updateTimeline(), 300);\r\n }\r\n }\r\n\r\n renderAllCardsContent() {\r\n this.renderPhaseContent(1);\r\n this.renderPhaseContent(2);\r\n this.renderPhaseContent(3);\r\n this.renderPhaseContent(4);\r\n this.renderReportsContent();\r\n }\r\n\r\n renderPhaseContent(phaseNumber) {\r\n const phaseCard = document.querySelector(`#card-phase${phaseNumber} .foldable-card-content`);\r\n if (!phaseCard) return;\r\n \r\n const phaseTasks = this.tasks.filter(task => task.phase === phaseNumber);\r\n const completedTasks = phaseTasks.filter(task => task.status === 'completed').length;\r\n const progress = phaseTasks.length > 0 ? Math.round((completedTasks \/ phaseTasks.length) * 100) : 0;\r\n \r\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0642\u062f\u0645 \u0641\u064a \u0631\u0623\u0633 \u0627\u0644\u0628\u0637\u0627\u0642\u0629\r\n const progressBadge = document.getElementById(`phase${phaseNumber}Progress`);\r\n if (progressBadge) {\r\n progressBadge.textContent = `${progress}%`;\r\n }\r\n \r\n let contentHTML = `\r\n <div class=\"inner-card\">\r\n <h3><i class=\"fas fa-tasks\"><\/i> \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 ${phaseNumber}<\/h3>\r\n <div class=\"progress-bar\" style=\"height: 12px; margin-bottom: 20px;\">\r\n <div class=\"progress-fill\" style=\"width: ${progress}%\"><\/div>\r\n <\/div>\r\n <div style=\"display: flex; justify-content: space-between; margin-bottom: 25px;\">\r\n <span>\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629: ${completedTasks}\/${phaseTasks.length}<\/span>\r\n <span style=\"font-weight: bold; color: var(--primary);\">${progress}% \u0625\u0646\u062c\u0627\u0632<\/span>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n phaseTasks.forEach(task => {\r\n const statusText = task.status === 'completed' ? '\u0645\u0643\u062a\u0645\u0644' : \r\n task.status === 'in-progress' ? '\u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630' : '\u0644\u0645 \u064a\u0628\u062f\u0623';\r\n const statusClass = task.status === 'completed' ? 'completed' : \r\n task.status === 'in-progress' ? 'pending' : 'pending';\r\n const priorityText = task.priority === 'high' ? '\u0639\u0627\u0644\u064a' : \r\n task.priority === 'medium' ? '\u0645\u062a\u0648\u0633\u0637' : '\u0645\u0646\u062e\u0641\u0636';\r\n const priorityClass = `priority-${task.priority}`;\r\n \r\n contentHTML += `\r\n <div class=\"task-card ${statusClass}\" data-task-id=\"${task.id}\">\r\n <div class=\"task-header\">\r\n <div class=\"task-title\">\r\n <h4><i class=\"fas fa-${this.getTaskIcon(task.id)}\"><\/i> ${task.title}<\/h4>\r\n <p>${task.description}<\/p>\r\n <\/div>\r\n <div class=\"task-actions\">\r\n <span class=\"priority-badge ${priorityClass}\">\r\n <i class=\"fas fa-${task.priority === 'high' ? 'exclamation-triangle' : 'signal'}\"><\/i>\r\n ${priorityText}\r\n <\/span>\r\n <select class=\"select-control status-select\" data-task-id=\"${task.id}\" style=\"min-width: 140px;\">\r\n <option value=\"pending\" ${task.status === 'pending' ? 'selected' : ''}>\u0644\u0645 \u064a\u062a\u0645<\/option>\r\n <option value=\"in-progress\" ${task.status === 'in-progress' ? 'selected' : ''}>\u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/option>\r\n <option value=\"completed\" ${task.status === 'completed' ? 'selected' : ''}>\u062a\u0645<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"task-details\">\r\n <div class=\"detail-item\">\r\n <h5><i class=\"fas fa-list-check\"><\/i> \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/h5>\r\n <div class=\"detail-content\">\r\n <ul>\r\n ${task.actions.map(action => `<li>${action}<\/li>`).join('')}\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"detail-item\">\r\n <h5><i class=\"fas fa-money-bill-wave\"><\/i> \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/h5>\r\n <div class=\"detail-content\">\r\n <p><strong>\u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a\u0629:<\/strong> ${task.cost ? task.cost.toLocaleString('ar-EG') + ' \u062c' : '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f'}<\/p>\r\n <div style=\"margin-top: 10px;\">\r\n <label>\u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a:<\/label>\r\n <input type=\"number\" class=\"cost-input\" data-task-id=\"${task.id}\" \r\n value=\"${task.actualCost || ''}\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0641\u0639\u0644\u064a\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"detail-item\">\r\n <h5><i class=\"fas fa-calendar-alt\"><\/i> \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e<\/h5>\r\n <div class=\"form-group\">\r\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621:<\/label>\r\n <input type=\"date\" class=\"date-input\" data-task-id=\"${task.id}_start\" \r\n value=\"${task.startDate || ''}\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0646\u062c\u0627\u0632:<\/label>\r\n <input type=\"date\" class=\"date-input\" data-task-id=\"${task.id}_end\" \r\n value=\"${task.endDate || ''}\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"detail-item\">\r\n <h5><i class=\"fas fa-sticky-note\"><\/i> \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/h5>\r\n <div class=\"notes-container\">\r\n <div class=\"notes-list\" data-task-id=\"${task.id}\">\r\n ${task.notes && task.notes.length > 0 ? \r\n task.notes.map(note => `\r\n <div class=\"note-item\">\r\n <div class=\"note-text\">${note.text}<\/div>\r\n <div class=\"note-meta\">\r\n <span>${note.timestamp}<\/span>\r\n <div class=\"note-actions\">\r\n <button onclick=\"system.deleteNote('${task.id}', ${note.id})\">\u062d\u0630\u0641<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `).join('') : \r\n '<div class=\"text-center\" style=\"color: #999; padding: 20px;\">\u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0645\u0636\u0627\u0641\u0629<\/div>'\r\n }\r\n <\/div>\r\n <div class=\"add-note-form\">\r\n <input type=\"text\" placeholder=\"\u0623\u0636\u0641 \u0645\u0644\u0627\u062d\u0638\u0629 \u062c\u062f\u064a\u062f\u0629...\" data-task-id=\"${task.id}\">\r\n <button class=\"add-note-btn\" data-task-id=\"${task.id}\">\r\n <i class=\"fas fa-plus\"><\/i> \u0625\u0636\u0627\u0641\u0629\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n \r\n phaseCard.innerHTML = contentHTML;\r\n this.attachTaskEventListeners();\r\n }\r\n\r\n renderReportsContent() {\r\n const reportsCard = document.querySelector('#card-reports .foldable-card-content');\r\n if (!reportsCard) return;\r\n \r\n reportsCard.innerHTML = `\r\n <div class=\"report-section\">\r\n <h3><i class=\"fas fa-file-alt\"><\/i> \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629<\/h3>\r\n <p>\u0627\u062e\u062a\u0631 \u0635\u064a\u063a\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0630\u064a \u062a\u0631\u064a\u062f \u0645\u0634\u0627\u0631\u0643\u062a\u0647:<\/p>\r\n \r\n <div class=\"report-options\">\r\n <div class=\"report-option\" data-report-type=\"whatsapp\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <h4>\u062a\u0642\u0631\u064a\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/h4>\r\n <p>\u0645\u0634\u0627\u0631\u0643\u0629 \u062a\u0642\u0631\u064a\u0631 \u0643\u0627\u0645\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0645\u0639 \u0635\u064a\u063a\u0629 \u0645\u0646\u0638\u0645\u0629<\/p>\r\n <\/div>\r\n \r\n <div class=\"report-option\" data-report-type=\"excel\">\r\n <i class=\"fas fa-file-excel\"><\/i>\r\n <h4>\u0645\u0644\u0641 Excel<\/h4>\r\n <p>\u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0643\u0645\u0644\u0641 Excel \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0639\u062f\u064a\u0644<\/p>\r\n <\/div>\r\n \r\n <div class=\"report-option\" data-report-type=\"pdf\">\r\n <i class=\"fas fa-file-pdf\"><\/i>\r\n <h4>\u0645\u0644\u0641 PDF<\/h4>\r\n <p>\u062a\u0635\u062f\u064a\u0631 \u062a\u0642\u0631\u064a\u0631 PDF \u0645\u0639 \u062a\u0635\u0645\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/p>\r\n <\/div>\r\n \r\n <div class=\"report-option\" data-report-type=\"json\">\r\n <i class=\"fas fa-code\"><\/i>\r\n <h4>\u0645\u0644\u0641 JSON<\/h4>\r\n <p>\u0646\u0633\u062e\u0629 \u0627\u062d\u062a\u064a\u0627\u0637\u064a\u0629 \u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-container\">\r\n <h3><i class=\"fas fa-project-diagram\"><\/i> \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u0644\u0645\u0634\u0631\u0648\u0639<\/h3>\r\n <div class=\"timeline\" id=\"projectTimeline\">\r\n <div class=\"text-center mt-3\" id=\"timelineEmpty\">\r\n <i class=\"fas fa-calendar-alt\" style=\"font-size: 48px; color: #ccc; margin-bottom: 15px;\"><\/i>\r\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>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0645\u0633\u062a\u0645\u0639\u064a \u0627\u0644\u0623\u062d\u062f\u0627\u062b \u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\r\n document.querySelectorAll('.report-option').forEach(option => {\r\n option.addEventListener('click', (e) => {\r\n const type = e.currentTarget.dataset.reportType;\r\n this.generateReport(type);\r\n });\r\n });\r\n \r\n this.updateTimeline();\r\n }\r\n\r\n getTaskIcon(taskId) {\r\n const icons = {\r\n 'get_code': 'code',\r\n 'get_salahia': 'file-certificate',\r\n 'civil_defense': 'fire-extinguisher',\r\n 'mogamaa': 'file-contract',\r\n 'final_papers': 'folder-open',\r\n 'submit_online': 'upload',\r\n 'follow_up': 'search',\r\n 'get_license': 'file-download'\r\n };\r\n return icons[taskId] || 'tasks';\r\n }\r\n\r\n updateUI() {\r\n const project = this.getCurrentProject();\r\n if (!project) return;\r\n \r\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645\r\n const totalTasks = this.tasks.length;\r\n const completedTasks = this.tasks.filter(t => t.status === 'completed').length;\r\n const pendingTasks = totalTasks - completedTasks;\r\n \r\n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629\r\n const totalCost = this.tasks.reduce((sum, task) => {\r\n return sum + (parseFloat(task.actualCost) || 0);\r\n }, 0);\r\n \r\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0642\u064a\u0645 \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645\r\n document.getElementById('totalTasks').textContent = totalTasks;\r\n document.getElementById('completedTasks').textContent = completedTasks;\r\n document.getElementById('pendingTasks').textContent = pendingTasks;\r\n document.getElementById('totalCost').textContent = `${totalCost.toLocaleString('ar-EG')} \u062c`;\r\n \r\n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u0642\u062f\u0645\r\n const progress = totalTasks > 0 ? (completedTasks \/ totalTasks) * 100 : 0;\r\n document.getElementById('overallProgress').textContent = `${Math.round(progress)}%`;\r\n document.getElementById('progressFill').style.width = `${progress}%`;\r\n document.getElementById('dashboardProgress').textContent = `${Math.round(progress)}%`;\r\n \r\n \/\/ \u062a\u062d\u062f\u064a\u062b \u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0631\u0627\u062d\u0644\r\n [1, 2, 3, 4].forEach(phase => {\r\n const phaseTasks = this.tasks.filter(t => t.phase === phase);\r\n const phaseCompleted = phaseTasks.filter(t => t.status === 'completed').length;\r\n const phaseProgress = phaseTasks.length > 0 ? (phaseCompleted \/ phaseTasks.length) * 100 : 0;\r\n const phaseElement = document.getElementById(`phase${phase}Progress`);\r\n if (phaseElement) {\r\n phaseElement.textContent = `${Math.round(phaseProgress)}%`;\r\n }\r\n });\r\n \r\n \/\/ \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0648\u0642\u062a\r\n const estimatedTime = this.calculateEstimatedTime();\r\n document.getElementById('estimatedTime').textContent = estimatedTime > 0 ? `${estimatedTime} \u064a\u0648\u0645` : '-- \u064a\u0648\u0645';\r\n }\r\n\r\n calculateEstimatedTime() {\r\n const completedTasks = this.tasks.filter(t => t.status === 'completed' && t.startDate && t.endDate);\r\n if (completedTasks.length === 0) return 0;\r\n \r\n const totalDays = completedTasks.reduce((sum, task) => {\r\n const start = new Date(task.startDate);\r\n const end = new Date(task.endDate);\r\n const days = Math.ceil((end - start) \/ (1000 * 60 * 60 * 24));\r\n return sum + Math.max(days, 1);\r\n }, 0);\r\n \r\n const avgDaysPerTask = totalDays \/ completedTasks.length;\r\n const remainingTasks = this.tasks.filter(t => t.status !== 'completed').length;\r\n \r\n return Math.round(avgDaysPerTask * remainingTasks);\r\n }\r\n\r\n updateTimeline() {\r\n const timeline = document.getElementById('projectTimeline');\r\n const emptyMessage = document.getElementById('timelineEmpty');\r\n \r\n if (!timeline || !emptyMessage) return;\r\n \r\n const tasksWithDates = this.tasks.filter(t => t.startDate && t.endDate);\r\n \r\n if (tasksWithDates.length === 0) {\r\n emptyMessage.style.display = 'block';\r\n timeline.innerHTML = '';\r\n return;\r\n }\r\n \r\n emptyMessage.style.display = 'none';\r\n \r\n \/\/ \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0645\u0647\u0627\u0645 \u062d\u0633\u0628 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621\r\n tasksWithDates.sort((a, b) => new Date(a.startDate) - new Date(b.startDate));\r\n \r\n let timelineHTML = '';\r\n \r\n tasksWithDates.forEach(task => {\r\n const startDate = new Date(task.startDate);\r\n const endDate = new Date(task.endDate);\r\n const duration = Math.ceil((endDate - startDate) \/ (1000 * 60 * 60 * 24));\r\n \r\n timelineHTML += `\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-dot\"><\/div>\r\n <div class=\"timeline-content\">\r\n <div class=\"timeline-date\">\r\n <i class=\"fas fa-calendar\"><\/i>\r\n ${startDate.toLocaleDateString('ar-EG')} - ${endDate.toLocaleDateString('ar-EG')}\r\n <\/div>\r\n <h4>${task.title}<\/h4>\r\n <p>${task.description}<\/p>\r\n <div style=\"margin-top: 10px;\">\r\n <span class=\"status-badge ${task.status === 'completed' ? 'status-completed' : 'status-pending'}\">\r\n <i class=\"fas fa-${task.status === 'completed' ? 'check' : 'clock'}\"><\/i>\r\n ${task.status === 'completed' ? '\u0645\u0643\u062a\u0645\u0644' : '\u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630'}\r\n <\/span>\r\n <span style=\"margin-right: 10px; font-size: 12px; color: #666;\">\r\n <i class=\"fas fa-clock\"><\/i> ${duration} \u064a\u0648\u0645\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n \r\n timeline.innerHTML = timelineHTML;\r\n }\r\n\r\n \/\/ \u0645\u0633\u062a\u0645\u0639\u064a \u0627\u0644\u0623\u062d\u062f\u0627\u062b\r\n setupEventListeners() {\r\n \/\/ \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\r\n ['projectName', 'landInfo', 'projectStartDate', 'projectType', 'landArea', 'phoneNumber'].forEach(id => {\r\n const element = document.getElementById(id);\r\n if (element) {\r\n element.addEventListener('input', () => {\r\n this.saveCurrentProject();\r\n });\r\n }\r\n });\r\n \r\n \/\/ \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a\r\n this.setupActionButtons();\r\n \r\n \/\/ \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0646\u0642\u0644 \u0644\u0644\u062c\u0648\u0627\u0644\r\n this.setupMobileNav();\r\n }\r\n\r\n attachTaskEventListeners() {\r\n \/\/ \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\r\n document.addEventListener('change', (e) => {\r\n if (e.target.classList.contains('status-select')) {\r\n const taskId = e.target.dataset.taskId;\r\n const task = this.tasks.find(t => t.id === taskId);\r\n if (task) {\r\n task.status = e.target.value;\r\n this.saveCurrentProject();\r\n this.updateUI();\r\n this.renderPhaseContent(task.phase);\r\n this.showNotification('\u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0645\u0629', 'success');\r\n }\r\n }\r\n });\r\n \r\n \/\/ \u0645\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\r\n document.addEventListener('input', (e) => {\r\n if (e.target.classList.contains('cost-input')) {\r\n const taskId = e.target.dataset.taskId;\r\n const task = this.tasks.find(t => t.id === taskId);\r\n if (task) {\r\n task.actualCost = e.target.value;\r\n this.saveCurrentProject();\r\n this.updateUI();\r\n }\r\n }\r\n });\r\n \r\n \/\/ \u0645\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0631\u064a\u062e\r\n document.addEventListener('change', (e) => {\r\n if (e.target.classList.contains('date-input')) {\r\n const taskId = e.target.dataset.taskId.replace('_start', '').replace('_end', '');\r\n const task = this.tasks.find(t => t.id === taskId);\r\n if (task) {\r\n if (e.target.dataset.taskId.includes('_start')) {\r\n task.startDate = e.target.value;\r\n } else {\r\n task.endDate = e.target.value;\r\n }\r\n this.saveCurrentProject();\r\n this.updateTimeline();\r\n }\r\n }\r\n });\r\n \r\n \/\/ \u0623\u0632\u0631\u0627\u0631 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a\r\n document.addEventListener('click', (e) => {\r\n if (e.target.classList.contains('add-note-btn') || \r\n (e.target.tagName === 'BUTTON' && e.target.closest('.add-note-form'))) {\r\n const btn = e.target.classList.contains('add-note-btn') ? e.target : e.target.closest('.add-note-btn');\r\n if (!btn) return;\r\n \r\n const taskId = btn.dataset.taskId;\r\n const form = btn.closest('.add-note-form');\r\n const input = form.querySelector('input');\r\n const text = input.value.trim();\r\n \r\n if (text) {\r\n this.addNote(taskId, text);\r\n input.value = '';\r\n this.showNotification('\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0629', 'success');\r\n }\r\n }\r\n });\r\n \r\n \/\/ \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Enter\r\n document.addEventListener('keypress', (e) => {\r\n if (e.target.tagName === 'INPUT' && e.target.parentElement.classList.contains('add-note-form')) {\r\n if (e.key === 'Enter') {\r\n e.preventDefault();\r\n const taskId = e.target.dataset.taskId;\r\n const text = e.target.value.trim();\r\n \r\n if (text) {\r\n this.addNote(taskId, text);\r\n e.target.value = '';\r\n this.showNotification('\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0629', 'success');\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n setupActionButtons() {\r\n \/\/ \u062d\u0641\u0638 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\r\n const saveBtn = document.getElementById('saveProject');\r\n if (saveBtn) {\r\n saveBtn.addEventListener('click', () => {\r\n this.saveCurrentProject();\r\n this.showNotification('\u062a\u0645 \u062d\u0641\u0638 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0646\u062c\u0627\u062d', 'success');\r\n });\r\n }\r\n \r\n \/\/ \u0645\u0634\u0631\u0648\u0639 \u062c\u062f\u064a\u062f\r\n const newBtn = document.getElementById('newProject');\r\n if (newBtn) {\r\n newBtn.addEventListener('click', () => {\r\n const name = 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 ${this.projects.length + 1}`);\r\n if (name) {\r\n this.createNewProject(name);\r\n }\r\n });\r\n }\r\n \r\n \/\/ \u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\r\n const exportBtn = document.getElementById('exportProject');\r\n if (exportBtn) {\r\n exportBtn.addEventListener('click', () => {\r\n this.exportProject();\r\n });\r\n }\r\n \r\n \/\/ \u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0631\r\n const printBtn = document.getElementById('printReport');\r\n if (printBtn) {\r\n printBtn.addEventListener('click', () => {\r\n window.print();\r\n });\r\n }\r\n \r\n \/\/ \u062a\u0648\u0644\u064a\u062f \u062a\u0642\u0631\u064a\u0631 \u0645\u062a\u0643\u0627\u0645\u0644\r\n const generateBtn = document.getElementById('generateReport');\r\n if (generateBtn) {\r\n generateBtn.addEventListener('click', () => {\r\n this.generateReport('whatsapp');\r\n });\r\n }\r\n \r\n \/\/ \u0645\u0634\u0627\u0631\u0643\u0629 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\r\n const shareBtn = document.getElementById('shareWhatsApp');\r\n if (shareBtn) {\r\n shareBtn.addEventListener('click', () => {\r\n this.shareWhatsApp();\r\n });\r\n }\r\n \r\n \/\/ \u0645\u0633\u062d \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\r\n const clearBtn = document.getElementById('clearData');\r\n if (clearBtn) {\r\n clearBtn.addEventListener('click', () => {\r\n if (confirm('\u0647\u0644 \u0623\u0646\u062a \u0645\u062a\u0623\u0643\u062f \u0645\u0646 \u0645\u0633\u062d \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062d\u0627\u0644\u064a\u061f \u0633\u064a\u062a\u0645 \u062d\u0630\u0641 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062d\u0641\u0648\u0638\u0629.')) {\r\n this.clearCurrentProject();\r\n }\r\n });\r\n }\r\n \r\n \/\/ \u0646\u0633\u062e \u0627\u062d\u062a\u064a\u0627\u0637\u064a\r\n const backupBtn = document.getElementById('backupData');\r\n if (backupBtn) {\r\n backupBtn.addEventListener('click', () => {\r\n this.createBackup();\r\n });\r\n }\r\n }\r\n\r\n setupMobileNav() {\r\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0646\u0634\u0637\u0629\r\n const updateMobileNav = () => {\r\n const cards = document.querySelectorAll('.foldable-card');\r\n cards.forEach((card, index) => {\r\n const isOpen = card.classList.contains('open');\r\n if (isOpen) {\r\n const cardId = card.id.replace('card-', '');\r\n document.querySelectorAll('.mobile-nav-btn').forEach(btn => {\r\n btn.classList.remove('active');\r\n });\r\n \r\n const correspondingBtn = document.querySelector(`.mobile-nav-btn[onclick*=\"${cardId}\"]`);\r\n if (correspondingBtn) {\r\n correspondingBtn.classList.add('active');\r\n }\r\n }\r\n });\r\n };\r\n \r\n \/\/ \u0645\u0631\u0627\u0642\u0628\u0629 \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0641\u062a\u062d\/\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a\r\n const observer = new MutationObserver((mutations) => {\r\n mutations.forEach((mutation) => {\r\n if (mutation.attributeName === 'class') {\r\n updateMobileNav();\r\n }\r\n });\r\n });\r\n \r\n \/\/ \u0645\u0631\u0627\u0642\u0628\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a\r\n document.querySelectorAll('.foldable-card').forEach(card => {\r\n observer.observe(card, { attributes: true });\r\n });\r\n \r\n updateMobileNav();\r\n }\r\n\r\n \/\/ \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a\r\n addNote(taskId, text) {\r\n const task = this.tasks.find(t => t.id === taskId);\r\n if (!task) return;\r\n \r\n if (!task.notes) {\r\n task.notes = [];\r\n }\r\n \r\n const note = {\r\n id: Date.now(),\r\n text: text,\r\n timestamp: new Date().toLocaleString('ar-EG', {\r\n year: 'numeric',\r\n month: 'long',\r\n day: 'numeric',\r\n hour: '2-digit',\r\n minute: '2-digit'\r\n })\r\n };\r\n \r\n task.notes.push(note);\r\n this.saveCurrentProject();\r\n this.renderPhaseContent(task.phase);\r\n }\r\n\r\n deleteNote(taskId, noteId) {\r\n const task = this.tasks.find(t => t.id === taskId);\r\n if (!task || !task.notes) return;\r\n \r\n task.notes = task.notes.filter(n => n.id !== noteId);\r\n this.saveCurrentProject();\r\n this.renderPhaseContent(task.phase);\r\n }\r\n\r\n \/\/ \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629\r\n exportProject() {\r\n const project = this.getCurrentProject();\r\n if (!project) return;\r\n \r\n this.saveCurrentProject();\r\n \r\n const data = {\r\n version: '3.0',\r\n exportDate: new Date().toISOString(),\r\n project: project\r\n };\r\n \r\n const json = JSON.stringify(data, null, 2);\r\n const blob = new Blob([json], { type: 'application\/json' });\r\n const url = URL.createObjectURL(blob);\r\n const a = document.createElement('a');\r\n a.href = url;\r\n a.download = `\u0631\u062e\u0635\u0629_\u0627\u0644\u0628\u0646\u0627\u0621_${project.name}_${new Date().toISOString().split('T')[0]}.json`;\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n URL.revokeObjectURL(url);\r\n \r\n this.showNotification('\u062a\u0645 \u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0646\u062c\u0627\u062d', 'success');\r\n }\r\n\r\n generateReport(type = 'whatsapp') {\r\n const project = this.getCurrentProject();\r\n if (!project) return;\r\n \r\n switch(type) {\r\n case 'whatsapp':\r\n this.shareWhatsApp();\r\n break;\r\n case 'excel':\r\n this.exportToExcel();\r\n break;\r\n case 'pdf':\r\n this.exportToPDF();\r\n break;\r\n case 'json':\r\n this.exportProject();\r\n break;\r\n }\r\n }\r\n\r\n shareWhatsApp() {\r\n const project = this.getCurrentProject();\r\n if (!project) return;\r\n \r\n let message = `*\ud83d\udccb \u062a\u0642\u0631\u064a\u0631 \u0645\u062a\u0627\u0628\u0639\u0629 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621*\\n\\n`;\r\n \r\n message += `*\ud83d\udd39 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639:*\\n`;\r\n message += `\u2022 \u0627\u0633\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639: ${project.data.projectInfo.name || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f'}\\n`;\r\n message += `\u2022 \u0642\u0637\u0639\u0629 \u0627\u0644\u0623\u0631\u0636: ${project.data.projectInfo.landInfo || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f'}\\n`;\r\n message += `\u2022 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621: ${project.data.projectInfo.startDate || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f'}\\n`;\r\n message += `\u2022 \u0646\u0648\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639: ${project.data.projectInfo.type || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f'}\\n`;\r\n message += `\u2022 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0623\u0631\u0636: ${project.data.projectInfo.landArea || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f'} \u0645\u00b2\\n\\n`;\r\n \r\n \/\/ \u0645\u0644\u062e\u0635 \u0627\u0644\u062a\u0642\u062f\u0645\r\n const totalTasks = this.tasks.length;\r\n const completedTasks = this.tasks.filter(t => t.status === 'completed').length;\r\n const progress = totalTasks > 0 ? Math.round((completedTasks \/ totalTasks) * 100) : 0;\r\n const totalCost = this.tasks.reduce((sum, t) => sum + (parseFloat(t.actualCost) || 0), 0);\r\n \r\n message += `*\ud83d\udcca \u0645\u0644\u062e\u0635 \u0627\u0644\u062a\u0642\u062f\u0645:*\\n`;\r\n message += `\u2022 \u0646\u0633\u0628\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0632: ${progress}%\\n`;\r\n message += `\u2022 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629: ${completedTasks}\/${totalTasks}\\n`;\r\n message += `\u2022 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0633\u062c\u0644\u0629: ${totalCost.toLocaleString('ar-EG')} \u062c\\n\\n`;\r\n \r\n message += `*\ud83d\udccb \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0647\u0627\u0645:*\\n`;\r\n \r\n \/\/ \u062a\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u062d\u0633\u0628 \u0627\u0644\u0645\u0631\u062d\u0644\u0629\r\n const phases = [\r\n { id: 1, name: '\u0627\u0644\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0623\u0648\u0644\u064a' },\r\n { id: 2, name: '\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0627\u0644\u0645\u0628\u062f\u0626\u064a\u0629' },\r\n { id: 3, name: '\u0627\u0644\u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629' },\r\n { id: 4, name: '\u062a\u0642\u062f\u064a\u0645 \u0648\u0645\u062a\u0627\u0628\u0639\u0629' }\r\n ];\r\n \r\n phases.forEach(phase => {\r\n const phaseTasks = this.tasks.filter(t => t.phase === phase.id);\r\n if (phaseTasks.length > 0) {\r\n message += `\\n*${phase.name}:*\\n`;\r\n phaseTasks.forEach(task => {\r\n const statusIcon = task.status === 'completed' ? '\u2705' : '\u23f3';\r\n message += `${statusIcon} ${task.title}\\n`;\r\n \r\n if (task.actualCost > 0) {\r\n message += ` \u0627\u0644\u062a\u0643\u0644\u0641\u0629: ${task.actualCost.toLocaleString('ar-EG')} \u062c\\n`;\r\n }\r\n \r\n if (task.startDate) {\r\n message += ` \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621: ${task.startDate}\\n`;\r\n }\r\n \r\n if (task.notes && task.notes.length > 0) {\r\n task.notes.forEach(note => {\r\n message += ` \ud83d\udcdd ${note.text}\\n`;\r\n });\r\n }\r\n message += '\\n';\r\n });\r\n }\r\n });\r\n \r\n message += `\\n*\ud83d\udcde \u0644\u0644\u062a\u0648\u0627\u0635\u0644:*\\n`;\r\n message += `\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641: ${project.data.projectInfo.phone || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f'}\\n\\n`;\r\n \r\n message += `---\\n`;\r\n message += `\u062a\u0645 \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0628\u0648\u0627\u0633\u0637\u0629 \u0645\u0646\u0635\u0629 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0630\u0643\u064a\u0629\\n`;\r\n message += `\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062a\u0642\u0631\u064a\u0631: ${new Date().toLocaleDateString('ar-EG')}\\n`;\r\n message += `EngEg.com\/b`;\r\n \r\n const encodedMessage = encodeURIComponent(message);\r\n window.open(`https:\/\/wa.me\/?text=${encodedMessage}`, '_blank');\r\n \r\n this.showNotification('\u062c\u0627\u0631\u064a \u0641\u062a\u062d \u0648\u0627\u062a\u0633\u0627\u0628 \u0644\u0644\u0645\u0634\u0627\u0631\u0643\u0629', 'info');\r\n }\r\n\r\n exportToExcel() {\r\n const project = this.getCurrentProject();\r\n if (!project) return;\r\n \r\n let csv = '\u0627\u0644\u0645\u0647\u0645\u0629,\u0627\u0644\u0648\u0635\u0641,\u0627\u0644\u062d\u0627\u0644\u0629,\u0627\u0644\u062a\u0643\u0644\u0641\u0629 (\u062c),\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621,\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0625\u0646\u062c\u0627\u0632,\u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a\\n';\r\n \r\n this.tasks.forEach(task => {\r\n const notes = task.notes ? task.notes.map(n => n.text).join(' | ') : '';\r\n csv += `\"${task.title}\",\"${task.description}\",\"${task.status}\",\"${task.actualCost || 0}\",\"${task.startDate || ''}\",\"${task.endDate || ''}\",\"${notes}\"\\n`;\r\n });\r\n \r\n const blob = new Blob(['\\ufeff' + csv], { type: 'text\/csv;charset=utf-8;' });\r\n const url = URL.createObjectURL(blob);\r\n const a = document.createElement('a');\r\n a.href = url;\r\n a.download = `\u0631\u062e\u0635\u0629_\u0627\u0644\u0628\u0646\u0627\u0621_${project.name}_${new Date().toISOString().split('T')[0]}.csv`;\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n URL.revokeObjectURL(url);\r\n \r\n this.showNotification('\u062a\u0645 \u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0645\u0644\u0641 Excel \u0628\u0646\u062c\u0627\u062d', 'success');\r\n }\r\n\r\n exportToPDF() {\r\n \/\/ \u062a\u0648\u0644\u064a\u062f PDF \u0645\u0628\u0633\u0637 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0645\u0639 \u062a\u0646\u0633\u064a\u0642 \u0645\u062e\u0635\u0635\r\n const originalTitle = document.title;\r\n document.title = `\u062a\u0642\u0631\u064a\u0631 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 - ${this.getCurrentProject().name}`;\r\n \r\n setTimeout(() => {\r\n window.print();\r\n document.title = originalTitle;\r\n }, 100);\r\n \r\n this.showNotification('\u062c\u0627\u0631\u064a \u0625\u0639\u062f\u0627\u062f \u0645\u0644\u0641 PDF \u0644\u0644\u0637\u0628\u0627\u0639\u0629', 'info');\r\n }\r\n\r\n clearCurrentProject() {\r\n const project = this.getCurrentProject();\r\n if (!project) return;\r\n \r\n \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\r\n project.data = this.getDefaultProjectData();\r\n this.tasks = project.data.tasks;\r\n \r\n \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\r\n document.getElementById('projectName').value = '';\r\n document.getElementById('landInfo').value = '';\r\n document.getElementById('projectStartDate').value = '';\r\n document.getElementById('projectType').value = '';\r\n document.getElementById('landArea').value = '';\r\n document.getElementById('phoneNumber').value = '';\r\n \r\n this.saveCurrentProject();\r\n this.renderAllCardsContent();\r\n this.updateUI();\r\n \r\n this.showNotification('\u062a\u0645 \u0645\u0633\u062d \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0646\u062c\u0627\u062d', 'success');\r\n }\r\n\r\n createBackup() {\r\n this.saveCurrentProject();\r\n this.showNotification('\u062a\u0645 \u0625\u0646\u0634\u0627\u0621 \u0646\u0633\u062e\u0629 \u0627\u062d\u062a\u064a\u0627\u0637\u064a\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b', 'info');\r\n }\r\n\r\n setupAutoSave() {\r\n \/\/ \u062d\u0641\u0638 \u062a\u0644\u0642\u0627\u0626\u064a \u0643\u0644 30 \u062b\u0627\u0646\u064a\u0629\r\n setInterval(() => {\r\n this.saveCurrentProject();\r\n }, 30000);\r\n \r\n \/\/ \u062d\u0641\u0638 \u0639\u0646\u062f \u0645\u063a\u0627\u062f\u0631\u0629 \u0627\u0644\u0635\u0641\u062d\u0629\r\n window.addEventListener('beforeunload', () => {\r\n this.saveCurrentProject();\r\n });\r\n }\r\n\r\n \/\/ \u0648\u0638\u0627\u0626\u0641 \u0645\u0633\u0627\u0639\u062f\u0629\r\n showNotification(message, type = 'info') {\r\n const container = document.getElementById('notificationContainer');\r\n if (!container) return;\r\n \r\n const notification = document.createElement('div');\r\n notification.className = `notification ${type}`;\r\n \r\n const icon = type === 'success' ? 'check-circle' : \r\n type === 'error' ? 'exclamation-circle' : 'info-circle';\r\n \r\n notification.innerHTML = `\r\n <div class=\"notification-icon\">\r\n <i class=\"fas fa-${icon}\"><\/i>\r\n <\/div>\r\n <div class=\"notification-content\">\r\n <h4>${type === 'success' ? '\u0646\u062c\u0627\u062d' : type === 'error' ? '\u062e\u0637\u0623' : '\u0645\u0644\u0627\u062d\u0638\u0629'}<\/h4>\r\n <p>${message}<\/p>\r\n <\/div>\r\n `;\r\n \r\n container.appendChild(notification);\r\n \r\n \/\/ \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0625\u0634\u0639\u0627\u0631\r\n setTimeout(() => {\r\n notification.classList.add('show');\r\n }, 10);\r\n \r\n \/\/ \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0625\u0634\u0639\u0627\u0631 \u0628\u0639\u062f 4 \u062b\u0648\u0627\u0646\r\n setTimeout(() => {\r\n notification.classList.remove('show');\r\n setTimeout(() => {\r\n if (notification.parentNode) {\r\n notification.parentNode.removeChild(notification);\r\n }\r\n }, 400);\r\n }, 4000);\r\n }\r\n\r\n scrollToCard(cardId) {\r\n const card = document.getElementById(`card-${cardId}`);\r\n if (card) {\r\n \/\/ \u0641\u062a\u062d \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0645\u063a\u0644\u0642\u0629\r\n if (card.classList.contains('closed')) {\r\n this.toggleCard(cardId);\r\n }\r\n \r\n \/\/ \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0625\u0644\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0629\r\n setTimeout(() => {\r\n card.scrollIntoView({ \r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n }, 300);\r\n \r\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0646\u0634\u0637\u0629\r\n document.querySelectorAll('.mobile-nav-btn').forEach(btn => {\r\n btn.classList.remove('active');\r\n });\r\n document.querySelector(`.mobile-nav-btn[onclick*=\"${cardId}\"]`).classList.add('active');\r\n }\r\n }\r\n }\r\n\r\n \/\/ \u0648\u0638\u0627\u0626\u0641 \u0639\u0627\u0645\u0629 \u0644\u0644\u0648\u0635\u0648\u0644 \u0645\u0646 HTML\r\n function toggleCard(cardId) {\r\n system.toggleCard(cardId);\r\n }\r\n\r\n function scrollToCard(cardId) {\r\n system.scrollToCard(cardId);\r\n }\r\n\r\n \/\/ \u062a\u0647\u064a\u0626\u0629 \u0627\u0644\u0646\u0638\u0627\u0645\r\n const system = new EnhancedBuildingLicenseSystem();\r\n \r\n \/\/ \u062c\u0639\u0644 \u0627\u0644\u0646\u0638\u0627\u0645 \u0645\u062a\u0627\u062d\u0627\u064b \u0639\u0627\u0644\u0645\u064a\u0627\u064b \u0644\u0623\u063a\u0631\u0627\u0636 \u0627\u0644\u062a\u0635\u062d\u064a\u062d\r\n window.system = system;\r\n \r\n \/\/ \u062a\u0647\u064a\u0626\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0639\u0646\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ \u062c\u0639\u0644 \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0645\u063a\u0644\u0642\u0629 \u0625\u0644\u0627 \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645\r\n system.cardsState = {\r\n dashboard: true,\r\n phase1: false,\r\n phase2: false,\r\n phase3: false,\r\n phase4: false,\r\n reports: false\r\n };\r\n system.updateCardsState();\r\n \r\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644\r\n setTimeout(() => {\r\n system.showNotification('\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643 \u0641\u064a \u0645\u0646\u0635\u0629 \u0631\u062e\u0635\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0630\u0643\u064a\u0629', 'info');\r\n }, 1000);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html><\/div>\n<h3>\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645<\/h3><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645<\/p>\n","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-56057","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>\u062a\u062a\u0628\u0639 \u0631\u062e\u0635\u0647 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 - \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\/02\/12\/\u062a\u062a\u0628\u0639-\u0631\u062e\u0635\u0647-\u0627\u0644\u0628\u0646\u0627\u0621-\u0627\u0644\u0642\u0627\u0647\u0631\u0629-\u0627\u0644\u062c\u062f\u064a\u062f\u0629-2\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u062a\u062a\u0628\u0639 \u0631\u062e\u0635\u0647 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\" \/>\n<meta property=\"og:description\" content=\"\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\" \/>\n<meta property=\"og:url\" content=\"https:\/\/engeg.com\/b\/2026\/02\/12\/\u062a\u062a\u0628\u0639-\u0631\u062e\u0635\u0647-\u0627\u0644\u0628\u0646\u0627\u0621-\u0627\u0644\u0642\u0627\u0647\u0631\u0629-\u0627\u0644\u062c\u062f\u064a\u062f\u0629-2\/\" \/>\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-02-12T11:19:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-23T11:47:26+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\\\/02\\\/12\\\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/02\\\/12\\\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\\\/\"},\"author\":{\"name\":\"interior\",\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/#\\\/schema\\\/person\\\/099f7d93ca50450953f4bee349ef9fcc\"},\"headline\":\"\u062a\u062a\u0628\u0639 \u0631\u062e\u0635\u0647 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\",\"datePublished\":\"2026-02-12T11:19:48+00:00\",\"dateModified\":\"2026-04-23T11:47:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/02\\\/12\\\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\\\/\"},\"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\\\/02\\\/12\\\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/02\\\/12\\\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\\\/\",\"url\":\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/02\\\/12\\\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\\\/\",\"name\":\"\u062a\u062a\u0628\u0639 \u0631\u062e\u0635\u0647 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 - \u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/#website\"},\"datePublished\":\"2026-02-12T11:19:48+00:00\",\"dateModified\":\"2026-04-23T11:47:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/02\\\/12\\\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/02\\\/12\\\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/engeg.com\\\/b\\\/2026\\\/02\\\/12\\\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\\\/#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\":\"\u062a\u062a\u0628\u0639 \u0631\u062e\u0635\u0647 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\"}]},{\"@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":"\u062a\u062a\u0628\u0639 \u0631\u062e\u0635\u0647 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 - \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\/02\/12\/\u062a\u062a\u0628\u0639-\u0631\u062e\u0635\u0647-\u0627\u0644\u0628\u0646\u0627\u0621-\u0627\u0644\u0642\u0627\u0647\u0631\u0629-\u0627\u0644\u062c\u062f\u064a\u062f\u0629-2\/","og_locale":"ar_AR","og_type":"article","og_title":"\u062a\u062a\u0628\u0639 \u0631\u062e\u0635\u0647 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629","og_description":"\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645","og_url":"https:\/\/engeg.com\/b\/2026\/02\/12\/\u062a\u062a\u0628\u0639-\u0631\u062e\u0635\u0647-\u0627\u0644\u0628\u0646\u0627\u0621-\u0627\u0644\u0642\u0627\u0647\u0631\u0629-\u0627\u0644\u062c\u062f\u064a\u062f\u0629-2\/","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-02-12T11:19:48+00:00","article_modified_time":"2026-04-23T11:47:26+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\/02\/12\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\/#article","isPartOf":{"@id":"https:\/\/engeg.com\/b\/2026\/02\/12\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\/"},"author":{"name":"interior","@id":"https:\/\/engeg.com\/b\/#\/schema\/person\/099f7d93ca50450953f4bee349ef9fcc"},"headline":"\u062a\u062a\u0628\u0639 \u0631\u062e\u0635\u0647 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629","datePublished":"2026-02-12T11:19:48+00:00","dateModified":"2026-04-23T11:47:26+00:00","mainEntityOfPage":{"@id":"https:\/\/engeg.com\/b\/2026\/02\/12\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\/"},"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\/02\/12\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/engeg.com\/b\/2026\/02\/12\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\/","url":"https:\/\/engeg.com\/b\/2026\/02\/12\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\/","name":"\u062a\u062a\u0628\u0639 \u0631\u062e\u0635\u0647 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 - \u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0628\u064a\u062a \u0627\u0644\u0648\u0637\u0646","isPartOf":{"@id":"https:\/\/engeg.com\/b\/#website"},"datePublished":"2026-02-12T11:19:48+00:00","dateModified":"2026-04-23T11:47:26+00:00","breadcrumb":{"@id":"https:\/\/engeg.com\/b\/2026\/02\/12\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/engeg.com\/b\/2026\/02\/12\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/engeg.com\/b\/2026\/02\/12\/%d8%aa%d8%aa%d8%a8%d8%b9-%d8%b1%d8%ae%d8%b5%d9%87-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1-%d8%a7%d9%84%d9%82%d8%a7%d9%87%d8%b1%d8%a9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af%d8%a9-2\/#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":"\u062a\u062a\u0628\u0639 \u0631\u062e\u0635\u0647 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u0627\u0647\u0631\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629"}]},{"@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":[],"_links":{"self":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/56057","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=56057"}],"version-history":[{"count":1,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/56057\/revisions"}],"predecessor-version":[{"id":56942,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/posts\/56057\/revisions\/56942"}],"wp:attachment":[{"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/media?parent=56057"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/categories?post=56057"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engeg.com\/b\/wp-json\/wp\/v2\/tags?post=56057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}