{"id":2666,"date":"2025-08-02T16:55:17","date_gmt":"2025-08-02T16:55:17","guid":{"rendered":"https:\/\/ar.institutsounnah.com\/?page_id=2666"},"modified":"2026-04-27T19:21:30","modified_gmt":"2026-04-27T19:21:30","slug":"%d8%b1%d8%ac%d8%a7%d9%84-%d9%88%d8%a7%d9%84%d9%86%d8%b3%d8%a7%d8%a1-%d8%a7%d9%84%d8%b9%d9%84%d9%88%d9%85-%d8%a7%d9%84%d8%b4%d8%b1%d8%b9%d9%8a%d8%a9-%d8%a7%d9%84%d8%a3%d8%ad%d8%af-14h30-1","status":"publish","type":"page","link":"https:\/\/ar.institutsounnah.com\/?page_id=2666","title":{"rendered":"\u0631\u062c\u0627\u0644 \u0648\u0627\u0644\u0646\u0633\u0627\u0621 &#8211; \u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0634\u0631\u0639\u064a\u0629 &#8211; \u0627\u0644\u0623\u062d\u062f 14H30 \u2013 13H00"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/www.institutsounnah.com\/wp-content\/uploads\/Home-banniere.is_.svg\" alt=\"\"><\/p>\n<h1><span style=\"font-size: 21pt; font-family: 'Traditional Arabic'; color: #;\" lang=\"AR-SA\"><strong> \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0639\u0646 \u0628\u0639\u062f<\/strong><\/span><\/h1>\n<h1><span style=\"font-size: 21pt; font-family: 'Traditional Arabic'; color: #;\" lang=\"AR-SA\"><strong> &#8211; \u062a\u0633\u062c\u064a\u0644\u0627\u062a \u0644\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a &#8211;<br \/>2027\/2026 <\/strong><\/span><\/h1>\n<hr>\n<h1><span style=\"font-size: 25pt; font-family: 'Traditional Arabic'; color:#;\" lang=\"AR-SA\"><strong> &#8211; \u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0634\u0631\u0639\u064a\u0629 &#8211;  <br \/>\n  \u0644\u0644\u0631\u062c\u0627\u0644 \u0648\u0627\u0644\u0646\u0633\u0627\u0621<br \/>\n    <\/strong><\/span><br \/>\n<\/h1>\n<div>\n<div class=\"uk-margin-small uk-card uk-card-default uk-card-body\">: <span style=\"font-size: 21pt; font-family: 'Traditional Arabic'; color: #;\" lang=\"AR-SA\"><strong>\u062f\u0631\u0648\u0633 \u0639\u0646 \u0628\u0639\u062f | \u0627\u0644\u0633\u0639\u0631 <\/strong> <\/span><br \/><span class=\"uk-h1 uk-heading-small\" style=\"color: #ff0000;\">110\u20ac <span><br \/><span class=\"uk-h4 uk-text-secondary\"><a href=\"https:\/\/ar.institutsounnah.com\/?page_id=2200\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 21pt; font-family: 'Traditional Arabic'; color: #;\" lang=\"AR-SA\"><strong> \u0627\u0644\u0645\u0633\u062a\u0648\u0649 5<\/strong><\/span><\/a><\/span> <\/span><\/span><\/p>\n<p class=\"uk-h4 uk-text-danger\"><span style=\"font-size: 17pt; font-family: 'Traditional Arabic'; color: #;\" lang=\"AR-SA\"><b>\u0627\u0644\u0639\u0642\u064a\u062f\u0629 : \u0643\u062a\u0627\u0628 \u0627\u0644\u062a\u0648\u062d\u064a\u062f <\/b> <br \/>\u0627\u0644\u0641\u0642\u0647: \u0645\u0646\u0647\u062c \u0627\u0644\u0633\u0627\u0644\u0643\u064a\u0646<\/span><\/p>\n<\/div>\n<\/div>\n<div>\n<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n\r\n<head>\r\n    <script defer src=\"https:\/\/unpkg.com\/vue@3\/dist\/vue.global.prod.js\"><\/script>\r\n    <script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/axios\/dist\/axios.min.js\"><\/script>\r\n\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        \/* Modern Form Styling - Arabic Version *\/\r\n        * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Noto Sans Arabic', Arial, sans-serif;\r\n            background: #f3f6fb;\r\n            min-height: 100vh;\r\n            padding: 2rem 1rem;\r\n            margin: 0;\r\n            direction: rtl;\r\n            color: #283046;\r\n        }\r\n\r\n        .form-container {\r\n            max-width: 840px;\r\n            margin: 0 auto;\r\n            background: rgba(255, 255, 255, 0.96);\r\n            backdrop-filter: blur(14px);\r\n            border-radius: 28px;\r\n            box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12);\r\n            overflow: hidden;\r\n            margin-bottom: 2rem;\r\n            transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n        }\r\n\r\n        .form-container:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 28px 60px rgba(15, 23, 42, 0.16);\r\n        }\r\n\r\n        \/* Header Styling *\/\r\n        .form-header {\r\n            background: linear-gradient(135deg, #2b6cb0 0%, #4c51bf 100%);\r\n            color: white;\r\n            padding: 3rem 2rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .form-header h1 {\r\n            font-size: 2.4rem;\r\n            font-weight: 700;\r\n            margin: 0 0 1rem 0;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .form-header p {\r\n            font-size: 1.1rem;\r\n            opacity: 0.92;\r\n            margin: 0;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Form Controls Container *\/\r\n        .form-section {\r\n            padding: 1.8rem 2rem;\r\n            border-bottom: 1px solid rgba(15, 23, 42, 0.06);\r\n            transition: background-color 0.25s ease;\r\n        }\r\n\r\n        .form-section:hover {\r\n            background: rgba(102, 126, 234, 0.04);\r\n        }\r\n\r\n        .form-section:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        \/* Labels *\/\r\n        .form-label {\r\n            display: block;\r\n            font-weight: 600;\r\n            font-size: 1.08rem;\r\n            color: #2f3a50;\r\n            margin-bottom: 0.8rem;\r\n            position: relative;\r\n        }\r\n\r\n        .form-label::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -4px;\r\n            right: 0;\r\n            width: 34px;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #667eea, #764ba2);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* Instructions *\/\r\n        .form-instructions {\r\n            color: #596579;\r\n            font-size: 0.96rem;\r\n            margin-bottom: 1rem;\r\n            padding: 0.85rem 1rem;\r\n            background: rgba(102, 126, 234, 0.06);\r\n            border-right: 4px solid #667eea;\r\n            border-radius: 10px 0 0 10px;\r\n        }\r\n\r\n        \/* Input Fields *\/\r\n        .form-input {\r\n            width: 100%;\r\n            padding: 1rem 1.25rem;\r\n            border: 2px solid #e2e8f0;\r\n            border-radius: 14px;\r\n            font-size: 1rem;\r\n            background: #ffffff;\r\n            transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n            outline: none;\r\n            font-family: 'Noto Sans Arabic', Arial, sans-serif;\r\n            direction: rtl;\r\n        }\r\n\r\n        .form-input:focus {\r\n            border-color: #667eea;\r\n            box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.12);\r\n        }\r\n\r\n        .form-input:hover {\r\n            border-color: #cbd5e0;\r\n        }\r\n\r\n        \/* Input Row Styling *\/\r\n        .input-row {\r\n            display: flex;\r\n            gap: 1rem;\r\n            margin-bottom: 1rem;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .input-row:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .input-half {\r\n            flex: 1 1 220px;\r\n        }\r\n\r\n        .input-fill {\r\n            flex: 2 1 320px;\r\n        }\r\n\r\n        \/* Choice Styling *\/\r\n        .choice-container {\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .choice-box {\r\n            background: #ffffff;\r\n            border: 2px solid #e2e8f0;\r\n            border-radius: 16px;\r\n            padding: 1.25rem 1.35rem;\r\n            margin-bottom: 1rem;\r\n            transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 1rem;\r\n            min-height: 70px;\r\n        }\r\n\r\n        .choice-box:hover {\r\n            border-color: #667eea;\r\n            transform: translateY(-1px);\r\n            box-shadow: 0 10px 28px rgba(102, 126, 234, 0.12);\r\n        }\r\n\r\n        .choice-box input[type=\"radio\"],\r\n        .choice-box input[type=\"checkbox\"] {\r\n            appearance: none;\r\n            width: 24px;\r\n            height: 24px;\r\n            border: 2px solid #cbd5e0;\r\n            border-radius: 50%;\r\n            position: relative;\r\n            cursor: pointer;\r\n            transition: border-color 0.2s ease, background-color 0.2s ease;\r\n            margin-left: 1rem;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .choice-box input[type=\"checkbox\"] {\r\n            border-radius: 8px;\r\n        }\r\n\r\n        .choice-box input[type=\"radio\"]:checked,\r\n        .choice-box input[type=\"checkbox\"]:checked {\r\n            background: linear-gradient(135deg, #667eea, #764ba2);\r\n            border-color: #667eea;\r\n        }\r\n\r\n        .choice-box input[type=\"radio\"]:checked::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 8px;\r\n            height: 8px;\r\n            background: white;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .choice-box input[type=\"checkbox\"]:checked::after {\r\n            content: '\u2713';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            color: white;\r\n            font-weight: bold;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .choice-text {\r\n            font-weight: 500;\r\n            color: #2d3748;\r\n            font-size: 1.05rem;\r\n            flex: 1;\r\n        }\r\n\r\n        \/* Dropdown Styling *\/\r\n        .dropdown-container {\r\n            position: relative;\r\n            background: white;\r\n            border: 2px solid #e2e8f0;\r\n            border-radius: 14px;\r\n            padding: 1rem 1.25rem;\r\n            transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .dropdown-container:hover {\r\n            border-color: #cbd5e0;\r\n        }\r\n\r\n        .dropdown-container:focus-within {\r\n            border-color: #667eea;\r\n            box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.12);\r\n        }\r\n\r\n        .dropdown-container select {\r\n            border: none;\r\n            outline: none;\r\n            background: transparent;\r\n            width: 100%;\r\n            font-size: 1rem;\r\n            font-family: 'Noto Sans Arabic', Arial, sans-serif;\r\n            direction: rtl;\r\n        }\r\n\r\n        \/* Dividers *\/\r\n        .divider {\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, #e2e8f0, transparent);\r\n            margin: 2rem 0;\r\n        }\r\n\r\n        \/* Agreement Section *\/\r\n        .agreement-section {\r\n            background: rgba(102, 126, 234, 0.05);\r\n            border-radius: 18px;\r\n            border: 2px solid rgba(102, 126, 234, 0.1);\r\n        }\r\n\r\n        .agreement-label {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 1rem;\r\n            font-size: 1rem;\r\n            line-height: 1.8;\r\n            cursor: pointer;\r\n            padding: 1rem;\r\n        }\r\n\r\n        .agreement-label input {\r\n            margin: 0.25rem 0 0 0;\r\n            width: 20px;\r\n            height: 20px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* Links *\/\r\n        .form-link {\r\n            color: #667eea;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            transition: color 0.2s ease, transform 0.2s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .form-link:hover {\r\n            color: #5a67d8;\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        .form-link::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -2px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, #667eea, #764ba2);\r\n            transform: scaleX(0);\r\n            transition: transform 0.25s ease;\r\n        }\r\n\r\n        .form-link:hover::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .submit-button {\r\n            background: linear-gradient(135deg, #667eea, #764ba2);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 14px;\r\n            padding: 1rem 3rem;\r\n            font-size: 1.05rem;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;\r\n        }\r\n\r\n        .submit-button:hover {\r\n            transform: translateY(-1px);\r\n            box-shadow: 0 12px 30px rgba(102, 126, 234, 0.2);\r\n        }\r\n\r\n        .form-feedback {\r\n            max-width: 840px;\r\n            margin: 1rem auto;\r\n            padding: 1.3rem 1.4rem;\r\n            border-radius: 18px;\r\n            font-size: 1rem;\r\n            line-height: 1.75;\r\n            text-align: center;\r\n            animation: fadeIn 0.25s ease;\r\n        }\r\n\r\n        .form-feedback.success {\r\n            background: #effbf6;\r\n            color: #1f4441;\r\n            border: 1px solid #8ee0c8;\r\n        }\r\n\r\n        .form-feedback.error {\r\n            background: #fff5f5;\r\n            color: #7b2f2f;\r\n            border: 1px solid #f5c2c2;\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            body {\r\n                padding: 1rem 0.75rem;\r\n            }\r\n\r\n            .form-section {\r\n                padding: 1.5rem 1.25rem;\r\n            }\r\n\r\n            .form-header {\r\n                padding: 2.2rem 1.4rem;\r\n            }\r\n\r\n            .form-header h1 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .input-row {\r\n                flex-direction: column;\r\n                gap: 0.85rem;\r\n            }\r\n\r\n            .choice-box {\r\n                padding: 1rem 1.1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .form-header h1 {\r\n                font-size: 1.6rem;\r\n            }\r\n\r\n            .form-header p {\r\n                font-size: 0.98rem;\r\n            }\r\n\r\n            .form-section {\r\n                padding: 1rem 0.85rem;\r\n            }\r\n\r\n            .form-input {\r\n                padding: 0.9rem 1rem;\r\n            }\r\n\r\n            .submit-button {\r\n                width: 100%;\r\n                padding: 1rem 1.25rem;\r\n            }\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(10px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        *:focus {\r\n            outline: 2px solid #667eea;\r\n            outline-offset: 2px;\r\n        }\r\n\r\n        .form-input:focus,\r\n        .dropdown-container:focus-within {\r\n            outline: none;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n    <div id=\"app\">\r\n        <div class=\"form-container\" v-if=\"showForm\">\r\n            <form @submit.prevent=\"sendForm\">\r\n                <!-- Header -->\r\n                <div class=\"form-header\">\r\n                    <h1><strong><\/strong><\/h1>\r\n                    <p>()<\/p>\r\n                <\/div>\r\n\r\n                <!-- Day Selection -->\r\n                <div class=\"form-section\">\r\n                    <label class=\"form-label\"><\/label>\r\n                    <!-- <div class=\"form-instructions\">* :  \u0645\u0646 \u0627\u0644\u0633\u0627\u0639\u0629 13:00 \u0625\u0644\u0649 14:30<\/div> -->\r\n                <\/div>\r\n\r\n                <div class=\"choice-container\">\r\n                    <div class=\"choice-box\">\r\n                        <input name=\"schedule\" required type=\"radio\" value=\"sunday\" v-model=\"form.schedule\" \/>\r\n                        <span class=\"choice-text\">() | ()<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Name -->\r\n                <div class=\"form-section\">\r\n                    <label class=\"form-label\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/label>\r\n                    <div class=\"form-instructions\">\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0623\u0648\u0644 \u0648\u0627\u0633\u0645 \u0627\u0644\u0639\u0627\u0626\u0644\u0629<\/div>\r\n                    <div class=\"input-row\">\r\n                        <input class=\"form-input input-half\" type=\"text\" required placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u0648\u0644*\" v-model=\"form.name\" \/>\r\n                        <input class=\"form-input input-half\" type=\"text\" required placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u0639\u0627\u0626\u0644\u0629*\" v-model=\"form.family_name\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Date of Birth -->\r\n                <div class=\"form-section\">\r\n                    <label class=\"form-label\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f<\/label>\r\n                    <div class=\"form-instructions\">\u0645\u0646 \u0627\u0644\u0645\u0647\u0645 \u0625\u0639\u0644\u0627\u0645\u0646\u0627 \u0628\u0639\u0645\u0631\u0643 \u0627\u0644\u062f\u0642\u064a\u0642<\/div>\r\n                    <input class=\"form-input\" type=\"date\" required v-model=\"form.date_of_birth\" \/>\r\n                <\/div>\r\n\r\n                <!-- Gender -->\r\n                <div class=\"form-section\">\r\n                    <label class=\"form-label\">\u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0631\u0628\u0639 \u0627\u0644\u0645\u0646\u0627\u0633\u0628<\/label>\r\n                    <div class=\"choice-container\">\r\n                        <div class=\"choice-box\">\r\n                            <span class=\"choice-text\">\u0631\u062c\u0644<\/span>\r\n                            <input name=\"gender\" type=\"radio\" value=\"\u0631\u062c\u0644\" v-model=\"form.gender\" required \/>\r\n                        <\/div>\r\n                        <div class=\"choice-box\">\r\n                            <span class=\"choice-text\">\u0627\u0645\u0631\u0623\u0629<\/span>\r\n                            <input name=\"gender\" type=\"radio\" value=\"\u0627\u0645\u0631\u0623\u0629\" v-model=\"form.gender\" required \/>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Email -->\r\n                <div class=\"form-section\">\r\n                    <label class=\"form-label\">\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\r\n                    <input class=\"form-input\" type=\"email\" required v-model=\"form.email\" \/>\r\n                <\/div>\r\n\r\n                <!-- Phone -->\r\n                <div class=\"form-section\">\r\n                    <label class=\"form-label\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 (\u0645\u0637\u0644\u0648\u0628)<\/label>\r\n                    <div class=\"form-instructions\">\u0631\u0645\u0632 \u0627\u0644\u0628\u0644\u062f (\u0636\u0631\u0648\u0631\u064a)<\/div>\r\n                    <input class=\"form-input\" type=\"tel\" required placeholder=\"## #### ####\" v-model=\"form.phone\" \/>\r\n                <\/div>\r\n\r\n                <!-- Address -->\r\n                <div class=\"form-section\">\r\n                    <label class=\"form-label\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646:<\/label>\r\n                    <div class=\"input-row\">\r\n                        <input class=\"form-input\" type=\"text\" required placeholder=\"\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0634\u0627\u0631\u0639\" v-model=\"form.address\" \/>\r\n                    <\/div>\r\n                    <div class=\"input-row\">\r\n                        <input class=\"form-input input-half\" type=\"text\" required placeholder=\"\u0627\u0644\u0645\u062f\u064a\u0646\u0629\" v-model=\"form.city\" \/>\r\n                        <input class=\"form-input input-fill\" type=\"text\" required placeholder=\"\u0627\u0644\u0645\u0646\u0637\u0642\u0629\" v-model=\"form.region\" \/>\r\n                    <\/div>\r\n                    <div class=\"input-row\">\r\n                        <input class=\"form-input input-half\" type=\"text\" required placeholder=\"\u0627\u0644\u0628\u0644\u062f\" v-model=\"form.country\" \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Agreement -->\r\n                <div class=\"divider\"><\/div>\r\n                <div class=\"form-section\" style=\"text-align: center;\">\r\n                    <strong>\r\n                        <a class=\"form-link\" href=\"https:\/\/ar.institutsounnah.com\/?page_id=2159\" target=\"_blank\" rel=\"noopener\">\r\n                            \u0642\u0628\u0644 \u0627\u0644\u062a\u0623\u0643\u064a\u062f \u064a\u0631\u062c\u0649 \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 <br \/>\r\n                            - \u0645\u0639\u0647\u062f \u0627\u0644\u0633\u0646\u0629 <span style=\"color: #993300;\">*<\/span> -\r\n                        <\/a>\r\n                    <\/strong>\r\n                <\/div>\r\n\r\n                <!-- Terms -->\r\n                <div class=\"form-section agreement-section\">\r\n                    <label class=\"form-label\"><u>\u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645<\/u> <span style=\"color: #c50d0d;\">*<\/span>:<\/label>\r\n                    <p style=\"text-align: justify; color: rgba(76, 76, 76, 0.7); margin-bottom: 1rem;\">\r\n                        <strong>\u0628\u062a\u062d\u062f\u064a\u062f \u0647\u0630\u0627 \u0627\u0644\u0645\u0631\u0628\u0639\u060c \u062a\u0642\u0631 \u0628\u0623\u0646\u0643 \u0642\u062f \u0627\u0637\u0644\u0639\u062a \u0639\u0644\u0649 \u0644\u0648\u0627\u0626\u062d \u0627\u0644\u0645\u0639\u0647\u062f \u0648\u062a\u0642\u0628\u0644 \u0628\u0634\u0643\u0644 \u0643\u0627\u0645\u0644 \u0634\u0631\u0648\u0637\u0647 \u0648\u0623\u062d\u0643\u0627\u0645\u0647<\/strong>\r\n                    <\/p>\r\n                    <div class=\"agreement-label\">\r\n                        <input id=\"terms\" type=\"checkbox\" required v-model=\"form.terms\" \/>\r\n                        <label for=\"terms\">\u0644\u0642\u062f \u0627\u0637\u0644\u0639\u062a \u0639\u0644\u0649 \u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645 \u0648\u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u064a\u0647\u0627<\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Submit Button -->\r\n                <div class=\"form-section\" style=\"text-align: center;\">\r\n                    <button class=\"submit-button\" type=\"submit\">\r\n                        \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062a\u0633\u062c\u064a\u0644\r\n                    <\/button>\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n        <!-- Success \/ Error Messages -->\r\n        <div v-if=\"messageSuccess\" class=\"form-feedback success\" v-html=\"messageSuccess\"><\/div>\r\n        <div v-if=\"messageError\" class=\"form-feedback error\" v-html=\"messageError\"><\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            const app = Vue.createApp({\r\n                mounted() {\r\n                    this.type = \"\";\r\n                    this.jour = \"\";\r\n                    this.heure = \"\";\r\n                    axios.get(\"get-csrf-token.php\")\r\n                        .then(response => {\r\n                            this.form.csrf_token = response.data.csrf_token;\r\n                            \/\/ console.log(response.data.csrf_token);\r\n                        })\r\n                        .catch(error => {\r\n                            this.messageError = \"Error csrf-token\";\r\n                            console.error(error);\r\n                        });\r\n\r\n                    const urlParams = new URLSearchParams(window.location.search);\r\n                    if (urlParams.get('dev') === 'true') {\r\n                        this.form.name = \"test\";\r\n                        this.form.family_name = \"test\";\r\n                        this.form.date_of_birth = \"2000-01-01\";\r\n                        this.form.gender = \"\u0631\u062c\u0644\";\r\n                        this.form.phone = \"0123456789\";\r\n                        this.form.email = \"hannyce@icloud.com\";\r\n                        this.form.address = \"adress\";\r\n                        this.form.city = \"city\";\r\n                        this.form.region = \"region\";\r\n                        this.form.country = \"country\";\r\n                        this.form.terms = true;\r\n                        this.form.schedule = true;\r\n                    }\r\n                },\r\n                data() {\r\n                    return {\r\n                        showForm: true,\r\n                        messageSuccess: null,\r\n                        messageError: null,\r\n                        form: {\r\n                            csrf_token: null,\r\n                            object: document.title,\r\n                            name: null,\r\n                            family_name: null,\r\n                            date_of_birth: null,\r\n                            gender: null,\r\n                            email: null,\r\n                            phone: null,\r\n                            address: null,\r\n                            city: null,\r\n                            region: null,\r\n                            country: null,\r\n                            terms: false\r\n                        }\r\n                    };\r\n                },\r\n                methods: {\r\n                    sendForm() {\r\n                        this.messageSuccess = null;\r\n                        this.messageError = null;\r\n                        axios.post(\"form.php\", this.form)\r\n                            .then(response => {\r\n                                this.messageSuccess = response.data ?? \"no data\";\r\n                                console.log(response);\r\n                                this.showForm = false;\r\n                            })\r\n                            .catch(error => {\r\n                                this.messageError = error.response.data.error ?? error;\r\n                                console.error(error);\r\n                            });\r\n                    }\r\n                }\r\n            });\r\n\r\n            app.mount('#app');\r\n        });\r\n    <\/script>\r\n<\/body>\r\n\r\n<\/html><\/div>\n<hr>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"small\"},\"children\":[{\"type\":\"row\",\"props\":{\"width\":\"small\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"style\":\"tile-muted\"},\"children\":[{\"type\":\"image\",\"props\":{\"image\":\"https:\/\/www.institutsounnah.com\/wp-content\/uploads\/Home-banniere.is_.svg\",\"image_svg_color\":\"emphasis\",\"image_width\":\"500\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"text_align\":\"center\"}},{\"type\":\"headline\",\"props\":{\"content\":\"<span style=\\\"font-size: 21pt; font-family: 'Traditional Arabic'; color: #;\\\" lang=\\\"AR-SA\\\"><strong> \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0639\u0646 \u0628\u0639\u062f<\/strong><\/span>\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"text_align\":\"center\",\"title_element\":\"h1\",\"title_font_family\":\"tertiary\",\"title_style\":\"h3\"}},{\"type\":\"headline\",\"props\":{\"content\":\"<span style=\\\"font-size: 21pt; font-family: 'Traditional Arabic'; color: #;\\\" lang=\\\"AR-SA\\\"><strong> - \u062a\u0633\u062c\u064a\u0644\u0627\u062a \u0644\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a -<br \/>2027\/2026 <\/strong><\/span>\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"margin_bottom\":\"remove\",\"margin_top\":\"remove\",\"text_align\":\"center\",\"title_color\":\"danger\",\"title_element\":\"h1\",\"title_font_family\":\"tertiary\",\"title_style\":\"h2\"}},{\"type\":\"divider\",\"props\":{\"divider_element\":\"hr\"}},{\"type\":\"headline\",\"props\":{\"content\":\"<span style=\\\"font-size: 25pt; font-family: 'Traditional Arabic'; color:#;\\\" lang=\\\"AR-SA\\\"><strong> - \u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0634\u0631\u0639\u064a\u0629 -  <br \/>\\n  \u0644\u0644\u0631\u062c\u0627\u0644 \u0648\u0627\u0644\u0646\u0633\u0627\u0621\\n    <\/strong><\/span>\\n\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"text_align\":\"center\",\"title_color\":\"primary\",\"title_element\":\"h1\",\"title_font_family\":\"primary\",\"title_style\":\"h3\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n\n<div class=\\\"uk-margin-small uk-card uk-card-default uk-card-body\\\">\\n    \\n    <span style=\\\"font-size: 17pt; font-family: 'Traditional Arabic'; color:#;\\\" lang=\\\"AR-SA\\\"><strong>\\n      \u0627\u0644\u062c\u0645\u0647\u0648\u0631: \u0631\u062c\u0627\u0644 <br \/>\\n        2025-2026 \u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a <br \/>\\n       \u0645\u0646 \u0627\u0644\u0627\u062b\u0646\u064a\u0646 22\/09\/2025 \u0625\u0644\u0649 \u0627\u0644\u0623\u062d\u062f 28\/06\/2026 <br \/>\\n         \u0627\u0644\u0623\u062d\u062f \u0645\u0646 \u0627\u0644\u0633\u0627\u0639\u0629 13:00 \u0625\u0644\u0649 16:30<br \/>\\n           \u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0634\u0631\u0639\u064a\u0629 : <br \/>\\n        \u0627\u0644\u0633\u0628\u062a \u0645\u0646 \u0627\u0644\u0633\u0627\u0639\u0629 13:00 \u0625\u0644\u0649 14:30 \\n   <\/strong><\/span>\\n  <\/div>\n\n\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"status\":\"disabled\",\"text_align\":\"left\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n\n<div class=\\\"uk-margin-small uk-card uk-card-default uk-card-body\\\">: <span style=\\\"font-size: 21pt; font-family: 'Traditional Arabic'; color: #;\\\" lang=\\\"AR-SA\\\"><strong>\u062f\u0631\u0648\u0633 \u0639\u0646 \u0628\u0639\u062f | \u0627\u0644\u0633\u0639\u0631 <\/strong> <\/span><br \/><span class=\\\"uk-h1 uk-heading-small\\\" style=\\\"color: #ff0000;\\\">110\u20ac <span><br \/><span class=\\\"uk-h4 uk-text-secondary\\\"><a href=\\\"https:\/\/ar.institutsounnah.com\/?page_id=2200\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\"><span style=\\\"font-size: 21pt; font-family: 'Traditional Arabic'; color: #;\\\" lang=\\\"AR-SA\\\"><strong> \u0627\u0644\u0645\u0633\u062a\u0648\u0649 5<\/strong><\/span><\/a><\/span> <\/span><\/span>\\n\n\n<p class=\\\"uk-h4 uk-text-danger\\\"><span style=\\\"font-size: 17pt; font-family: 'Traditional Arabic'; color: #;\\\" lang=\\\"AR-SA\\\"><b>\u0627\u0644\u0639\u0642\u064a\u062f\u0629 : \u0643\u062a\u0627\u0628 \u0627\u0644\u062a\u0648\u062d\u064a\u062f <\/b> <br \/>\u0627\u0644\u0641\u0642\u0647: \u0645\u0646\u0647\u062c \u0627\u0644\u0633\u0627\u0644\u0643\u064a\u0646<\/span><\/p>\n\n\\n<\/div>\n\n\",\"dropcap\":false,\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"text_align\":\"center\"}},{\"type\":\"html\",\"props\":{\"content\":\"[wpcode id=\\\"2520\\\" \\n\\nprix=\\\"110 \u20ac - \u0627\u0644\u0645\u0633\u062a\u0648\u0649 05\\\"\\n\\ndate=\\\"\u0645\u0646 21 \u0633\u0628\u062a\u0645\u0628\u0631 2026 \u0625\u0644\u0649 27 \u064a\u0648\u0646\u064a\u0648 2027 \u0634\u0627\u0645\u0644\u064b\u0627\\\" \\n\\ntype=\\\"\u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0634\u0631\u0639\u064a\u0629\\\"\\n\\njour=\u0627\u0644\u0623\u062d\u062f\\n\\nheure=\\\"\u064a\u0648\u0645 \u0627\u0644\u0623\u062d\u062f: 14h30-13h \u0628\u062a\u0648\u0642\u064a\u062a \u0628\u0627\u0631\u064a\u0633\\\"]\"}},{\"type\":\"html\",\"props\":{\"content\":\"<!-- form.123formbuilder.com script begins here -->\\n<script type=\\\"text\/javascript\\\" defer src=\\\"https:\/\/form.123formbuilder.com\/embed\/6869093.js\\\" data-role=\\\"form\\\" data-default-width=\\\"800px\\\" data-custom-vars=\\\"hasEmbedFormStyle=1&#038;hasTransparentBg=1\\\"><\/script>\\n<!-- form.123formbuilder.com script ends here -->&#8220;,&#8221;status&#8221;:&#8221;disabled&#8221;}}]}]}],&#8221;name&#8221;:&#8221;2023-2024 &#8211; Inscription H &#8211; Arabe en ligne&#8221;},{&#8220;type&#8221;:&#8221;section&#8221;,&#8221;props&#8221;:{&#8220;image_position&#8221;:&#8221;center-center&#8221;,&#8221;style&#8221;:&#8221;default&#8221;,&#8221;title_breakpoint&#8221;:&#8221;xl&#8221;,&#8221;title_position&#8221;:&#8221;top-left&#8221;,&#8221;title_rotation&#8221;:&#8221;left&#8221;,&#8221;vertical_align&#8221;:&#8221;&#8221;,&#8221;width&#8221;:&#8221;default&#8221;},&#8221;children&#8221;:[{&#8220;type&#8221;:&#8221;row&#8221;,&#8221;children&#8221;:[{&#8220;type&#8221;:&#8221;column&#8221;,&#8221;props&#8221;:{&#8220;image_position&#8221;:&#8221;center-center&#8221;,&#8221;position_sticky_breakpoint&#8221;:&#8221;m&#8221;},&#8221;children&#8221;:[{&#8220;type&#8221;:&#8221;divider&#8221;,&#8221;props&#8221;:{&#8220;divider_element&#8221;:&#8221;hr&#8221;}}]}]}]}],&#8221;version&#8221;:&#8221;5.0.29&#8243;} &#8211;><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0639\u0646 \u0628\u0639\u062f &#8211; \u062a\u0633\u062c\u064a\u0644\u0627\u062a \u0644\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a &#8211;2027\/2026 &#8211; \u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0634\u0631\u0639\u064a\u0629 &#8211; \u0644\u0644\u0631\u062c\u0627\u0644 \u0648\u0627\u0644\u0646\u0633\u0627\u0621 : \u062f\u0631\u0648\u0633 \u0639\u0646 \u0628\u0639\u062f | \u0627\u0644\u0633\u0639\u0631 110\u20ac \u0627\u0644\u0645\u0633\u062a\u0648\u0649 5 \u0627\u0644\u0639\u0642\u064a\u062f\u0629 : \u0643\u062a\u0627\u0628 \u0627\u0644\u062a\u0648\u062d\u064a\u062f \u0627\u0644\u0641\u0642\u0647: \u0645\u0646\u0647\u062c \u0627\u0644\u0633\u0627\u0644\u0643\u064a\u0646<\/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-2666","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ar.institutsounnah.com\/index.php?rest_route=\/wp\/v2\/pages\/2666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ar.institutsounnah.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ar.institutsounnah.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ar.institutsounnah.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ar.institutsounnah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2666"}],"version-history":[{"count":18,"href":"https:\/\/ar.institutsounnah.com\/index.php?rest_route=\/wp\/v2\/pages\/2666\/revisions"}],"predecessor-version":[{"id":2931,"href":"https:\/\/ar.institutsounnah.com\/index.php?rest_route=\/wp\/v2\/pages\/2666\/revisions\/2931"}],"wp:attachment":[{"href":"https:\/\/ar.institutsounnah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}