{"id":7593,"date":"2025-07-13T18:18:17","date_gmt":"2025-07-13T15:18:17","guid":{"rendered":"https:\/\/www.fgccc.org\/?page_id=7593"},"modified":"2025-07-13T18:18:27","modified_gmt":"2025-07-13T15:18:27","slug":"%d8%a7%d9%84%d8%a3%d8%ad%d8%af%d8%a7%d8%ab","status":"publish","type":"page","link":"https:\/\/fgccc.org\/en\/%d8%a7%d9%84%d8%a3%d8%ad%d8%af%d8%a7%d8%ab\/","title":{"rendered":"\u0627\u0644\u0623\u062d\u062f\u0627\u062b"},"content":{"rendered":"    <div class=\"event-calendar-wrapper\">\r\n        <div class=\"calendar-header\">\r\n            <div class=\"header-actions\">\r\n                                <a href=\"\/\u0627\u0644\u0623\u062d\u062f\u0627\u062b\/\" class=\"btn-secondary\">\u0643\u0644 \u0627\u0644\u0623\u062d\u062f\u0627\u062b<\/a>\r\n            <\/div>\r\n            <div class=\"filter-section\">\r\n                <label>\u0627\u0646\u062a\u0642\u0627\u0644 \u0633\u0631\u064a\u0639:<\/label>\r\n                <select id=\"monthFilter\" class=\"custom-select\"><option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0634\u0647\u0631<\/option><\/select>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"calendar\"><\/div>\r\n\r\n        <div id=\"addEventModal\" class=\"custom-modal\">\r\n            <div class=\"modal-content\">\r\n                <span class=\"close-modal\">&times;<\/span>\r\n                <h3>\u0625\u0636\u0627\u0641\u0629 \u062d\u062f\u062b \u062c\u062f\u064a\u062f<\/h3>\r\n                <form id=\"frontEndEventForm\" enctype=\"multipart\/form-data\">\r\n                    <input type=\"text\" name=\"title\" placeholder=\"\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062d\u062f\u062b\" required>\r\n                    <div class=\"date-group\">\r\n                        <input type=\"date\" name=\"date_from\" required title=\"\u0645\u0646 \u062a\u0627\u0631\u064a\u062e\">\r\n                        <input type=\"date\" name=\"date_to\" title=\"\u0625\u0644\u0649 \u062a\u0627\u0631\u064a\u062e\">\r\n                    <\/div>\r\n                    <textarea name=\"content\" placeholder=\"\u0648\u0635\u0641 \u0627\u0644\u062d\u062f\u062b\" rows=\"4\"><\/textarea>\r\n                    <input type=\"url\" name=\"url\" placeholder=\"\u0631\u0627\u0628\u0637 \u062e\u0627\u0631\u062c\u064a (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)\">\r\n                    <div class=\"file-input\">\r\n                        <label>\u0635\u0648\u0631\u0629 \u0627\u0644\u062d\u062f\u062b:<\/label>\r\n                        <input type=\"file\" name=\"image\" accept=\"image\/*\">\r\n                    <\/div>\r\n                    <input type=\"hidden\" id=\"event_nonce\" name=\"event_nonce\" value=\"05872ae1f4\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/7593\" \/>                    <button type=\"submit\" class=\"btn-submit\">\u062d\u0641\u0638 \u0627\u0644\u062d\u062f\u062b \u0627\u0644\u0622\u0646<\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"fullEventModal\" class=\"custom-modal\">\r\n            <div class=\"modal-content\">\r\n                <span class=\"close-modal\" onclick=\"document.getElementById('fullEventModal').style.display='none'\">&times;<\/span>\r\n                <div id=\"fullEventContent\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        :root { --primary-color: #b11; --secondary-color: #0073aa; --bg-light: #f8f9fa; }\r\n        .event-calendar-wrapper { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; direction: rtl; }\r\n        .calendar-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap; gap: 15px; }\r\n        \r\n        \/* Buttons Style *\/\r\n        .btn-primary, .btn-submit { background: var(--primary-color); color: #fff; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; transition: 0.3s; font-weight: bold; }\r\n        .btn-secondary { background: var(--secondary-color); color: #fff; padding: 10px 20px; border-radius: 8px; text-decoration: none; font-size: 14px; }\r\n        .btn-primary:hover { background: #8e0e0e; transform: translateY(-2px); }\r\n\r\n        \/* Calendar UI Customization *\/\r\n        #calendar { background: #fff; padding: 15px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border: 1px solid #eee; }\r\n        .fc-toolbar-title { font-size: 1.2em !important; font-weight: bold; color: #333; }\r\n        .fc-daygrid-day.fc-day-today { background-color: #fff9e6 !important; }\r\n        .fc-event { cursor: pointer; border-radius: 4px; padding: 2px 5px; border: none !important; background: var(--secondary-color) !important; }\r\n        .fc-has-event { background-color: #fff5f5 !important; border-bottom: 2px solid var(--primary-color) !important; }\r\n\r\n        \/* Modal Style *\/\r\n        .custom-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); backdrop-filter: blur(5px); }\r\n        .modal-content { background: #fff; margin: 5% auto; padding: 30px; border-radius: 15px; width: 90%; max-width: 550px; position: relative; animation: slideIn 0.3s ease; }\r\n        @keyframes slideIn { from { transform: translateY(-30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }\r\n        .close-modal { position: absolute; left: 20px; top: 15px; font-size: 28px; cursor: pointer; color: #999; }\r\n        \r\n        \/* Form Inputs *\/\r\n        #frontEndEventForm input, #frontEndEventForm textarea, .custom-select { width: 100%; margin-bottom: 15px; padding: 12px; border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box; }\r\n        .date-group { display: flex; gap: 10px; }\r\n    <\/style>\r\n\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/fullcalendar@6.1.8\/index.global.min.js\"><\/script>\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n        const calendarEl = document.getElementById('calendar');\r\n        const calendar = new FullCalendar.Calendar(calendarEl, {\r\n            initialView: 'dayGridMonth',\r\n            locale: 'ar',\r\n            headerToolbar: { right: 'prev,next today', center: 'title', left: '' },\r\n            events: [{\"id\":8588,\"title\":\"\\u0645\\u0624\\u062a\\u0645\\u0631 FIATA RAME 2026 \\u2013 \\u0627\\u0644\\u062f\\u0648\\u062d\\u0629\",\"start\":\"2026-05-11\",\"end\":\"2026-05-13\",\"backgroundColor\":\"#b11\"},{\"id\":8214,\"title\":\"\\u0627\\u0644\\u0645\\u0644\\u062a\\u0642\\u0649  \\u0627\\u0644\\u062e\\u0644\\u064a\\u062c\\u064a \\u0627\\u0644\\u0623\\u0648\\u0644 \\u0644\\u0628\\u0646\\u0627\\u0621 \\u0642\\u062f\\u0631\\u0627\\u062a \\u0648\\u0645\\u0647\\u0627\\u0631\\u0627\\u062a \\u0623\\u0635\\u062d\\u0627\\u0628 \\u0627\\u0644\\u0645\\u0634\\u0627\\u0631\\u064a\\u0639 \\u0627\\u0644\\u0645\\u0646\\u0632\\u0644\\u064a\\u0629 \\u0627\\u0644\\u0645\\u0642\\u0631\\u0631 \\u0639\\u0642\\u062f\\u0647 \\u0628\\u062a\\u0627\\u0631\\u064a\\u062e 30 \\u0646\\u0648\\u0641\\u0645\\u0628\\u0631 \\u2013 1 \\u062f\\u064a\\u0633\\u0645\\u0628\\u0631 \\u0641\\u064a \\u062f\\u0648\\u0644\\u0629 \\u0627\\u0644\\u0643\\u0648\\u064a\\u062a.\",\"start\":\"2025-11-30\",\"end\":\"2025-12-02\",\"backgroundColor\":\"#b11\"},{\"id\":8014,\"title\":\"\\u0627\\u0644\\u0645\\u0646\\u062a\\u062f\\u0649 \\u0627\\u0644\\u0633\\u0627\\u0628\\u0639 \\u0644\\u0635\\u0627\\u062d\\u0628\\u0627\\u062a \\u0627\\u0644\\u0627\\u0639\\u0645\\u0627\\u0644 \\u0627\\u0644\\u062e\\u0644\\u064a\\u062c\\u064a\\u0627\\u062a\",\"start\":\"2025-11-12\",\"end\":\"2025-11-14\",\"backgroundColor\":\"#b11\"},{\"id\":7592,\"title\":\"\\u0645\\u0646\\u062a\\u062f\\u0649 \\u0627\\u0644\\u0627\\u0633\\u062a\\u062b\\u0645\\u0627\\u0631 \\u0627\\u0644\\u0645\\u063a\\u0631\\u0628\\u064a \\u0627\\u0644\\u062e\\u0644\\u064a\\u062c\\u064a \\u0627\\u0644\\u062e\\u0627\\u0645\\u0633\",\"start\":\"2025-11-03\",\"end\":\"2025-11-05\",\"backgroundColor\":\"#b11\"}],\r\n            eventClick: function(info) {\r\n                fetch('https:\/\/fgccc.org\/wp-admin\/admin-ajax.php?action=get_event_details&id=' + info.event.id)\r\n                .then(res => res.json()).then(data => {\r\n                    let html = `<h2 style=\"color:var(--primary-color)\">${data.title}<\/h2>`;\r\n                    if (data.image) html += `<img decoding=\"async\" src=\"${data.image}\" style=\"width:100%; border-radius:10px; margin-bottom:15px;\">`;\r\n                    html += `<div style=\"line-height:1.6; color:#555;\">${data.content}<\/div>`;\r\n                    if (data.url) html += `<a href=\"${data.url}\" target=\"_blank\" class=\"btn-secondary\" style=\"display:inline-block; margin-top:15px;\">\u0631\u0627\u0628\u0637 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>`;\r\n                    document.getElementById('fullEventContent').innerHTML = html;\r\n                    document.getElementById('fullEventModal').style.display = 'block';\r\n                });\r\n            }\r\n        });\r\n        calendar.render();\r\n\r\n        \/\/ \u0645\u0646\u0637\u0642 \u0627\u0644\u0645\u0648\u062f\u0627\u0644 (\u0625\u0636\u0627\u0641\u0629 \u062d\u062f\u062b)\r\n        const modal = document.getElementById('addEventModal');\r\n        const btn = document.getElementById('openModalBtn');\r\n        if(btn) btn.onclick = () => modal.style.display = \"block\";\r\n        document.querySelector('.close-modal').onclick = () => modal.style.display = \"none\";\r\n\r\n        \/\/ \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c AJAX\r\n        document.getElementById('frontEndEventForm').onsubmit = function(e) {\r\n            e.preventDefault();\r\n            const formData = new FormData(this);\r\n            formData.append('action', 'save_custom_event');\r\n            \r\n            fetch('https:\/\/fgccc.org\/wp-admin\/admin-ajax.php', {\r\n                method: 'POST',\r\n                body: formData\r\n            }).then(() => {\r\n                alert('\u062a\u0645 \u062d\u0641\u0638 \u0627\u0644\u062d\u062f\u062b \u0628\u0646\u062c\u0627\u062d\u060c \u0633\u064a\u0638\u0647\u0631 \u0628\u0639\u062f \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0635\u0641\u062d\u0629');\r\n                location.reload();\r\n            });\r\n        };\r\n\r\n        \/\/ \u062a\u0648\u0644\u064a\u062f \u0641\u0644\u062a\u0631 \u0627\u0644\u0623\u0634\u0647\u0631\r\n        const monthSelect = document.getElementById('monthFilter');\r\n        const months = [...new Set(calendar.getEvents().map(e => e.startStr.slice(0, 7)))].sort();\r\n        months.forEach(m => {\r\n            const opt = document.createElement('option');\r\n            opt.value = m;\r\n            opt.textContent = new Date(m + '-01').toLocaleString('ar-EG', { month: 'long', year: 'numeric' });\r\n            monthSelect.appendChild(opt);\r\n        });\r\n        monthSelect.onchange = function() { if(this.value) calendar.gotoDate(this.value + '-01'); };\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-7593","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fgccc.org\/en\/wp-json\/wp\/v2\/pages\/7593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fgccc.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fgccc.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fgccc.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fgccc.org\/en\/wp-json\/wp\/v2\/comments?post=7593"}],"version-history":[{"count":2,"href":"https:\/\/fgccc.org\/en\/wp-json\/wp\/v2\/pages\/7593\/revisions"}],"predecessor-version":[{"id":7595,"href":"https:\/\/fgccc.org\/en\/wp-json\/wp\/v2\/pages\/7593\/revisions\/7595"}],"wp:attachment":[{"href":"https:\/\/fgccc.org\/en\/wp-json\/wp\/v2\/media?parent=7593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}