{"id":39,"date":"2026-02-17T02:27:45","date_gmt":"2026-02-17T02:27:45","guid":{"rendered":"https:\/\/rss.org.sa\/rss-events\/"},"modified":"2026-02-17T02:27:45","modified_gmt":"2026-02-17T02:27:45","slug":"rss-events","status":"publish","type":"page","link":"https:\/\/rss.org.sa\/ar\/rss-events\/","title":{"rendered":"Rss events"},"content":{"rendered":"\r\n<style>\r\n\/* CSS VARIABLES FOR THEME *\/\r\n:root {\r\n    --rss-green-dark: #1E3A2B;\r\n    --rss-green-mid: #2d523e;\r\n    --rss-white: #FFFFFF;\r\n}\r\n\r\n.rss-events-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    direction: rtl;\r\n    font-family: 'Tajawal', sans-serif;\r\n}\r\n\r\n.rss-events-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.rss-events-header h2 {\r\n    font-size: 36px;\r\n    color: var(--rss-green-dark);\r\n    font-weight: 800;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.rss-events-header p {\r\n    color: #666;\r\n    font-size: 18px;\r\n}\r\n\r\n\/* Grid System - 3 Cards Layout *\/\r\n.rss-cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px; \/* Balanced professional gap for 3 cards *\/\r\n    width: 100%;\r\n    margin: 0 auto; \r\n    margin-bottom: 50px;\r\n}\r\n\r\n\/* Card Design (Adapted from home-events) *\/\r\n.rss-card {\r\n    background: var(--rss-white);\r\n    border-radius: 16px; \r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: all 0.4s ease;\r\n    height: 100%;\r\n    position: relative;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n    border: 1px solid rgba(0,0,0,0.05);\r\n}\r\n\r\n.rss-card:hover { \r\n    transform: translateY(-5px); \r\n    box-shadow: 0 20px 40px rgba(30, 58, 43, 0.15);\r\n}\r\n\r\n.rss-card.completed {\r\n    opacity: 0.85;\r\n}\r\n.rss-card.completed:hover {\r\n    transform: translateY(-5px);\r\n}\r\n\r\n.rss-card-media {\r\n    height: 220px;\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.rss-card-media img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.6s ease;\r\n}\r\n\r\n.rss-card:hover .rss-card-media img { transform: scale(1.08); }\r\n\r\n.rss-status-badge {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 15px;    padding: 6px 14px;\r\n    border-radius: 50px;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    z-index: 3;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n}\r\n\r\n.rss-status-badge.upcoming {\r\n    background: #10B981;\r\n    color: #fff;\r\n}\r\n\r\n.rss-status-badge.completed {\r\n    background: #6b7280;\r\n    color: #fff;\r\n}\r\n\r\n.rss-card-body {\r\n    padding: 25px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n    text-align: right;\r\n}\r\n\r\n.rss-date-line {\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    color: var(--rss-green-dark);\r\n    margin-bottom: 10px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.8px;\r\n    opacity: 0.8;\r\n}\r\n\r\n.rss-card-title {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: #000;\r\n    line-height: 1.4;\r\n    margin: 0 0 12px 0;\r\n    flex-grow: 1;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    max-height: 56px;\r\n}\r\n\r\n.rss-location-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #555;\r\n    font-size: 14px;\r\n    margin-bottom: 20px;\r\n    font-weight: 500;\r\n}\r\n\r\n.rss-location-icon {\r\n    color: var(--rss-green-dark);\r\n    font-size: 16px;\r\n}\r\n\r\n.rss-fees-block {\r\n    margin-bottom: 20px;\r\n    padding-top: 15px;\r\n    border-top: 1px solid #f0f0f0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n\r\n.rss-fee-col {\r\n    font-size: 13px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    line-height: 1.4;\r\n}\r\n\r\n.rss-fee-label { color: #888; font-weight: 600; margin-bottom: 2px; }\r\n.rss-fee-val { color: var(--rss-green-dark); font-weight: 800; font-size: 16px; }\r\n\r\n.rss-btn-more {\r\n    background: #f1f3f2;\r\n    color: var(--rss-green-dark) !important;\r\n    text-decoration: none !important;\r\n    padding: 14px;\r\n    border-radius: 12px;\r\n    font-weight: 800;\r\n    font-size: 14px;\r\n    display: block;\r\n    text-align: center;\r\n    transition: all 0.3s;\r\n    border: 1px solid transparent;\r\n}\r\n\r\n.rss-card.completed .rss-btn-more {\r\n    background: #e5e7eb;\r\n    color: #4b5563 !important;\r\n}\r\n\r\n.rss-card.completed:hover .rss-btn-more {\r\n    background: #374151;\r\n    color: #fff !important;\r\n}\r\n\r\n.rss-btn-more:hover {\r\n    background: var(--rss-green-dark);\r\n    color: #fff !important;\r\n    border-color: var(--rss-green-dark);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.rss-card-link-overlay { position: absolute; inset: 0; z-index: 10; cursor: pointer; }\r\n\r\n\/* Load More Button *\/\r\n.rss-load-more-container {\r\n    text-align: center;\r\n    margin-top: 40px;\r\n}\r\n\r\n.rss-load-more-btn {\r\n    display: inline-block;\r\n    padding: 15px 50px;\r\n    background: linear-gradient(135deg, var(--rss-green-dark) 0%, var(--rss-green-mid) 100%);\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 50px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 5px 20px rgba(30, 58, 43, 0.2);\r\n}\r\n\r\n.rss-load-more-btn:hover {\r\n    background: linear-gradient(135deg, #172c21 0%, var(--rss-green-dark) 100%);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 30px rgba(30, 58, 43, 0.3);\r\n}\r\n\r\n.rss-load-more-btn:disabled {\r\n    background: #ccc;\r\n    cursor: not-allowed;\r\n    transform: none;\r\n    box-shadow: none;\r\n}\r\n\r\n.rss-loading-spinner {\r\n    display: inline-block;\r\n    width: 18px;\r\n    height: 18px;\r\n    border: 3px solid rgba(255,255,255,0.3);\r\n    border-top-color: #fff;\r\n    border-radius: 50%;\r\n    animation: spin 0.8s linear infinite;\r\n    margin-right: 10px;\r\n    vertical-align: middle;\r\n}\r\n\r\n@keyframes spin {\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n    .rss-cards-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .rss-cards-grid { grid-template-columns: 1fr; }\r\n    .rss-events-header h2 { font-size: 28px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"rss-events-container\">\r\n    <div class=\"rss-events-header\">\r\n        <h2>\u0623\u062d\u062f\u0627\u062b\u0646\u0627 \u0648\u0641\u0639\u0627\u0644\u064a\u0627\u062a\u0646\u0627<\/h2>\r\n        <p>\u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0641\u0639\u0627\u0644\u064a\u0627\u062a\u0646\u0627 \u0648\u0648\u0631\u0634 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0642\u0627\u062f\u0645\u0629<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"rss-cards-grid\" data-container=\"events\">\r\n                                    <div class=\"rss-card upcoming\">\r\n                    <a href=\"https:\/\/rss.org.sa\/ar\/?rss_event_id=6\" class=\"rss-card-link-overlay\"><\/a>\r\n                    \r\n                    <div class=\"rss-card-media\">\r\n                        <img decoding=\"async\" src=\"https:\/\/rss.org.sa\/wp-content\/uploads\/2026\/08\/rssimg.png\" alt=\"\u0648\u0631\u0634\u0629 \u0639\u0645\u0644 \u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0631\u0648\u0628\u0648\u062a\u064a\u0629\">\r\n                        <div class=\"rss-status-badge upcoming\">\u0642\u0627\u062f\u0645\u0629<\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"rss-card-body\">\r\n                        <div class=\"rss-date-line\">6 \u0646\u0648\u0641\u0645\u0628\u0631, 2026<\/div>\r\n                        \r\n                        <h3 class=\"rss-card-title\">\u0648\u0631\u0634\u0629 \u0639\u0645\u0644 \u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0627\u0644\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0631\u0648\u0628\u0648\u062a\u064a\u0629<\/h3>\r\n                        \r\n                        <div class=\"rss-location-row\">\r\n                            <span class=\"rss-location-icon\">\ud83d\udccd<\/span>\r\n                            <span>\u0641\u0646\u062f\u0642 \u0647\u064a\u0644\u062a\u0648\u0646 \u062c\u062f\u0629<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"rss-fees-block\">\r\n                            <div class=\"rss-fee-col\">\r\n                                <span class=\"rss-fee-label\">\u0644\u0644\u0623\u0639\u0636\u0627\u0621:<\/span>\r\n                                <span class=\"rss-fee-val\">1,250 \u0631\u064a\u0627\u0644<\/span>\r\n                            <\/div>\r\n                            <div class=\"rss-fee-col\" style=\"text-align:left;\">\r\n                                <span class=\"rss-fee-label\">\u0644\u0644\u0632\u0648\u0627\u0631:<\/span>\r\n                                <span class=\"rss-fee-val\">1,500 \u0631\u064a\u0627\u0644<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"rss-btn-more\">\r\n                            \u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 &larr;                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                        <\/div>\r\n\r\n    <!-- Load More Button -->\r\n    <\/div>\r\n\r\n<script>\r\nfunction rssLoadMoreEvents(btn) {\r\n    if (btn.disabled) return;\r\n    \r\n    const limit = parseInt(btn.getAttribute('data-limit'));\r\n    const offset = parseInt(btn.getAttribute('data-offset'));\r\n    const lang = btn.getAttribute('data-lang');\r\n    \r\n    \/\/ Disable button and show loading\r\n    btn.disabled = true;\r\n    const originalText = btn.innerHTML;\r\n    btn.innerHTML = '<span class=\"rss-loading-spinner\"><\/span> \u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0645\u064a\u0644...';\r\n    \r\n    \/\/ AJAX request\r\n    const formData = new FormData();\r\n    formData.append('action', 'rss_load_more_events');\r\n    formData.append('limit', limit);\r\n    formData.append('offset', offset);\r\n    formData.append('lang', lang);\r\n    \r\n    fetch('https:\/\/rss.org.sa\/wp-admin\/admin-ajax.php', {\r\n        method: 'POST',\r\n        body: formData\r\n    })\r\n    .then(response => response.json())\r\n    .then(data => {\r\n        if (data.success && data.data && data.data.html) {\r\n            \/\/ Append new items\r\n            const container = document.querySelector('[data-container=\"events\"]');\r\n            if (container) {\r\n                container.insertAdjacentHTML('beforeend', data.data.html);\r\n            }\r\n            \r\n            \/\/ Update offset\r\n            btn.setAttribute('data-offset', offset + limit);\r\n            \r\n            \/\/ Hide button if no more items\r\n            if (!data.data.has_more) {\r\n                btn.parentElement.style.display = 'none';\r\n            } else {\r\n                btn.disabled = false;\r\n                btn.innerHTML = originalText;\r\n            }\r\n        } else {\r\n            btn.parentElement.style.display = 'none';\r\n        }\r\n    })\r\n    .catch(error => {\r\n        console.error('Load more error:', error);\r\n        btn.disabled = false;\r\n        btn.innerHTML = originalText;\r\n        alert('\u062d\u062f\u062b \u062e\u0637\u0623 \u0641\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a');\r\n    });\r\n}\r\n<\/script>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":0,"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"wp:attachment":[{"href":"https:\/\/rss.org.sa\/ar\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}