{"id":3009,"date":"2026-04-07T02:44:40","date_gmt":"2026-04-07T00:44:40","guid":{"rendered":"https:\/\/preprod.tn\/mep\/?page_id=3009"},"modified":"2026-04-08T01:52:12","modified_gmt":"2026-04-07T23:52:12","slug":"%d8%a7%d9%84%d8%aa%d9%86%d8%b8%d9%8a%d9%85-%d8%a7%d9%84%d9%87%d9%8a%d9%83%d9%84%d9%8a","status":"publish","type":"page","link":"https:\/\/preprod.tn\/mep\/%d8%a7%d9%84%d8%aa%d9%86%d8%b8%d9%8a%d9%85-%d8%a7%d9%84%d9%87%d9%8a%d9%83%d9%84%d9%8a\/","title":{"rendered":"\u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0647\u064a\u0643\u0644\u064a"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n \n \n \n \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a - \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637<\/title>\n <link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800;900&display=swap\"\n rel=\"stylesheet\"\n \/>\n <link\n rel=\"stylesheet\"\n href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\n \/>\n <style>\n :root {\n --blue: #0a0443;\n --blue-mid: #1a0a5e;\n --blue-light: #2d1a7e;\n --gold: #f3be22;\n --gold-light: #ffd84d;\n --gold-pale: rgba(243, 190, 34, 0.08);\n --white: #ffffff;\n --bg: #f8f9fc;\n --border: #e2e6f0;\n --text: #2c3e50;\n --line: #c5cae0;\n --line-gold: rgba(243, 190, 34, 0.5);\n --ease: cubic-bezier(0.4, 0, 0.2, 1);\n --shadow-sm: 0 1px 3px rgba(10, 4, 67, 0.06);\n --shadow-md: 0 4px 12px rgba(10, 4, 67, 0.1);\n --shadow-lg: 0 8px 24px rgba(10, 4, 67, 0.15);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: \"Cairo\", sans-serif;\n background: var(--bg);\n color: var(--text);\n direction: rtl;\n overflow: auto;\n -webkit-font-smoothing: antialiased;\n }\n\n .controls {\n position: fixed;\n bottom: 16px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1000;\n display: flex;\n gap: 4px;\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 40px;\n padding: 5px 10px;\n box-shadow: var(--shadow-lg);\n }\n .ctrl-btn {\n width: 32px;\n height: 32px;\n background: transparent;\n border: 1.5px solid var(--blue);\n border-radius: 50%;\n cursor: pointer;\n color: var(--blue);\n font-size: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n text-decoration: none;\n }\n .ctrl-btn:hover {\n background: var(--blue);\n color: var(--white);\n }\n .ctrl-btn:active {\n transform: scale(0.92);\n }\n .ctrl-sep {\n width: 1px;\n background: var(--border);\n margin: 4px 2px;\n }\n\n .org-container {\n padding: 30px 20px 70px;\n min-height: 100vh;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n overflow: auto;\n }\n .org-wrapper {\n transform-origin: top center;\n transition: transform 0.3s ease;\n overflow: hidden;\n }\n\n .org-tree {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n .h-line {\n width: 24px;\n height: 1.5px;\n background: var(--line);\n flex-shrink: 0;\n transition: opacity 0.3s ease, width 0.3s var(--ease);\n }\n .h-line-short {\n width: 14px;\n height: 1.5px;\n background: var(--line);\n flex-shrink: 0;\n }\n\n .branch-col {\n position: relative;\n display: flex;\n flex-direction: column;\n transition: max-width 0.45s var(--ease), opacity 0.3s ease;\n overflow: hidden;\n }\n .branch-col::before {\n content: \"\";\n position: absolute;\n right: 0;\n width: 1.5px;\n background: var(--line);\n\n top: 0;\n height: 0;\n }\n .branch-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n .branch-row + .branch-row {\n margin-top: 4px;\n }\n .row-inner {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n .collapsible-section {\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n max-width: 4000px;\n opacity: 1;\n transition: max-width 0.5s var(--ease), opacity 0.35s ease;\n }\n .collapsible-section.collapsed {\n max-width: 0 !important;\n max-height: 0 !important;\n opacity: 0;\n pointer-events: none;\n }\n\n .branch-col-wrapper {\n overflow: hidden;\n max-height: 2000px;\n opacity: 1;\n transition: max-height 0.5s var(--ease), opacity 0.35s ease;\n }\n .branch-col-wrapper.collapsed {\n max-height: 0;\n opacity: 0;\n pointer-events: none;\n }\n\n .node-box {\n position: relative;\n border-radius: 10px;\n padding: 8px 14px;\n font-weight: 700;\n font-size: 11px;\n line-height: 1.4;\n text-align: center;\n user-select: none;\n transition: transform 0.25s ease, box-shadow 0.25s ease;\n text-decoration: none;\n color: inherit;\n }\n\n .node-box.has-children {\n cursor: pointer;\n }\n .node-box.has-children:hover {\n transform: translateY(-2px);\n }\n\n .node-icon {\n display: block;\n font-size: 17px;\n margin-bottom: 4px;\n opacity: 0.8;\n }\n\n .toggle-badge {\n position: absolute;\n top: -8px;\n left: -8px;\n width: 20px;\n height: 20px;\n background: var(--gold);\n color: var(--blue);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 13px;\n font-weight: 900;\n line-height: 1;\n box-shadow: 0 2px 6px rgba(243, 190, 34, 0.4);\n transition: transform 0.3s ease, background 0.25s ease;\n z-index: 2;\n }\n .node-box.is-collapsed .toggle-badge {\n background: var(--white);\n border: 1.5px solid var(--gold);\n }\n\n .box-ministry {\n background: linear-gradient(135deg, var(--blue), var(--blue-mid));\n border: 2px solid var(--gold);\n color: var(--white);\n font-size: 12.5px;\n font-weight: 900;\n min-width: 160px;\n padding: 12px 18px;\n box-shadow: var(--shadow-lg);\n }\n .box-ministry:hover {\n box-shadow: 0 10px 30px rgba(10, 4, 67, 0.25);\n }\n\n .box-cabinet {\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\n border: 2px solid var(--blue);\n color: var(--blue);\n font-size: 11.5px;\n font-weight: 900;\n min-width: 120px;\n padding: 10px 16px;\n box-shadow: 0 3px 12px rgba(243, 190, 34, 0.3);\n }\n .box-cabinet:hover {\n box-shadow: 0 6px 20px rgba(243, 190, 34, 0.4);\n }\n\n .box-office {\n background: var(--white);\n border: 1.5px solid var(--border);\n color: var(--blue);\n font-size: 10px;\n min-width: 180px;\n max-width: 220px;\n white-space: normal;\n box-shadow: var(--shadow-sm);\n }\n .box-office:hover {\n box-shadow: var(--shadow-md);\n border-color: var(--blue);\n }\n\n .box-committee {\n background: linear-gradient(135deg, var(--blue), var(--blue-light));\n border: 1.5px solid var(--gold);\n color: var(--white);\n font-size: 10px;\n min-width: 180px;\n max-width: 220px;\n white-space: normal;\n box-shadow: var(--shadow-md);\n }\n .box-committee:hover {\n box-shadow: var(--shadow-lg);\n }\n\n .sub-wrap {\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n max-width: 0;\n opacity: 0;\n transition: max-width 0.45s var(--ease), opacity 0.3s ease;\n pointer-events: none;\n height: 0;\n }\n .sub-wrap.open {\n max-width: 600px;\n opacity: 1;\n pointer-events: all;\n height: auto;\n }\n\n .sub-conn {\n width: 0;\n height: 2px;\n background: var(--line-gold);\n flex-shrink: 0;\n transition: width 0.4s var(--ease);\n }\n .sub-wrap.open .sub-conn {\n width: 20px;\n }\n\n .sub-list {\n display: flex;\n flex-direction: column;\n gap: 5px;\n }\n\n .sub-item {\n background: var(--white);\n border: 1px solid rgba(243, 190, 34, 0.3);\n border-radius: 7px;\n padding: 7px 12px;\n font-size: 10px;\n font-weight: 600;\n color: var(--blue);\n white-space: nowrap;\n display: flex;\n align-items: center;\n gap: 6px;\n box-shadow: var(--shadow-sm);\n transform: translateX(10px);\n opacity: 0;\n transition: transform 0.35s ease, opacity 0.3s ease,\n background 0.2s ease, border-color 0.2s ease;\n }\n .sub-wrap.open .sub-item {\n transform: translateX(0);\n opacity: 1;\n }\n .sub-wrap.open .sub-item:nth-child(1) {\n transition-delay: 0.03s;\n }\n .sub-wrap.open .sub-item:nth-child(2) {\n transition-delay: 0.06s;\n }\n .sub-wrap.open .sub-item:nth-child(3) {\n transition-delay: 0.09s;\n }\n .sub-wrap.open .sub-item:nth-child(4) {\n transition-delay: 0.12s;\n }\n .sub-wrap.open .sub-item:nth-child(5) {\n transition-delay: 0.15s;\n }\n .sub-item:hover {\n background: var(--gold-pale);\n border-color: var(--gold);\n }\n .sub-item i {\n color: var(--gold);\n font-size: 11px;\n flex-shrink: 0;\n }\n\n @keyframes fadeSlide {\n from {\n opacity: 0;\n transform: translateX(-12px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n .box-ministry {\n animation: fadeSlide 0.45s ease both;\n }\n .box-cabinet {\n animation: fadeSlide 0.45s 0.08s ease both;\n }\n .branch-row:nth-child(1) {\n animation: fadeSlide 0.35s 0.12s ease both;\n }\n .branch-row:nth-child(2) {\n animation: fadeSlide 0.35s 0.16s ease both;\n }\n .branch-row:nth-child(3) {\n animation: fadeSlide 0.35s 0.2s ease both;\n }\n .branch-row:nth-child(4) {\n animation: fadeSlide 0.35s 0.24s ease both;\n }\n .branch-row:nth-child(5) {\n animation: fadeSlide 0.35s 0.28s ease both;\n }\n .branch-row:nth-child(6) {\n animation: fadeSlide 0.35s 0.32s ease both;\n }\n .branch-row:nth-child(7) {\n animation: fadeSlide 0.35s 0.36s ease both;\n }\n .branch-row:nth-child(8) {\n animation: fadeSlide 0.35s 0.4s ease both;\n }\n .branch-row:nth-child(9) {\n animation: fadeSlide 0.35s 0.44s ease both;\n }\n .branch-row:nth-child(10) {\n animation: fadeSlide 0.35s 0.48s ease both;\n }\n\n @media (max-width: 768px) {\n .org-container {\n padding: 16px 12px 70px;\n justify-content: flex-start;\n }\n\n .org-tree {\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n padding: 0 10px;\n }\n\n .h-line {\n width: 2px;\n height: 18px;\n background: var(--line);\n margin: 0 auto;\n flex-shrink: 0;\n }\n\n .h-line-short {\n display: none;\n }\n\n .collapsible-section {\n flex-direction: column;\n align-items: stretch;\n max-width: unset !important;\n max-height: 5000px;\n opacity: 1;\n transition: max-height 0.5s var(--ease), opacity 0.35s ease;\n width: 100%;\n }\n .collapsible-section.collapsed {\n max-height: 0;\n max-width: unset !important;\n opacity: 0;\n pointer-events: none;\n }\n .collapsible-section .h-line {\n width: 2px;\n height: 18px;\n margin: 0 auto;\n }\n\n .box-ministry {\n min-width: unset;\n width: 100%;\n max-width: 340px;\n font-size: 12px;\n padding: 10px 14px;\n margin: 0 auto;\n }\n .box-cabinet {\n min-width: unset;\n width: 90%;\n max-width: 300px;\n font-size: 11px;\n padding: 8px 12px;\n margin: 0 auto;\n }\n\n .branch-col-wrapper {\n width: 100%;\n padding-right: 20px;\n }\n\n .branch-col {\n width: 100%;\n align-items: stretch;\n padding-right: 18px;\n overflow: visible;\n }\n\n .branch-col::before {\n right: 0 !important;\n top: 0 !important;\n height: auto !important;\n bottom: 0;\n width: 2px;\n background: var(--line);\n }\n\n .branch-row {\n flex-direction: row;\n align-items: center;\n width: 100%;\n position: relative;\n }\n .branch-row + .branch-row {\n margin-top: 6px;\n }\n\n .branch-row::before {\n content: \"\";\n position: absolute;\n right: -18px;\n top: 50%;\n width: 18px;\n height: 2px;\n background: var(--line);\n }\n\n .branch-col::after {\n content: \"\";\n position: absolute;\n right: 0;\n bottom: 0;\n width: 2px;\n background: var(--bg);\n }\n\n .box-office,\n .box-committee {\n min-width: unset;\n max-width: unset;\n width: 100%;\n font-size: 10px;\n padding: 8px 12px;\n white-space: normal;\n }\n .node-icon {\n font-size: 14px;\n margin-bottom: 2px;\n }\n\n .branch-row.has-sub {\n flex-direction: column;\n align-items: stretch;\n }\n .branch-row.has-sub::before {\n top: 22px;\n }\n .branch-row.has-sub .row-inner {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n }\n\n .sub-wrap {\n flex-direction: column;\n max-width: unset !important;\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n transition: max-height 0.45s var(--ease), opacity 0.3s ease;\n width: 100%;\n margin-right: 0;\n padding-right: 16px;\n pointer-events: none;\n align-items: stretch;\n position: relative;\n }\n .sub-wrap.open {\n max-width: unset !important;\n max-height: 600px;\n opacity: 1;\n pointer-events: all;\n margin-top: 6px;\n }\n\n .sub-wrap.open::before {\n content: \"\";\n position: absolute;\n right: 0;\n top: 0;\n bottom: 12px;\n width: 2px;\n background: var(--line-gold);\n }\n\n .sub-conn {\n display: none;\n }\n .sub-list {\n width: 100%;\n gap: 5px;\n }\n .sub-item {\n white-space: normal;\n width: 100%;\n position: relative;\n }\n\n .sub-item::before {\n content: \"\";\n position: absolute;\n right: -16px;\n top: 50%;\n width: 16px;\n height: 2px;\n background: var(--line-gold);\n }\n }\n\n @media (max-width: 480px) {\n .box-ministry {\n font-size: 11px;\n padding: 8px 12px;\n }\n .box-cabinet {\n font-size: 10px;\n padding: 7px 10px;\n }\n .box-office,\n .box-committee {\n font-size: 9.5px;\n padding: 6px 8px;\n }\n .node-icon {\n font-size: 13px;\n margin-bottom: 1px;\n }\n .sub-item {\n font-size: 9px;\n padding: 5px 8px;\n }\n .sub-list {\n gap: 3px;\n }\n .controls {\n padding: 4px 8px;\n gap: 3px;\n }\n .ctrl-btn {\n width: 28px;\n height: 28px;\n font-size: 11px;\n }\n .h-line {\n height: 12px;\n }\n .collapsible-section .h-line {\n height: 12px;\n }\n .branch-row + .branch-row {\n margin-top: 4px;\n }\n }\n <\/style>\n <\/head>\n <body>\n <div class=\"controls\">\n <button class=\"ctrl-btn\" onclick=\"resetZoom()\" title=\"\u0625\u0639\u0627\u062f\u0629 \u0636\u0628\u0637\">\n <i class=\"fas fa-home\"><\/i>\n <\/button>\n <button class=\"ctrl-btn\" onclick=\"zoomOut()\" title=\"\u062a\u0635\u063a\u064a\u0631\">\n <i class=\"fas fa-minus\"><\/i>\n <\/button>\n <button class=\"ctrl-btn\" onclick=\"zoomIn()\" title=\"\u062a\u0643\u0628\u064a\u0631\">\n <i class=\"fas fa-plus\"><\/i>\n <\/button>\n <div class=\"ctrl-sep\"><\/div>\n <button class=\"ctrl-btn\" onclick=\"expandAll()\" title=\"\u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u0643\u0644\">\n <i class=\"fas fa-expand-alt\"><\/i>\n <\/button>\n <button class=\"ctrl-btn\" onclick=\"collapseAll()\" title=\"\u0637\u064a \u0627\u0644\u0643\u0644\">\n <i class=\"fas fa-compress-alt\"><\/i>\n <\/button>\n <div class=\"ctrl-sep\"><\/div>\n <button class=\"ctrl-btn\" onclick=\"toggleFullscreen()\" title=\"\u0634\u0627\u0634\u0629 \u0643\u0627\u0645\u0644\u0629\">\n <i class=\"fas fa-expand\"><\/i>\n <\/button>\n <\/div>\n\n <div class=\"org-container\">\n <div class=\"org-wrapper\" id=\"orgWrapper\">\n <div class=\"org-tree\">\n <div\n class=\"node-box box-ministry has-children\"\n onclick=\"toggleMinistry()\"\n >\n <span class=\"toggle-badge\">\u2212<\/span>\n <i class=\"fas fa-landmark node-icon\"><\/i>\n \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637\n <\/div>\n\n <div class=\"collapsible-section\" id=\"ministrySection\">\n <div class=\"h-line\"><\/div>\n\n <div\n class=\"node-box box-cabinet has-children\"\n onclick=\"toggleCabinet()\"\n >\n <span class=\"toggle-badge\">\u2212<\/span>\n <i class=\"fas fa-briefcase node-icon\"><\/i>\n \u0627\u0644\u062f\u064a\u0648\u0627\u0646\n <\/div>\n\n <div class=\"h-line\" id=\"cabinetLine\"><\/div>\n\n <div class=\"branch-col-wrapper\" id=\"cabinetSection\">\n <div class=\"branch-col\">\n <div class=\"branch-row\">\n <div class=\"h-line-short\"><\/div>\n <div class=\"node-box box-office\">\n <i class=\"fas fa-users node-icon\"><\/i>\n \u0645\u0643\u062a\u0628 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0645\u0639 \u0627\u0644\u0645\u0648\u0627\u0637\u0646\n <\/div>\n <\/div>\n\n <div class=\"branch-row\">\n <div class=\"h-line-short\"><\/div>\n <div class=\"node-box box-office\">\n <i class=\"fas fa-network-wired node-icon\"><\/i>\n \u0645\u0643\u062a\u0628 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\n <\/div>\n <\/div>\n\n <div class=\"branch-row\">\n <div class=\"h-line-short\"><\/div>\n <div class=\"node-box box-office\">\n <i class=\"fas fa-bullhorn node-icon\"><\/i>\n \u0645\u0643\u062a\u0628 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0648\u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629\n <\/div>\n <\/div>\n\n <div class=\"branch-row\">\n <div class=\"h-line-short\"><\/div>\n <div class=\"node-box box-office\">\n <i class=\"fas fa-shield-alt node-icon\"><\/i>\n \u0647\u064a\u0626\u0629 \u0627\u0644\u062d\u0648\u0643\u0645\u0629\n <\/div>\n <\/div>\n\n <div class=\"branch-row\">\n <div class=\"h-line-short\"><\/div>\n <div class=\"node-box box-office\">\n <i class=\"fas fa-tasks node-icon\"><\/i>\n \u0645\u0643\u062a\u0628 \u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u062a\u0646\u0641\u064a\u0630 \u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u0629\n <\/div>\n <\/div>\n\n <div class=\"branch-row has-sub\" id=\"row6\">\n <div class=\"row-inner\">\n <div class=\"h-line-short\"><\/div>\n <div\n class=\"node-box box-committee has-children\"\n id=\"box6\"\n onclick=\"toggleSub(6)\"\n >\n <span class=\"toggle-badge\">+<\/span>\n <i class=\"fas fa-info-circle node-icon\"><\/i>\n \u0627\u0644\u0647\u064a\u0626\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u0625\u062d\u0627\u0637\u0629\n <\/div>\n <\/div>\n <div class=\"sub-wrap\" id=\"sw6\">\n <div class=\"sub-conn\"><\/div>\n <div class=\"sub-list\">\n <div class=\"sub-item\">\n <i class=\"fas fa-chart-bar\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\n \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\n <\/div>\n <div class=\"sub-item\">\n <i class=\"fas fa-hands-helping\"><\/i>\u0647\u064a\u0626\u0629 \u0627\u0644\u062f\u0639\u0645 \u0648\u0627\u0644\u0646\u0635\u064a\u062d\u0629\n <\/div>\n <div class=\"sub-item\">\n <i class=\"fas fa-search-dollar\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\n \u0644\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"branch-row has-sub\" id=\"row7\">\n <div class=\"row-inner\">\n <div class=\"h-line-short\"><\/div>\n <div\n class=\"node-box box-committee has-children\"\n id=\"box7\"\n onclick=\"toggleSub(7)\"\n >\n <span class=\"toggle-badge\">+<\/span>\n <i class=\"fas fa-globe node-icon\"><\/i>\n \u0627\u0644\u0647\u064a\u0626\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062f\u0648\u0644\u064a\n <\/div>\n <\/div>\n <div class=\"sub-wrap\" id=\"sw7\">\n <div class=\"sub-conn\"><\/div>\n <div class=\"sub-list\">\n <div class=\"sub-item\">\n <i class=\"fas fa-flag\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u062a\u0639\u0627\u0648\u0646\n \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\n <\/div>\n <div class=\"sub-item\">\n <i class=\"fas fa-sitemap\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u062a\u0639\u0627\u0648\u0646\n \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0623\u0637\u0631\u0627\u0641\n <\/div>\n <div class=\"sub-item\">\n <i class=\"fas fa-globe-africa\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\n \u0644\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u062f\u0648\u0644 \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0648\u0627\u0644\u0623\u0641\u0631\u064a\u0642\u064a\n <\/div>\n <div class=\"sub-item\">\n <i class=\"fas fa-globe-asia\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u062a\u0639\u0627\u0648\u0646\n \u0627\u0644\u0622\u0633\u064a\u0648\u064a \u0648\u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"branch-row has-sub\" id=\"row8\">\n <div class=\"row-inner\">\n <div class=\"h-line-short\"><\/div>\n <div\n class=\"node-box box-committee has-children\"\n id=\"box8\"\n onclick=\"toggleSub(8)\"\n >\n <span class=\"toggle-badge\">+<\/span>\n <i class=\"fas fa-balance-scale node-icon\"><\/i>\n \u0627\u0644\u0647\u064a\u0626\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u062a\u0648\u0627\u0632\u0646\u0627\u062a \u0627\u0644\u062c\u0645\u0644\u064a\u0629 \u0648\u0627\u0644\u0625\u062d\u0635\u0627\u0621\n <\/div>\n <\/div>\n <div class=\"sub-wrap\" id=\"sw8\">\n <div class=\"sub-conn\"><\/div>\n <div class=\"sub-list\">\n <div class=\"sub-item\">\n <i class=\"fas fa-project-diagram\"><\/i>\u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u0646\u0633\u064a\u0642\n \u0648\u0627\u0644\u0646\u0635\u064a\u062d\u0629\n <\/div>\n <div class=\"sub-item\">\n <i class=\"fas fa-chart-line\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u062a\u0648\u0642\u0639\u0627\u062a\n <\/div>\n <div class=\"sub-item\">\n <i class=\"fas fa-university\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u062a\u0645\u0648\u064a\u0644\n \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0645\u0627\u0644\u064a\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"branch-row has-sub\" id=\"row9\">\n <div class=\"row-inner\">\n <div class=\"h-line-short\"><\/div>\n <div\n class=\"node-box box-committee has-children\"\n id=\"box9\"\n onclick=\"toggleSub(9)\"\n >\n <span class=\"toggle-badge\">+<\/span>\n <i class=\"fas fa-city node-icon\"><\/i>\n \u0627\u0644\u0647\u064a\u0626\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0642\u0637\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062c\u0647\u0648\u064a\u0629\n <\/div>\n <\/div>\n <div class=\"sub-wrap\" id=\"sw9\">\n <div class=\"sub-conn\"><\/div>\n <div class=\"sub-list\">\n <div class=\"sub-item\">\n <i class=\"fas fa-graduation-cap\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\n \u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0637\u0646\u0629\n <\/div>\n <div class=\"sub-item\">\n <i class=\"fas fa-hard-hat\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u062a\u0646\u0633\u064a\u0642\n \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0648\u0645\u064a\u0629\n <\/div>\n <div class=\"sub-item\">\n <i class=\"fas fa-heart\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a\n \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629\n <\/div>\n <div class=\"sub-item\">\n <i class=\"fas fa-industry\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u0642\u0637\u0627\u0639\u0627\u062a\n \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"branch-row has-sub\" id=\"row10\">\n <div class=\"row-inner\">\n <div class=\"h-line-short\"><\/div>\n <div\n class=\"node-box box-committee has-children\"\n id=\"box10\"\n onclick=\"toggleSub(10)\"\n >\n <span class=\"toggle-badge\">+<\/span>\n <i class=\"fas fa-file-alt node-icon\"><\/i>\n \u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\n <\/div>\n <\/div>\n <div class=\"sub-wrap\" id=\"sw10\">\n <div class=\"sub-conn\"><\/div>\n <div class=\"sub-list\">\n <div class=\"sub-item\">\n <i class=\"fas fa-user-tie\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u0645\u0648\u0627\u0631\u062f\n \u0627\u0644\u0628\u0634\u0631\u064a\u0629\n <\/div>\n <div class=\"sub-item\">\n <i class=\"fas fa-search\"><\/i>\u0627\u0644\u062a\u0641\u0642\u062f\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\n <\/div>\n <div class=\"sub-item\">\n <i class=\"fas fa-laptop-code\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u0623\u0646\u0638\u0645\u0629\n \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u064a\u0629\n <\/div>\n <div class=\"sub-item\">\n <i class=\"fas fa-gavel\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u0634\u0624\u0648\u0646\n \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a\n <\/div>\n <div class=\"sub-item\">\n <i class=\"fas fa-coins\"><\/i>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u0634\u0624\u0648\u0646\n \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0647\u064a\u0632\u0627\u062a\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const SUB_IDS = [6, 7, 8, 9, 10];\n\n function toggleMinistry() {\n const section = document.getElementById(\"ministrySection\");\n const box = document.querySelector(\".box-ministry\");\n const badge = box.querySelector(\".toggle-badge\");\n const isCollapsed = section.classList.toggle(\"collapsed\");\n box.classList.toggle(\"is-collapsed\", isCollapsed);\n badge.textContent = isCollapsed ? \"+\" : \"\u2212\";\n }\n function toggleCabinet() {\n const section = document.getElementById(\"cabinetSection\");\n const line = document.getElementById(\"cabinetLine\");\n const box = document.querySelector(\".box-cabinet\");\n const badge = box.querySelector(\".toggle-badge\");\n const isCollapsed = section.classList.toggle(\"collapsed\");\n box.classList.toggle(\"is-collapsed\", isCollapsed);\n badge.textContent = isCollapsed ? \"+\" : \"\u2212\";\n line.style.opacity = isCollapsed ? \"0\" : \"1\";\n }\n function toggleSub(idx) {\n const sw = document.getElementById(\"sw\" + idx);\n const box = document.getElementById(\"box\" + idx);\n const badge = box.querySelector(\".toggle-badge\");\n const isOpen = sw.classList.toggle(\"open\");\n box.classList.toggle(\"is-collapsed\", !isOpen);\n badge.textContent = isOpen ? \"\u00d7\" : \"+\";\n }\n function expandAll() {\n const mSection = document.getElementById(\"ministrySection\");\n const mBox = document.querySelector(\".box-ministry\");\n mSection.classList.remove(\"collapsed\");\n mBox.classList.remove(\"is-collapsed\");\n mBox.querySelector(\".toggle-badge\").textContent = \"\u2212\";\n\n const cSection = document.getElementById(\"cabinetSection\");\n const cBox = document.querySelector(\".box-cabinet\");\n const cLine = document.getElementById(\"cabinetLine\");\n cSection.classList.remove(\"collapsed\");\n cBox.classList.remove(\"is-collapsed\");\n cBox.querySelector(\".toggle-badge\").textContent = \"\u2212\";\n cLine.style.opacity = \"1\";\n\n SUB_IDS.forEach((i) => {\n const sw = document.getElementById(\"sw\" + i);\n const b = document.getElementById(\"box\" + i);\n if (sw) sw.classList.add(\"open\");\n if (b) {\n b.classList.remove(\"is-collapsed\");\n b.querySelector(\".toggle-badge\").textContent = \"\u00d7\";\n }\n });\n }\n\n function collapseAll() {\n SUB_IDS.forEach((i) => {\n const sw = document.getElementById(\"sw\" + i);\n const b = document.getElementById(\"box\" + i);\n if (sw) sw.classList.remove(\"open\");\n if (b) {\n b.classList.add(\"is-collapsed\");\n b.querySelector(\".toggle-badge\").textContent = \"+\";\n }\n });\n\n const cSection = document.getElementById(\"cabinetSection\");\n const cBox = document.querySelector(\".box-cabinet\");\n const cLine = document.getElementById(\"cabinetLine\");\n cSection.classList.add(\"collapsed\");\n cBox.classList.add(\"is-collapsed\");\n cBox.querySelector(\".toggle-badge\").textContent = \"+\";\n cLine.style.opacity = \"0\";\n\n const mSection = document.getElementById(\"ministrySection\");\n const mBox = document.querySelector(\".box-ministry\");\n mSection.classList.add(\"collapsed\");\n mBox.classList.add(\"is-collapsed\");\n mBox.querySelector(\".toggle-badge\").textContent = \"+\";\n }\n let zoom = 1;\n function applyZoom() {\n document.getElementById(\"orgWrapper\").style.transform =\n \"scale(\" + zoom + \")\";\n }\n function zoomIn() {\n zoom = Math.min(zoom + 0.1, 2.0);\n applyZoom();\n }\n function zoomOut() {\n zoom = Math.max(zoom - 0.1, 0.3);\n applyZoom();\n }\n function resetZoom() {\n zoom = 1;\n applyZoom();\n }\n function toggleFullscreen() {\n if (!document.fullscreenElement)\n document.documentElement.requestFullscreen();\n else document.exitFullscreen();\n }\n function updateLineHeights() {\n var isMobile = window.innerWidth <= 768;\n var styleEl = document.getElementById(\"line-fix-style\");\n if (!styleEl) {\n styleEl = document.createElement(\"style\");\n styleEl.id = \"line-fix-style\";\n document.head.appendChild(styleEl);\n }\n\n document.querySelectorAll(\".branch-col\").forEach(function (col) {\n var rows = col.querySelectorAll(\":scope > .branch-row\");\n if (rows.length === 0) return;\n\n var firstRow = rows[0];\n var lastRow = rows[rows.length - 1];\n var firstBox = firstRow.querySelector(\".node-box\");\n var lastBox = lastRow.querySelector(\".node-box\");\n if (!firstBox || !lastBox) return;\n\n var colRect = col.getBoundingClientRect();\n var firstRect = firstBox.getBoundingClientRect();\n var lastRect = lastBox.getBoundingClientRect();\n\n if (isMobile) {\n var lastBoxCenter =\n lastRect.top + lastRect.height \/ 2 - colRect.top;\n var colHeight = col.offsetHeight;\n var maskHeight = colHeight - lastBoxCenter;\n styleEl.textContent =\n \".branch-col::after { height: \" +\n Math.max(0, maskHeight) +\n \"px !important; }\" +\n \"\\n.branch-col::before { top: \" +\n (firstRect.top + firstRect.height \/ 2 - colRect.top) +\n \"px !important; }\";\n } else {\n var lineTop = firstRect.top + firstRect.height \/ 2 - colRect.top;\n var lineBottom = lastRect.top + lastRect.height \/ 2 - colRect.top;\n var lineHeight = lineBottom - lineTop;\n styleEl.textContent =\n \".branch-col::before { top: \" +\n lineTop +\n \"px !important; height: \" +\n lineHeight +\n \"px !important; }\";\n }\n });\n }\n setTimeout(updateLineHeights, 200);\n window.addEventListener(\"resize\", updateLineHeights);\n var _origToggleSub = toggleSub;\n toggleSub = function (idx) {\n _origToggleSub(idx);\n setTimeout(updateLineHeights, 500);\n };\n var _origExpandAll = expandAll;\n expandAll = function () {\n _origExpandAll();\n setTimeout(updateLineHeights, 500);\n };\n var _origCollapseAll = collapseAll;\n collapseAll = function () {\n _origCollapseAll();\n setTimeout(updateLineHeights, 500);\n };\n var _origToggleCabinet = toggleCabinet;\n toggleCabinet = function () {\n _origToggleCabinet();\n setTimeout(updateLineHeights, 500);\n };\n document.addEventListener(\"keydown\", function (e) {\n var tag = e.target.tagName;\n if (\n tag === \"INPUT\" ||\n tag === \"TEXTAREA\" ||\n tag === \"SELECT\" ||\n e.target.isContentEditable\n )\n return;\n if (e.key === \"+\" || e.key === \"=\") zoomIn();\n else if (e.key === \"-\") zoomOut();\n else if (e.key === \"0\") resetZoom();\n else if (e.key === \"f\" || e.key === \"F\") toggleFullscreen();\n else if (e.key === \"Escape\") collapseAll();\n else if (e.key === \"Enter\" && (e.ctrlKey || e.metaKey)) expandAll();\n });\n\n \/\/ collapseAll();\n <\/script>\n <\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a – \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u2212 \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u2212 … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3009","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/pages\/3009","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/comments?post=3009"}],"version-history":[{"count":10,"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/pages\/3009\/revisions"}],"predecessor-version":[{"id":3059,"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/pages\/3009\/revisions\/3059"}],"wp:attachment":[{"href":"https:\/\/preprod.tn\/mep\/wp-json\/wp\/v2\/media?parent=3009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}