{"id":8627,"date":"2023-08-31T18:56:32","date_gmt":"2023-08-31T18:56:32","guid":{"rendered":"https:\/\/ewa.edu.sa\/diploma-programs\/"},"modified":"2023-12-07T18:56:27","modified_gmt":"2023-12-07T18:56:27","slug":"diploma-programs","status":"publish","type":"page","link":"https:\/\/ewa.edu.sa\/ar\/diploma-programs\/","title":{"rendered":"Diploma Programs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8627\" class=\"elementor elementor-8627 elementor-3914\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-19710648 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"19710648\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4aa84d1\" data-id=\"4aa84d1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6da11b55 elementor-widget elementor-widget-heading\" data-id=\"6da11b55\" 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<h4 class=\"elementor-heading-title elementor-size-default\">\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0642\u0627\u0626\u0645 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0638\u064a\u0641\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d407052 elementor-widget elementor-widget-text-editor\" data-id=\"2d407052\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062f\u0628\u0644\u0648\u0645 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0644\u062e\u0631\u064a\u062c\u064a \u0627\u0644\u0645\u062f\u0627\u0631\u0633 \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629 \u0644\u0625\u0639\u062f\u0627\u062f\u0647\u0645 \u0644\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0645\u0628\u062a\u062f\u0626\u0629. \u064a\u0642\u062f\u0645 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0644\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646 \u062a\u062f\u0631\u064a\u0628\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u062d\u0635\u0648\u0644\u0647\u0645 \u0639\u0644\u0649 \u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u0644\u0646\u062c\u0627\u062d \u0641\u064a \u0648\u0638\u0627\u0626\u0641\u0647\u0645 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-74119e91\" data-id=\"74119e91\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4ec31490 elementor-widget elementor-widget-image\" data-id=\"4ec31490\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"470\" src=\"https:\/\/ewa.edu.sa\/wp-content\/uploads\/2017\/06\/diploma_feature.jpg\" class=\"elementor-animation-float attachment-full size-full wp-image-8079\" alt=\"Diploma feature\" srcset=\"https:\/\/ewa.edu.sa\/wp-content\/uploads\/2017\/06\/diploma_feature.jpg 730w, https:\/\/ewa.edu.sa\/wp-content\/uploads\/2017\/06\/diploma_feature-300x193.jpg 300w, https:\/\/ewa.edu.sa\/wp-content\/uploads\/2017\/06\/diploma_feature-600x386.jpg 600w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0e12b84 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0e12b84\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-26ce364\" data-id=\"26ce364\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0d17613 elementor-widget elementor-widget-cz_tabs\" data-id=\"0d17613\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cz_tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cz_tabs clr cz_tabs_htl\"><div class=\"cz_tabs_content\"><a class=\"cz_tab_a hide elementor-repeater-item-12d9a01\" data-tab=\"12d9a01\" ><span class=\"cz_tab_in_title\">\u0628\u0631\u0627\u0645\u062c \u0645\u062f\u062a\u0647\u0627 24 \u0634\u0647\u0631\u0627\u064b<\/span><\/a><div id=\"12d9a01\" class=\"cz_tab\"><div><style>.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8929 .elementor-element.elementor-element-b7e3aaa .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-8929 .elementor-element.elementor-element-b7e3aaa:after{content:\"0.66\";}.elementor-8929 .elementor-element.elementor-element-b7e3aaa .elementor-post__meta-data span + span:before{content:\"\u2022\";}.elementor-8929 .elementor-element.elementor-element-b7e3aaa{--grid-column-gap:30px;--grid-row-gap:35px;}.elementor-8929 .elementor-element.elementor-element-b7e3aaa .elementor-post__text{margin-top:20px;}.elementor-8929 .elementor-element.elementor-element-b7e3aaa .elementor-post__read-more{color:#F15A22;}@media(max-width:767px){.elementor-8929 .elementor-element.elementor-element-b7e3aaa .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-8929 .elementor-element.elementor-element-b7e3aaa:after{content:\"0.5\";}.elementor-8929 .elementor-element.elementor-element-b7e3aaa{--grid-column-gap:0px;}.elementor-8929 .elementor-element.elementor-element-b7e3aaa > .elementor-widget-container{margin:0px 15px 0px 15px;}}<\/style>\t\t<div data-elementor-type=\"section\" data-elementor-id=\"8929\" class=\"elementor elementor-8929 elementor-6372\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-391cf8b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"391cf8b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5210133\" data-id=\"5210133\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b7e3aaa elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts\" data-id=\"b7e3aaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;,&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;cards_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;cards_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"posts.cards\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-9024 course type-course status-publish has-post-thumbnail hentry program-category-diploma-programs program-tag-24-month-programs\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/ewa.edu.sa\/ar\/course\/electrical-equipment-maintenance-training-program\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"460\" src=\"https:\/\/ewa.edu.sa\/wp-content\/uploads\/2023\/09\/Electrical-Equipment-Maintenance-Training-Program-1.jpg\" class=\"attachment-full size-full wp-image-8357\" alt=\"Electrical Equipment Maintenance Training Program 1\" srcset=\"https:\/\/ewa.edu.sa\/wp-content\/uploads\/2023\/09\/Electrical-Equipment-Maintenance-Training-Program-1.jpg 770w, https:\/\/ewa.edu.sa\/wp-content\/uploads\/2023\/09\/Electrical-Equipment-Maintenance-Training-Program-1-300x179.jpg 300w, https:\/\/ewa.edu.sa\/wp-content\/uploads\/2023\/09\/Electrical-Equipment-Maintenance-Training-Program-1-768x459.jpg 768w, https:\/\/ewa.edu.sa\/wp-content\/uploads\/2023\/09\/Electrical-Equipment-Maintenance-Training-Program-1-600x358.jpg 600w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" loading=\"lazy\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/ewa.edu.sa\/ar\/course\/electrical-equipment-maintenance-training-program\/\" >\n\t\t\t\t\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0639\u0644\u0649 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>This program covers the basic maintenance requirements for electrical equipment common &#8230; <\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/ewa.edu.sa\/ar\/course\/electrical-equipment-maintenance-training-program\/\" aria-label=\"Read more about \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0639\u0644\u0649 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\" tabindex=\"-1\" >\n\t\t\t\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0632\u064a\u062f \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-9025 course type-course status-publish has-post-thumbnail hentry program-category-diploma-programs program-tag-24-month-programs\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/ewa.edu.sa\/ar\/course\/diesel-engine-operation-program\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/ewa.edu.sa\/wp-content\/uploads\/2023\/09\/IMG_0687-scaled-1.jpg\" class=\"attachment-full size-full wp-image-8356\" alt=\"IMG 0687 scaled 1\" srcset=\"https:\/\/ewa.edu.sa\/wp-content\/uploads\/2023\/09\/IMG_0687-scaled-1.jpg 2560w, https:\/\/ewa.edu.sa\/wp-content\/uploads\/2023\/09\/IMG_0687-scaled-1-1000x667.jpg 1000w, https:\/\/ewa.edu.sa\/wp-content\/uploads\/2023\/09\/IMG_0687-scaled-1-300x200.jpg 300w, https:\/\/ewa.edu.sa\/wp-content\/uploads\/2023\/09\/IMG_0687-scaled-1-1024x683.jpg 1024w, https:\/\/ewa.edu.sa\/wp-content\/uploads\/2023\/09\/IMG_0687-scaled-1-768x512.jpg 768w, https:\/\/ewa.edu.sa\/wp-content\/uploads\/2023\/09\/IMG_0687-scaled-1-1536x1024.jpg 1536w, https:\/\/ewa.edu.sa\/wp-content\/uploads\/2023\/09\/IMG_0687-scaled-1-2048x1366.jpg 2048w, https:\/\/ewa.edu.sa\/wp-content\/uploads\/2023\/09\/IMG_0687-scaled-1-600x400.jpg 600w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" loading=\"lazy\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/ewa.edu.sa\/ar\/course\/diesel-engine-operation-program\/\" >\n\t\t\t\t\u0628\u0631\u0646\u0627\u0645\u062c \u062a\u0634\u063a\u064a\u0644 \u0645\u062d\u0631\u0643 \u0627\u0644\u062f\u064a\u0632\u0644\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>This program covers the basic diesel engine requirements for water and &#8230; <\/p>\n\t\t<\/div>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/ewa.edu.sa\/ar\/course\/diesel-engine-operation-program\/\" aria-label=\"Read more about \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u0634\u063a\u064a\u0644 \u0645\u062d\u0631\u0643 \u0627\u0644\u062f\u064a\u0632\u0644\" tabindex=\"-1\" >\n\t\t\t\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u0632\u064a\u062f \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div><a class=\"cz_tab_a hide elementor-repeater-item-16b29e2\" data-tab=\"16b29e2\" ><span class=\"cz_tab_in_title\">\u0628\u0631\u0627\u0645\u062c \u0645\u062f\u062a\u0647\u0627 12 \u0634\u0647\u0631\u0627<\/span><\/a><div id=\"16b29e2\" class=\"cz_tab\"><div><style><\/style>\t\t<div data-elementor-type=\"section\" data-elementor-id=\"8928\" class=\"elementor elementor-8928 elementor-6363\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b725cdc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b725cdc\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-06da270\" data-id=\"06da270\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2f81c4d elementor-widget elementor-widget-html\" data-id=\"2f81c4d\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"utf-8\"\/>\r\n  <meta content=\"width=device-width, initial-scale=1\" name=\"viewport\"\/>\r\n  <title>Programs Cards<\/title>\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n  <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\" rel=\"stylesheet\"\/>\r\n  <style>\r\n    .fade-enter {\r\n      opacity: 0;\r\n      transform: translateY(10px);\r\n    }\r\n    .fade-enter-active {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n      transition: opacity 0.4s ease, transform 0.4s ease;\r\n    }\r\n    .active-tab {\r\n      background-color: #f96328 !important;\r\n      color: white !important;\r\n      border-color: #f96328 !important;\r\n    }\r\n .programs-grid {\r\n    max-width: 80rem;              \/* same as max-w-7xl *\/\r\n    margin-left: auto;             \/* mx-auto *\/\r\n    margin-right: auto;\r\n    display: grid;                 \/* grid *\/\r\n    grid-template-columns: repeat(1, minmax(0, 1fr)); \/* grid-cols-1 *\/\r\n    gap: 2rem;                     \/* gap-8 *\/\r\n  }\r\n\r\n  @media (min-width: 640px) {      \/* sm:grid-cols-2 *\/\r\n    .programs-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (min-width: 1024px) {     \/* lg:grid-cols-3 *\/\r\n    .programs-grid {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    }\r\n  }\r\n  <\/style>\r\n<\/head>\r\n<body class=\"bg-white p-6\">\r\n\r\n  <!-- Field Tabs -->\r\n  <div class=\"max-w-7xl mx-auto mb-6\">\r\n    <h2 class=\"text-xl font-bold text-gray-700 mb-2\">Filter by Field<\/h2>\r\n    <div id=\"field-tabs\" class=\"flex flex-wrap gap-2\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Duration Tabs -->\r\n  <div class=\"max-w-7xl mx-auto mb-6\">\r\n    <h2 class=\"text-xl font-bold text-gray-700 mb-2\">Filter by Duration<\/h2>\r\n    <div id=\"duration-tabs\" class=\"flex flex-wrap gap-2\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Program Cards \r\n  <div id=\"programs-container\" class=\"max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\"><\/div>-->\r\n  <div id=\"programs-container\" class=\"programs-grid\"><\/div>\r\n\r\n\r\n  <script>\r\n    const container = document.getElementById(\"programs-container\");\r\n    const fieldTabs = document.getElementById(\"field-tabs\");\r\n    const durationTabs = document.getElementById(\"duration-tabs\");\r\n    let allPrograms = [];\r\n\r\n    const isArabic = window.location.href.includes(\"\/ar\");\r\n    const url = isArabic\r\n      ? \"https:\/\/ewa-sys.info\/apex\/ewa\/websiteprograms\/ar\"\r\n      : \"https:\/\/ewa-sys.info\/apex\/ewa\/websiteprograms\/en\";\r\n\r\n    const fallbackImages = [\r\n      \"https:\/\/storage.googleapis.com\/a1aa\/image\/6392f5aa-8458-4110-a3ac-3cae2c74e751.jpg\",\r\n      \"https:\/\/storage.googleapis.com\/a1aa\/image\/d50304a3-ab21-4e3c-9292-bcc856a2c707.jpg\",\r\n      \"https:\/\/storage.googleapis.com\/a1aa\/image\/38bc248a-2b7f-4d4d-eab3-d290239c5d89.jpg\"\r\n    ];\r\n\r\n    function createTab(label, container, type, active = false) {\r\n      const tab = document.createElement(\"button\");\r\n      tab.textContent = label;\r\n      tab.className = `px-4 py-1 rounded-full text-sm font-semibold border transition-colors`;\r\n      tab.dataset[type] = label;\r\n\r\n      function setActiveStyles(el) {\r\n        el.classList.add(\"active-tab\");\r\n        el.classList.remove(\"text-gray-700\", \"bg-white\", \"border-gray-300\");\r\n        el.classList.add(\"text-white\", \"bg-[#f96328]\", \"border-[#f96328]\");\r\n      }\r\n\r\n      function setInactiveStyles(el) {\r\n        el.classList.remove(\"active-tab\", \"text-white\", \"bg-[#f96328]\", \"border-[#f96328]\");\r\n        el.classList.add(\"text-gray-700\", \"bg-white\", \"border-gray-300\");\r\n      }\r\n\r\n      if (active) setActiveStyles(tab);\r\n      else setInactiveStyles(tab);\r\n\r\n      tab.addEventListener(\"click\", () => {\r\n        document.querySelectorAll(`[data-${type}]`).forEach(btn => setInactiveStyles(btn));\r\n        setActiveStyles(tab);\r\n\r\n        const selectedField = document.querySelector('[data-field].active-tab')?.dataset.field || \"All\";\r\n        const selectedDuration = document.querySelector('[data-duration].active-tab')?.dataset.duration || \"All\";\r\n        renderPrograms(selectedField, selectedDuration);\r\n      });\r\n\r\n      container.appendChild(tab);\r\n    }\r\n\r\n    async function getImageUrl(id) {\r\n      try {\r\n        const response = await fetch(`https:\/\/ewa-sys.info\/apex\/ewa\/websiteprogramimages\/${id}`);\r\n        if (response.ok) return response.url;\r\n        throw new Error(\"Image not found\");\r\n      } catch (e) {\r\n        const fallback = fallbackImages[Math.floor(Math.random() * fallbackImages.length)];\r\n        return fallback;\r\n      }\r\n    }\r\n\r\n    async function renderPrograms(field = \"All\", duration = \"All\") {\r\n      container.innerHTML = \"\";\r\n\r\n      const filtered = allPrograms.filter(p =>\r\n        (field === \"All\" || p.field === field) &&\r\n        (duration === \"All\" || p.program_duration === duration)\r\n      );\r\n\r\n      if (filtered.length === 0) {\r\n        container.innerHTML = `<p class=\"text-gray-500 col-span-full text-center\">No programs match the selected filters.<\/p>`;\r\n        return;\r\n      }\r\n\r\n      for (const program of filtered) {\r\n        const imageUrl = await getImageUrl(program.id);\r\n        const card = document.createElement(\"div\");\r\n        card.className = \"bg-white rounded-md shadow-md overflow-hidden fade-enter\";\r\n\r\n        card.innerHTML = `\r\n          <div class=\"relative\">\r\n            <img decoding=\"async\" src=\"${imageUrl}\" alt=\"${program.program_name}\" class=\"w-full h-48 object-cover\" \/>\r\n            <span class=\"absolute top-4 left-4 bg-[#f96328] text-white text-xs font-semibold px-4 py-1 rounded-full\">\r\n              ${program.field}\r\n            <\/span>\r\n            <span class=\"absolute top-4 right-4 bg-[#f96328] text-white text-xs font-semibold px-4 py-1 rounded-full\">\r\n              ${program.program_duration.toUpperCase()} PROGRAM\r\n            <\/span>\r\n          <\/div>\r\n          <div class=\"p-6\">\r\n            <h3 class=\"text-gray-700 font-semibold text-lg leading-snug mb-3\">\r\n              ${program.program_name}\r\n            <\/h3>\r\n            <p class=\"text-gray-600 text-sm leading-relaxed mb-6\">\r\n              ${program.program_description.substring(0, 150).replace(\/\\r?\\n|\\r\/g, ' ')}...\r\n            <\/p>\r\n            <a href=\"https:\/\/ewa.edu.sa\/${isArabic ? 'ar\/program-detail' : 'program-details'}\/${program.id}\/\"\r\n   class=\"text-[#f96328] text-xs font-semibold tracking-wide uppercase\">\r\n   Read More \u00bb\r\n<\/a>\r\n\r\n          <\/div>\r\n        `;\r\n\r\n        container.appendChild(card);\r\n\r\n        \/\/ Animate fade in\r\n        requestAnimationFrame(() => {\r\n          card.classList.add(\"fade-enter-active\");\r\n        });\r\n      }\r\n    }\r\n\r\n    fetch(url)\r\n      .then(response => response.json())\r\n      .then(data => {\r\n     allPrograms = data.items.filter(p => {\r\n  const name = p.qualification_type.toLowerCase();\r\n  if (isArabic) {\r\n    return name.includes('\u062f\u0628\u0644\u0648\u0645') || name.includes('\u062f\u0628\u0644\u0648\u0645 \u0645\u0634\u0627\u0631\u0643');\r\n  } else {\r\n    return name.includes('diploma') || name.includes('associate diploma');\r\n  }\r\n});\r\n\r\n\r\n        const uniqueFields = Array.from(new Set(allPrograms.map(p => p.field))).sort();\r\n        const uniqueDurations = Array.from(new Set(allPrograms.map(p => p.program_duration))).sort();\r\n\r\n        createTab(\"All\", fieldTabs, \"field\", true);\r\n        uniqueFields.forEach(field => createTab(field, fieldTabs, \"field\"));\r\n\r\n        createTab(\"All\", durationTabs, \"duration\", true);\r\n        uniqueDurations.forEach(duration => createTab(duration, durationTabs, \"duration\"));\r\n\r\n        renderPrograms(); \/\/ initial render\r\n      })\r\n      .catch(error => {\r\n        container.innerHTML = `<p class=\"text-red-500\">Failed to load programs. Please try again later.<\/p>`;\r\n        console.error(\"Fetch error:\", error);\r\n      });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t<\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0642\u0627\u0626\u0645 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062f\u0628\u0644\u0648\u0645 \u0644\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 &#8230; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8627","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ewa.edu.sa\/ar\/wp-json\/wp\/v2\/pages\/8627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ewa.edu.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ewa.edu.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ewa.edu.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ewa.edu.sa\/ar\/wp-json\/wp\/v2\/comments?post=8627"}],"version-history":[{"count":36,"href":"https:\/\/ewa.edu.sa\/ar\/wp-json\/wp\/v2\/pages\/8627\/revisions"}],"predecessor-version":[{"id":9093,"href":"https:\/\/ewa.edu.sa\/ar\/wp-json\/wp\/v2\/pages\/8627\/revisions\/9093"}],"wp:attachment":[{"href":"https:\/\/ewa.edu.sa\/ar\/wp-json\/wp\/v2\/media?parent=8627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}