{"id":235,"date":"2025-05-20T07:07:14","date_gmt":"2025-05-20T04:07:14","guid":{"rendered":"https:\/\/maktobholding.com\/?page_id=235"},"modified":"2025-12-09T10:43:11","modified_gmt":"2025-12-09T07:43:11","slug":"%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d9%87%d8%a8%d9%88%d8%b7","status":"publish","type":"page","link":"https:\/\/maktobholding.com\/ar\/","title":{"rendered":"\u0634\u0631\u0643\u0629 \u0645\u0643\u062a\u0648\u0628 \u0627\u0644\u0642\u0627\u0628\u0636\u0629 | \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"235\" class=\"elementor elementor-235\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84ad108 e-flex e-con-boxed e-con e-parent\" data-id=\"84ad108\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98d52ec elementor-widget elementor-widget-html\" data-id=\"98d52ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"max-width: 900px; margin: auto; background: #fff; padding: 10px 0 0px;\">\n  <style>\n    .maktob-flex {\n      display: flex;\n      align-items: center;\n      gap: 40px;\n    }\n    .maktob-logo {\n      height: 160px !important;\n      width: auto !important;\n      border-radius: 12px;\n      flex-shrink: 0;\n      display: block;\n      max-width: 100%;\n    }\n    @media (max-width: 700px) {\n      .maktob-flex {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 24px;\n        text-align: left;\n      }\n      .maktob-logo {\n        height: 90px !important;\n        margin: 0 0 0px 0;\n      }\n    }\n    @media (max-width: 430px) {\n      .maktob-logo {\n        height: 120px !important;\n      }\n      .maktob-text h1 {\n        font-size: 1.4rem !important;\n      }\n      .maktob-text p {\n        font-size: 1rem !important;\n      }\n    }\n  <\/style>\n  <div class=\"maktob-flex\">\n    <img decoding=\"async\" src=\"http:\/\/maktobholding.com\/wp-content\/uploads\/2025\/06\/PHOTO-2025-06-01-14-24-38.jpg\" alt=\"\u0634\u0639\u0627\u0631 \u0634\u0631\u0643\u0629 \u0645\u0643\u062a\u0648\u0628 \u0627\u0644\u0642\u0627\u0628\u0636\u0629\" class=\"maktob-logo\">\n    <div class=\"maktob-text\">\n      <h1 style=\"margin: 0; font-size: 2rem; font-weight: 700; font-family: 'Georgia', serif;\">\u0645\u0643\u062a\u0648\u0628 \u0627\u0644\u0642\u0627\u0628\u0636\u0629<\/h1>\n      <p style=\"margin: 0; color: #666; font-size: 1.1rem;\">\u0645\u0643\u062a\u0628 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u062e\u0627\u0635<\/p>\n      <p style=\"margin: 18px 0 0 0; font-size: 1.18rem; line-height: 1.5;\">\n        <strong>\u0646\u0638\u0631\u0629 \u062b\u0627\u0642\u0628\u0629 \u0644\u0644\u0633\u0648\u0642. \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u0646\u0636\u0628\u0637\u0629. \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0648\u0627\u0642\u0639\u064a\u0629.<\/strong> <br>\n        \u0646\u062d\u0646 \u0646\u062d\u0644\u0644 \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0648\u0646\u062f\u064a\u0631 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0627\u062a \u0648\u0646\u0634\u0627\u0631\u0643 \u0631\u0624\u0649 \u0645\u0633\u062a\u0642\u0644\u0629\u060c \u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646 \u0645\u0646 \u0639\u0642\u0648\u062f \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u0623\u0633\u0647\u0645 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0627\u0644\u0622\u062c\u0644\u0629 \u0648\u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0643\u0644\u064a\u0629.\n      <\/p>\n      <p style=\"margin-top: 20px; color: #aaa; font-style: italic; font-size: 1rem;\">\n        \u0647\u0630\u0627 \u0627\u0644\u0645\u0648\u0642\u0639 \u0639\u0628\u0627\u0631\u0629 \u0639\u0646 \u0633\u062c\u0644 \u0641\u0643\u0631\u064a - \u0648\u0644\u064a\u0633 \u0645\u0646\u0635\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0623\u0648 \u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae656bb e-flex e-con-boxed e-con e-parent\" data-id=\"ae656bb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5ff8452 e-con-full e-flex e-con e-child\" data-id=\"5ff8452\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f5dec9f e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"f5dec9f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2b51fe1 e-con-full e-flex e-con e-child\" data-id=\"2b51fe1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6b591d elementor-widget elementor-widget-heading\" data-id=\"a6b591d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0622\u062e\u0631 \u0645\u0646\u0634\u0648\u0631<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e52968 e-con-full e-flex e-con e-child\" data-id=\"6e52968\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0f2524 elementor-widget elementor-widget-taxonomy-filter\" data-id=\"a0f2524\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;selected_element&quot;:&quot;b57aaf1&quot;,&quot;taxonomy&quot;:&quot;category&quot;,&quot;multiple_selection&quot;:&quot;no&quot;,&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"taxonomy-filter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<search class=\"e-filter\" role=\"search\" data-base-url=\"https:\/\/maktobholding.com\/ar\/\" data-page-num=\"1\">\n\t\t\t\t\t\t\t<button class=\"e-filter-item\" data-filter=\"trading\" aria-pressed=\"false\">\u0627\u0644\u0633\u0644\u0639 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/button>\n\t\t\t\t\t\t\t<button class=\"e-filter-item\" data-filter=\"kse\" aria-pressed=\"false\">\u0633\u0648\u0642 \u0627\u0644\u0643\u0648\u064a\u062a \u0644\u0644\u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u0645\u0627\u0644\u064a\u0629 (KSE)<\/button>\n\t\t\t\t\t\t\t<button class=\"e-filter-item\" data-filter=\"up-date\" aria-pressed=\"false\">\u062d\u062a\u0649 \u0627\u0644\u0622\u0646<\/button>\n\t\t\t\n\t\t\t\t\t\t\t\t\t<button class=\"e-filter-item\" data-filter=\"__all\" aria-pressed=\"true\">\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t<\/search>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ee57e3 elementor-widget elementor-widget-html\" data-id=\"7ee57e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    label{font-size:12px;\r\n    text-transform:uppercase;\r\n    color:#222222;\r\n    letter-spacing: 0.5px;\r\n    padding-bottom: 6px;\r\n    }\r\n    .elementor-widget-taxonomy-filter { \/*this will hide the default filter*\/ \r\n    display: none;\r\n}\r\n    #taxonomy-dropdown {\r\n          -webkit-appearance: none;\r\n  -moz-appearance: window;\r\nfont-family: 'Inter';\r\n   padding: 10px 33px 10px 10px;\r\n    font-size: 14px;\r\n    border-radius: 25px;\r\n    margin-right: 10px;\r\n    max-width: 200px;\r\n    background-color: #A67C52;\r\n    border: 1px solid #A67C52;\r\n    height: 40px;\r\n     color: #fff !important;\r\n       background-image: url(\"http:\/\/maktobholding.com\/wp-content\/uploads\/2025\/05\/down-arrow.png\");\r\n background-repeat: no-repeat;\r\n background-position: 97% center;\r\n background-size:20px\r\n}\r\n#taxonomy-dropdown:focus{\r\n    background-color: #A67C52;\r\n    border: 1px solid #A67C52;\r\n    outline: none !important;\r\n     color: #fff !important\r\n}\r\n#taxonomy-dropdown option{\r\n    color: #fff !important\r\n}\r\n<\/style>\r\n\r\n\r\n<select id=\"taxonomy-dropdown\">\r\n    <option value=\"\"> \u0627\u0644\u0641\u0626\u0627\u062a<\/option>\r\n<\/select>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    \/\/ Select the taxonomy filter buttons\r\n    var taxonomyButtons = document.querySelectorAll('.elementor-widget-taxonomy-filter .e-filter-item');\r\n    \r\n    \/\/ Get the dropdown element\r\n    var dropdown = document.getElementById('taxonomy-dropdown');\r\n\r\n    \/\/ First, add the \"All\" option manually\r\n    var allOption = document.createElement('option');\r\n    allOption.value = \"__all\"; \/\/ Set the value of the \"All\" option\r\n    allOption.text = \"All\"; \/\/ Set the label for the \"All\" option\r\n    dropdown.appendChild(allOption); \/\/ Add it as the first option\r\n\r\n    \/\/ Loop through the buttons and create an option element for each one, except the \"All\" button\r\n    taxonomyButtons.forEach(function(button) {\r\n        var filterValue = button.getAttribute('data-filter');\r\n        if (filterValue !== \"__all\") { \/\/ Skip the \"All\" button\r\n            var option = document.createElement('option');\r\n            option.value = filterValue; \/\/ Set the option's value to the filter's data-filter attribute\r\n            option.text = button.textContent; \/\/ Set the option's text to the button's label\r\n            dropdown.appendChild(option); \/\/ Add the option to the dropdown\r\n        }\r\n    });\r\n\r\n    \/\/ Listen for changes to the dropdown and filter the results\r\n    dropdown.addEventListener('change', function() {\r\n        var selectedFilter = this.value;\r\n        if (selectedFilter) {\r\n            \/\/ Simulate clicking the corresponding filter button\r\n            taxonomyButtons.forEach(function(button) {\r\n                if (button.getAttribute('data-filter') === selectedFilter) {\r\n                    button.click(); \/\/ Simulate a click on the matching button\r\n                }\r\n            });\r\n        }\r\n    });\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef2a882 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"ef2a882\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/maktobholding.com\/ar\/%d8%a7%d9%84%d9%85%d8%af%d9%88%d9%86%d8%a9\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0627\u062a<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9d3995 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"e9d3995\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b57aaf1 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"b57aaf1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:458,&quot;_skin&quot;:&quot;post&quot;,&quot;columns&quot;:&quot;3&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\">\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c12017 elementor-widget elementor-widget-html\" data-id=\"9c12017\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"lp-latest-posts-section\">\n  <!-- HEADER -->\n  <div class=\"lp-header-row lp-header-3col\">\n    <div class=\"lp-header-left\">\n      <h2 class=\"lp-title lp-accent-title\">\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u062f\u0648\u0646\u0627\u062a<\/h2>\n    <\/div>\n\n    <div class=\"lp-header-center\">\n      <div class=\"lp-dropdown\">\n        <button type=\"button\" class=\"lp-button lp-dropdown-toggle\">\n          <span>\u0627\u0644\u0641\u0626\u0627\u062a<\/span>\n          <span class=\"lp-dropdown-icon\">\u25be<\/span>\n        <\/button>\n        <ul class=\"lp-dropdown-menu\"><\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-header-right\">\n      <button type=\"button\" class=\"lp-button lp-all-posts-btn\">\n        \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0627\u062a\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- POSTS GRID -->\n  <div class=\"lp-posts-wrapper\">\n    <div class=\"lp-posts-grid\" id=\"lp-posts-grid\"><\/div>\n  <\/div>\n<\/div>\n\n<style>\n  #lp-latest-posts-section {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 24px 0 32px;\n    color: #ffffff;\n    font-family: inherit;\n  }\n\n  \/* HEADER 3-COLUMN LAYOUT *\/\n  .lp-header-3col {\n    display: grid;\n    grid-template-columns: 1fr auto 1fr;\n    align-items: center;\n    margin-bottom: 24px;\n  }\n\n  .lp-header-left {\n    justify-self: start;\n  }\n  .lp-header-center {\n    justify-self: center;\n  }\n  .lp-header-right {\n    justify-self: end;\n  }\n\n  \/* ACCENT TITLE COLOR *\/\n  .lp-accent-title {\n    color: var(--e-global-color-accent, #b38352);\n    margin: 0;\n    letter-spacing: 0.12em;\n    font-weight: 700;\n    text-transform: uppercase;\n  }\n\n  \/* BUTTONS *\/\n  .lp-button {\n    border: none;\n    outline: none;\n    cursor: pointer;\n    padding: 10px 28px;\n    border-radius: 999px;\n    font-size: 13px;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    font-weight: 600;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    white-space: nowrap;\n    background-color: var(--e-global-color-accent, #b38352);\n    color: #ffffff;\n    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;\n  }\n\n  .lp-button:hover {\n    transform: translateY(-1px);\n    opacity: 0.95;\n    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);\n  }\n\n  \/* DROPDOWN *\/\n  .lp-dropdown {\n    position: relative;\n  }\n\n  .lp-dropdown-icon {\n    font-size: 11px;\n  }\n\n  .lp-dropdown-menu {\n    position: absolute;\n    top: 110%;\n    right: 0;\n    min-width: 180px;\n    padding: 8px 0;\n    margin: 0;\n    list-style: none;\n    background: rgba(8, 10, 18, 0.98);\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45);\n    z-index: 9999;\n    display: none;\n  }\n\n  .lp-dropdown-menu.lp-open {\n    display: block;\n  }\n\n  .lp-dropdown-item {\n    padding: 8px 14px;\n    font-size: 13px;\n    cursor: pointer;\n    color: #f5f5f5;\n  }\n\n  .lp-dropdown-item:hover {\n    background-color: rgba(255,255,255,0.07);\n  }\n\n  \/* POST CARDS *\/\n  .lp-posts-wrapper {\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.14);\n    padding: 14px;\n    background-color: rgba(255, 255, 255, 0.02);\n  }\n\n  .lp-posts-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  \/* TEXT ONLY CARDS *\/\n  .lp-post-card {\n    display: flex;\n    flex-direction: column;\n    background-color: rgba(8, 10, 18, 0.85);\n    border-radius: 10px;\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    padding: 18px 20px;\n  }\n\n  .lp-post-title {\n    color: var(--e-global-color-accent, #b38352) !important;\n    font-size: 16px;\n    margin: 0 0 8px;\n    line-height: 1.35;\n  }\n\n  .lp-post-meta {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    color: rgba(255,255,255,0.6);\n    margin-bottom: 6px;\n  }\n\n  .lp-post-excerpt {\n    font-size: 14px;\n    line-height: 1.6;\n    margin-bottom: 14px;\n    color: #e6e6e6;\n  }\n\n  .lp-post-link {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    color: var(--e-global-color-accent, #b38352);\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: auto;\n  }\n\n  .lp-post-link:hover {\n    text-decoration: underline;\n  }\n\n  \/* STATUS *\/\n  .lp-status {\n    grid-column: 1 \/ -1;\n    text-align: center;\n    padding: 20px 10px;\n    font-size: 13px;\n    color: #e5e7eb;\n  }\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 900px) {\n    .lp-posts-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 640px) {\n    .lp-posts-grid {\n      grid-template-columns: 1fr;\n    }\n    .lp-header-3col {\n      grid-template-columns: 1fr;\n      text-align: center;\n      gap: 12px;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\n  const apiBase = window.location.origin + '\/wp-json\/wp\/v2';\n  const postsGrid = document.getElementById('lp-posts-grid');\n  const allPostsBtn = document.querySelector('.lp-all-posts-btn');\n  const dropdownToggle = document.querySelector('.lp-dropdown-toggle');\n  const dropdownMenu = document.querySelector('.lp-dropdown-menu');\n\n  let currentCategoryId = null;\n  let isLoading = false;\n\n  function setStatus(message) {\n    postsGrid.innerHTML = '<div class=\"lp-status\">' + (message || '') + '<\/div>';\n  }\n\n  function stripHTML(html) {\n    const tmp = document.createElement('div');\n    tmp.innerHTML = html;\n    return tmp.textContent || tmp.innerText || '';\n  }\n\n  function truncateWords(text, maxWords) {\n    const words = text.split(\/\\s+\/).filter(Boolean);\n    if (words.length <= maxWords) return text;\n    return words.slice(0, maxWords).join(' ') + '\u2026';\n  }\n\n  function buildPostCard(post) {\n    const title = stripHTML(post.title.rendered || '');\n    const excerptRaw = stripHTML((post.excerpt && post.excerpt.rendered) || '');\n    const excerpt = truncateWords(excerptRaw, 28);\n    const link = post.link || '#';\n\n    const date = post.date ? new Date(post.date) : null;\n    const formattedDate = date\n      ? date.toLocaleDateString(undefined, {\n          year: 'numeric',\n          month: 'short',\n          day: 'numeric'\n        })\n      : '';\n\n    return `\n      <article class=\"lp-post-card\">\n        ${formattedDate ? '<div class=\"lp-post-meta\">' + formattedDate + '<\/div>' : ''}\n        <h3 class=\"lp-post-title\">${title}<\/h3>\n        <p class=\"lp-post-excerpt\">${excerpt}<\/p>\n        <a class=\"lp-post-link\" href=\"${link}\">\n          Read more \u2192\n        <\/a>\n      <\/article>\n    `;\n  }\n\n  function renderPosts(posts) {\n    if (!posts || !posts.length) {\n      setStatus('No posts found for this category.');\n      return;\n    }\n    postsGrid.innerHTML = posts.map(buildPostCard).join('');\n  }\n\n  async function loadPosts(categoryId) {\n    if (isLoading) return;\n    isLoading = true;\n    setStatus('Loading posts\u2026');\n\n    try {\n      let url = apiBase + '\/posts?per_page=3&_embed=1';\n      if (categoryId) url += '&categories=' + encodeURIComponent(categoryId);\n\n      const res = await fetch(url, { credentials: 'same-origin' });\n      if (!res.ok) throw new Error('Failed to load posts');\n      const data = await res.json();\n      renderPosts(data);\n    } catch (error) {\n      setStatus('Unable to load posts.');\n    } finally {\n      isLoading = false;\n    }\n  }\n\n  async function loadCategories() {\n    try {\n      const res = await fetch(apiBase + '\/categories?per_page=100');\n      const cats = await res.json();\n\n      const filtered = cats.filter(cat => cat.slug !== 'uncategorized');\n\n      dropdownMenu.innerHTML = filtered\n        .map(cat => `<li class=\"lp-dropdown-item\" data-id=\"${cat.id}\">${stripHTML(cat.name)}<\/li>`)\n        .join('');\n\n      dropdownMenu.addEventListener('click', function (e) {\n        const item = e.target.closest('.lp-dropdown-item');\n        if (!item) return;\n        currentCategoryId = item.getAttribute('data-id');\n        loadPosts(currentCategoryId);\n        dropdownMenu.classList.remove('lp-open');\n      });\n    } catch (error) {\n      dropdownMenu.innerHTML = '<li class=\"lp-dropdown-item\">Unable to load categories<\/li>';\n    }\n  }\n\n  dropdownToggle.addEventListener('click', function (e) {\n    e.stopPropagation();\n    dropdownMenu.classList.toggle('lp-open');\n  });\n\n  document.addEventListener('click', function (e) {\n    if (!dropdownMenu.contains(e.target) && !dropdownToggle.contains(e.target)) {\n      dropdownMenu.classList.remove('lp-open');\n    }\n  });\n\n  allPostsBtn.addEventListener('click', function () {\n    currentCategoryId = null;\n    loadPosts(null);\n  });\n\n  \/\/ Init\n  loadCategories();\n  loadPosts(null);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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>","protected":false},"excerpt":{"rendered":"<p>\u0645\u0643\u062a\u0628 \u0645\u0643\u062a\u0648\u0628 \u0627\u0644\u0642\u0627\u0628\u0636\u0629 \u0644\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u062e\u0627\u0635\n\u0631\u0624\u064a\u0629 \u0627\u0644\u0633\u0648\u0642. \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u0646\u0636\u0628\u0637\u0629. \u062e\u0628\u0631\u0629 \u0648\u0627\u0642\u0639\u064a\u0629.\n\u0646\u0642\u0648\u0645 \u0628\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u0633\u0648\u0627\u0642\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0627\u062a\u060c \u0648\u0645\u0634\u0627\u0631\u0643\u0629 \u0631\u0624\u0649 \u0645\u0633\u062a\u0642\u0644\u0629\u060c \u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646 \u0645\u0646 \u0639\u0642\u0648\u062f \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u0623\u0633\u0647\u0645 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0627\u0644\u0622\u062c\u0644\u0629\u060c \u0648\u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0643\u0644\u064a\u0629.\n\u0647\u0630\u0627 \u0627\u0644\u0645\u0648\u0642\u0639 \u0647\u0648 \u0633\u062c\u0644 \u0644\u0644\u0623\u0641\u0643\u0627\u0631 - \u0648\u0644\u064a\u0633 \u0645\u0646\u0635\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0623\u0648 \u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629.\n\u0622\u062e\u0631 \u0645\u0646\u0634\u0648\u0631: \u062a\u062d\u062f\u064a\u062b \u0628\u0648\u0631\u0635\u0629 \u0627\u0644\u0643\u0648\u064a\u062a (KSE)\n\u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a: \u0643\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0627\u062a\n\u0627\u0644\u0623\u062d\u062f\u062b...<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-235","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maktobholding.com\/ar\/wp-json\/wp\/v2\/pages\/235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maktobholding.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maktobholding.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maktobholding.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maktobholding.com\/ar\/wp-json\/wp\/v2\/comments?post=235"}],"version-history":[{"count":503,"href":"https:\/\/maktobholding.com\/ar\/wp-json\/wp\/v2\/pages\/235\/revisions"}],"predecessor-version":[{"id":1356,"href":"https:\/\/maktobholding.com\/ar\/wp-json\/wp\/v2\/pages\/235\/revisions\/1356"}],"wp:attachment":[{"href":"https:\/\/maktobholding.com\/ar\/wp-json\/wp\/v2\/media?parent=235"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}