{"id":2637,"date":"2025-08-02T16:35:43","date_gmt":"2025-08-02T16:35:43","guid":{"rendered":"https:\/\/ar.institutsounnah.com\/?page_id=2637"},"modified":"2026-04-27T19:19:29","modified_gmt":"2026-04-27T19:19:29","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%b3%d8%a8%d8%aa","status":"publish","type":"page","link":"https:\/\/ar.institutsounnah.com\/?page_id=2637","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\u0633\u0628\u062a 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 4<\/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    <head>\r\n\t\t<script src=\"https:\/\/unpkg.com\/vue@3\/dist\/vue.global.prod.js\"><\/script>\r\n<script 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: #f8fafc;\r\n            min-height: 100vh;\r\n            padding: 2rem 1rem;\r\n            margin: 0;\r\n            direction: rtl;\r\n        }\r\n\r\n        .form-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: 24px;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n            overflow: hidden;\r\n            margin-bottom: 2rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .form-container:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 25px 80px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        \/* Header Styling *\/\r\n        .form-header {\r\n            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n            color: white;\r\n            padding: 3rem 2rem;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .form-header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            \/*background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\"><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"\/><circle cx=\"80\" cy=\"80\" r=\"3\" fill=\"rgba(255,255,255,0.1)\"\/><circle cx=\"40\" cy=\"70\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"\/><\/svg>');*\/\r\n            animation: float 20s infinite linear;\r\n        }\r\n\r\n        @keyframes float {\r\n            0% {\r\n                transform: translateX(-100px);\r\n            }\r\n\r\n            100% {\r\n                transform: translateX(100px);\r\n            }\r\n        }\r\n\r\n        .form-header h1 {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            margin: 0 0 1rem 0;\r\n\t\t\tcolor: white;\r\n            \/*text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);*\/\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .form-header p {\r\n            font-size: 1.2rem;\r\n            opacity: 0.9;\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: 2rem;\r\n            border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .form-section:hover {\r\n            background: rgba(102, 126, 234, 0.02);\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.1rem;\r\n            color: #2d3748;\r\n            margin-bottom: 0.75rem;\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: 40px;\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: #718096;\r\n            font-size: 0.95rem;\r\n            margin-bottom: 1rem;\r\n            padding: 0.75rem 1rem;\r\n            background: rgba(102, 126, 234, 0.05);\r\n            border-right: 4px solid #667eea;\r\n            border-radius: 8px 0 0 8px;\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: 12px;\r\n            font-size: 1rem;\r\n            background: white;\r\n            transition: all 0.3s 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.1);\r\n            transform: translateY(-1px);\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        }\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;\r\n        }\r\n\r\n        .input-fill {\r\n            flex: 2;\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: white;\r\n            border: 2px solid #e2e8f0;\r\n            border-radius: 12px;\r\n            padding: 1.5rem;\r\n            margin-bottom: 1rem;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .choice-box:hover {\r\n            border-color: #667eea;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);\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: all 0.3s ease;\r\n            margin-left: 1rem;\r\n        }\r\n\r\n        .choice-box input[type=\"checkbox\"] {\r\n            border-radius: 6px;\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.1rem;\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: 12px;\r\n            padding: 1rem 1.25rem;\r\n            transition: all 0.3s 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.1);\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: 16px;\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.6;\r\n            cursor: pointer;\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: all 0.3s 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.3s ease;\r\n        }\r\n\r\n        .form-link:hover::after {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            body {\r\n                padding: 1rem 0.5rem;\r\n            }\r\n\r\n            .form-section {\r\n                padding: 1.5rem 1rem;\r\n            }\r\n\r\n            .form-header {\r\n                padding: 2rem 1rem;\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.75rem;\r\n            }\r\n\r\n            .choice-box {\r\n                padding: 1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .form-header h1 {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .form-header p {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .form-section {\r\n                padding: 1rem 0.75rem;\r\n            }\r\n\r\n            .form-input {\r\n                padding: 0.875rem 1rem;\r\n            }\r\n        }\r\n\r\n        \/* Animation *\/\r\n        @keyframes slideInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .form-container {\r\n            animation: slideInUp 0.6s ease-out;\r\n        }\r\n\r\n        \/* Focus states for accessibility *\/\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\t\t<\/head>\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 type=\"submit\" style=\"background: linear-gradient(135deg, #667eea, #764ba2); color: white; border: none; border-radius: 12px; padding: 1rem 3rem; font-size: 1.1rem; font-weight: 600; cursor: pointer;\">\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\t <!-- Success \/ Error Messages -->\r\n\t <div v-if=\"messageSuccess\" v-html=\"messageSuccess\" ><\/div>\r\n  <div class=\"message-error\" v-html=\"messageError\"><\/div>\r\n<\/div>\r\n\t\t  \r\n\t\t<\/body>\r\n    <\/html>\r\n\r\n\r\n<script>\r\n  const app = Vue.createApp({\r\n\t  mounted() {\r\n\t\t  this.type = \"\";\r\n\t\t  this.jour = \"\";\r\n\t\t  this.heure = \"\";\r\n\t\t  axios.get(\"get-csrf-token.php\")\r\n          .then(response => {\r\n            this.form.csrf_token = response.data.csrf_token;\r\n\t\t\t\/\/ 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\t  },\r\n    data() {\r\n      return {\r\n        showForm: true,\r\n        messageSuccess: null,\r\n        messageError: null,\r\n        form: {\r\n\t\t  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 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0this.messageSuccess = response.data ?? \"no data\";\r\n\t\t\tconsole.log(response);\r\n\t\t\tthis.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<\/script>\r\n<\/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 4<\/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 04\\\"\\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\u0633\u0628\u062a\\n\\nheure=\\\"\u064a\u0648\u0645 \u0627\u0644\u0633\u0628\u062a: 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 4 \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-2637","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\/2637","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=2637"}],"version-history":[{"count":35,"href":"https:\/\/ar.institutsounnah.com\/index.php?rest_route=\/wp\/v2\/pages\/2637\/revisions"}],"predecessor-version":[{"id":2929,"href":"https:\/\/ar.institutsounnah.com\/index.php?rest_route=\/wp\/v2\/pages\/2637\/revisions\/2929"}],"wp:attachment":[{"href":"https:\/\/ar.institutsounnah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}