{"id":45,"date":"2026-09-09T12:10:35","date_gmt":"2026-09-09T08:40:35","guid":{"rendered":"https:\/\/boshraschool.ir\/?page_id=45"},"modified":"2026-09-09T14:18:27","modified_gmt":"2026-09-09T10:48:27","slug":"%d8%ab%d8%a8%d8%aa-%d9%86%d8%a7%d9%85","status":"publish","type":"page","link":"https:\/\/boshraschool.ir\/?page_id=45","title":{"rendered":"\u062b\u0628\u062a\u200c\u0646\u0627\u0645"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"45\" class=\"elementor elementor-45\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-262c7d8 e-flex e-con-boxed e-con e-parent\" data-id=\"262c7d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e619d6b elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"e619d6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     B SCHOOL \u2014 STUDENT REGISTRATION\r\n     Frontend: Elementor HTML Widget\r\n     Version: 3.0\r\n========================================================= -->\r\n\r\n<div id=\"bschool-registration\" dir=\"rtl\">\r\n\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');\r\n\r\n        #bschool-registration,\r\n        #bschool-registration *,\r\n        #bschool-registration *::before,\r\n        #bschool-registration *::after {\r\n            font-family: \"Vazirmatn\", Tahoma, Arial, sans-serif !important;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #bschool-registration {\r\n            --bs-primary: #2A3934;\r\n            --bs-dark: #102426;\r\n            --bs-gold: #B0A99B;\r\n            --bs-bg: #FDFDFB;\r\n            --bs-section: #FAF9F4;\r\n            --bs-card: #F2EFE5;\r\n            --bs-border: #E3E6E0;\r\n            --bs-muted: #737B76;\r\n            --bs-danger: #B84C4C;\r\n            --bs-success: #34765A;\r\n\r\n            width: 100%;\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n            color: var(--bs-dark);\r\n            direction: rtl;\r\n            text-align: right;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        #bschool-registration .bs-form-shell {\r\n            width: 100%;\r\n            background: var(--bs-bg);\r\n            border: 1px solid var(--bs-border);\r\n            border-radius: 28px;\r\n            padding: 34px;\r\n            box-shadow: 0 18px 50px rgba(16, 36, 38, .07);\r\n        }\r\n\r\n        \/* =====================================================\r\n           HEADER\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration .bs-header {\r\n            text-align: center;\r\n            margin-bottom: 32px;\r\n        }\r\n\r\n        #bschool-registration .bs-header h2 {\r\n            margin: 0 0 8px;\r\n            color: var(--bs-dark);\r\n            font-size: 28px;\r\n            font-weight: 800;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        #bschool-registration .bs-header p {\r\n            margin: 0;\r\n            color: var(--bs-muted);\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* =====================================================\r\n           MODE SWITCH\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration .bs-mode-switch {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 8px;\r\n            background: var(--bs-section);\r\n            border: 1px solid var(--bs-border);\r\n            border-radius: 18px;\r\n            padding: 6px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        #bschool-registration .bs-mode-btn {\r\n            border: 0;\r\n            outline: 0;\r\n            min-height: 48px;\r\n            border-radius: 13px;\r\n            background: transparent;\r\n            color: var(--bs-muted);\r\n            cursor: pointer;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            transition: all .25s ease;\r\n        }\r\n\r\n        #bschool-registration .bs-mode-btn:hover {\r\n            color: var(--bs-primary);\r\n        }\r\n\r\n        #bschool-registration .bs-mode-btn.active {\r\n            background: var(--bs-primary);\r\n            color: #fff;\r\n            box-shadow: 0 8px 20px rgba(42, 57, 52, .15);\r\n        }\r\n\r\n        \/* =====================================================\r\n           PANELS\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration .bs-panel {\r\n            display: none;\r\n        }\r\n\r\n        #bschool-registration .bs-panel.active {\r\n            display: block;\r\n            animation: bsFadeIn .3s ease;\r\n        }\r\n\r\n        @keyframes bsFadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(8px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* =====================================================\r\n           STEPS\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration .bs-steps {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 12px;\r\n            margin-bottom: 32px;\r\n        }\r\n\r\n        #bschool-registration .bs-step {\r\n            position: relative;\r\n            min-width: 0;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 9px;\r\n            min-height: 58px;\r\n            padding: 8px 12px;\r\n            border: 1px solid var(--bs-border);\r\n            border-radius: 16px;\r\n            background: var(--bs-section);\r\n            color: var(--bs-muted);\r\n            transition: all .25s ease;\r\n        }\r\n\r\n        #bschool-registration .bs-step-number {\r\n            width: 31px;\r\n            height: 31px;\r\n            min-width: 31px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 50%;\r\n            background: #fff;\r\n            border: 1px solid var(--bs-border);\r\n            font-size: 12px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        #bschool-registration .bs-step-title {\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        #bschool-registration .bs-step.active {\r\n            background: var(--bs-primary);\r\n            border-color: var(--bs-primary);\r\n            color: #fff;\r\n            box-shadow: 0 10px 24px rgba(42, 57, 52, .12);\r\n        }\r\n\r\n        #bschool-registration .bs-step.active .bs-step-number {\r\n            background: var(--bs-gold);\r\n            border-color: var(--bs-gold);\r\n            color: var(--bs-dark);\r\n        }\r\n\r\n        #bschool-registration .bs-step.completed {\r\n            border-color: var(--bs-primary);\r\n            color: var(--bs-primary);\r\n        }\r\n\r\n        #bschool-registration .bs-step.completed .bs-step-number {\r\n            background: var(--bs-primary);\r\n            border-color: var(--bs-primary);\r\n            color: #fff;\r\n        }\r\n\r\n        \/* =====================================================\r\n           STEP CONTENT\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration .bs-step-panel {\r\n            display: none;\r\n        }\r\n\r\n        #bschool-registration .bs-step-panel.active {\r\n            display: block;\r\n            animation: bsFadeIn .3s ease;\r\n        }\r\n\r\n        #bschool-registration .bs-section-title {\r\n            margin: 0 0 20px;\r\n            padding-bottom: 12px;\r\n            border-bottom: 1px solid var(--bs-border);\r\n        }\r\n\r\n        #bschool-registration .bs-section-title h3 {\r\n            margin: 0 0 4px;\r\n            color: var(--bs-dark);\r\n            font-size: 20px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        #bschool-registration .bs-section-title p {\r\n            margin: 0;\r\n            color: var(--bs-muted);\r\n            font-size: 12px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* =====================================================\r\n           GRID\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration .bs-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 18px;\r\n        }\r\n\r\n        #bschool-registration .bs-field.full {\r\n            grid-column: 1 \/ -1;\r\n        }\r\n\r\n        #bschool-registration .bs-field {\r\n            min-width: 0;\r\n        }\r\n\r\n        \/* =====================================================\r\n           LABEL\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration .bs-field label {\r\n            display: block;\r\n            margin-bottom: 7px;\r\n            color: var(--bs-dark);\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        #bschool-registration .bs-required {\r\n            color: var(--bs-danger);\r\n            margin-right: 3px;\r\n        }\r\n\r\n        \/* =====================================================\r\n           INPUTS\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration input[type=\"text\"],\r\n        #bschool-registration input[type=\"tel\"],\r\n        #bschool-registration input[type=\"number\"],\r\n        #bschool-registration input[type=\"file\"],\r\n        #bschool-registration textarea {\r\n            width: 100%;\r\n            min-height: 52px;\r\n            margin: 0;\r\n            padding: 13px 15px;\r\n            border: 1px solid var(--bs-border);\r\n            border-radius: 14px;\r\n            outline: none;\r\n            background: #fff;\r\n            color: var(--bs-dark);\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            transition: border-color .2s ease,\r\n                        box-shadow .2s ease,\r\n                        background .2s ease;\r\n        }\r\n\r\n        #bschool-registration textarea {\r\n            min-height: 125px;\r\n            resize: vertical;\r\n            line-height: 1.9;\r\n        }\r\n\r\n        #bschool-registration input::placeholder,\r\n        #bschool-registration textarea::placeholder {\r\n            color: #9A9F9B;\r\n            opacity: 1;\r\n        }\r\n\r\n        #bschool-registration input:focus,\r\n        #bschool-registration textarea:focus {\r\n            border-color: var(--bs-primary);\r\n            background: #fff;\r\n            box-shadow: 0 0 0 4px rgba(42, 57, 52, .07);\r\n        }\r\n\r\n        #bschool-registration input.bs-invalid,\r\n        #bschool-registration textarea.bs-invalid {\r\n            border-color: var(--bs-danger) !important;\r\n            box-shadow: 0 0 0 4px rgba(184, 76, 76, .07) !important;\r\n        }\r\n\r\n        \/* =====================================================\r\n           FILE\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration input[type=\"file\"] {\r\n            min-height: 56px;\r\n            padding: 8px;\r\n            cursor: pointer;\r\n            background: var(--bs-section);\r\n        }\r\n\r\n        #bschool-registration input[type=\"file\"]::file-selector-button {\r\n            margin-left: 10px;\r\n            padding: 9px 14px;\r\n            border: 0;\r\n            border-radius: 10px;\r\n            background: var(--bs-primary);\r\n            color: #fff;\r\n            font-family: \"Vazirmatn\", Tahoma, Arial, sans-serif !important;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n        }\r\n\r\n        #bschool-registration .bs-help {\r\n            margin-top: 6px;\r\n            color: var(--bs-muted);\r\n            font-size: 11px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* =====================================================\r\n           CHECKBOX\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration .bs-confirm-box {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 11px;\r\n            padding: 16px;\r\n            background: var(--bs-section);\r\n            border: 1px solid var(--bs-border);\r\n            border-radius: 14px;\r\n        }\r\n\r\n        #bschool-registration .bs-confirm-box input[type=\"checkbox\"] {\r\n            width: 19px;\r\n            height: 19px;\r\n            min-width: 19px;\r\n            margin: 3px 0 0;\r\n            accent-color: var(--bs-primary);\r\n            cursor: pointer;\r\n        }\r\n\r\n        #bschool-registration .bs-confirm-box label {\r\n            margin: 0;\r\n            color: var(--bs-dark);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n        }\r\n\r\n        \/* =====================================================\r\n           NAVIGATION BUTTONS\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration .bs-navigation {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 12px;\r\n            margin-top: 30px;\r\n            padding-top: 22px;\r\n            border-top: 1px solid var(--bs-border);\r\n        }\r\n\r\n        #bschool-registration .bs-btn {\r\n            min-height: 50px;\r\n            padding: 0 24px;\r\n            border: 1px solid transparent;\r\n            border-radius: 14px;\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            cursor: pointer;\r\n            transition: all .25s ease;\r\n            font-family: \"Vazirmatn\", Tahoma, Arial, sans-serif !important;\r\n        }\r\n\r\n        #bschool-registration .bs-btn-primary {\r\n            background: var(--bs-primary);\r\n            color: #fff;\r\n        }\r\n\r\n        #bschool-registration .bs-btn-primary:hover {\r\n            background: var(--bs-dark);\r\n            transform: translateY(-1px);\r\n        }\r\n\r\n        #bschool-registration .bs-btn-secondary {\r\n            background: #fff;\r\n            color: var(--bs-primary);\r\n            border-color: var(--bs-border);\r\n        }\r\n\r\n        #bschool-registration .bs-btn-secondary:hover {\r\n            border-color: var(--bs-primary);\r\n            background: var(--bs-section);\r\n        }\r\n\r\n        #bschool-registration .bs-btn:disabled {\r\n            opacity: .6;\r\n            cursor: not-allowed;\r\n            transform: none !important;\r\n        }\r\n\r\n        \/* =====================================================\r\n           MESSAGES\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration .bs-message {\r\n            display: none;\r\n            margin-bottom: 20px;\r\n            padding: 13px 15px;\r\n            border-radius: 13px;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        #bschool-registration .bs-message.show {\r\n            display: block;\r\n        }\r\n\r\n        #bschool-registration .bs-message.error {\r\n            background: #FFF3F1;\r\n            border: 1px solid #E9C6C2;\r\n            color: #8A403A;\r\n        }\r\n\r\n        #bschool-registration .bs-message.success {\r\n            background: #EEF7F1;\r\n            border: 1px solid #C8DFD0;\r\n            color: #2D684B;\r\n        }\r\n\r\n        \/* =====================================================\r\n           SUCCESS\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration .bs-success {\r\n            display: none;\r\n            text-align: center;\r\n            padding: 45px 20px;\r\n        }\r\n\r\n        #bschool-registration .bs-success.show {\r\n            display: block;\r\n            animation: bsFadeIn .35s ease;\r\n        }\r\n\r\n        #bschool-registration .bs-success-icon {\r\n            width: 76px;\r\n            height: 76px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n            border-radius: 50%;\r\n            background: #E7F1EB;\r\n            color: var(--bs-success);\r\n            font-size: 34px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        #bschool-registration .bs-success h3 {\r\n            margin: 0 0 10px;\r\n            color: var(--bs-dark);\r\n            font-size: 23px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        #bschool-registration .bs-success p {\r\n            margin: 0 auto 20px;\r\n            max-width: 500px;\r\n            color: var(--bs-muted);\r\n            font-size: 13px;\r\n        }\r\n\r\n        #bschool-registration .bs-tracking-box {\r\n            display: inline-flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 4px;\r\n            min-width: 260px;\r\n            padding: 16px 24px;\r\n            margin-bottom: 20px;\r\n            border: 1px solid var(--bs-gold);\r\n            border-radius: 16px;\r\n            background: var(--bs-section);\r\n        }\r\n\r\n        #bschool-registration .bs-tracking-label {\r\n            color: var(--bs-muted);\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        #bschool-registration .bs-tracking-code {\r\n            color: var(--bs-dark);\r\n            direction: ltr;\r\n            font-size: 20px;\r\n            font-weight: 900;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        \/* =====================================================\r\n           TRACKING\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration .bs-track-box {\r\n            max-width: 620px;\r\n            margin: 0 auto;\r\n            padding: 28px;\r\n            background: var(--bs-section);\r\n            border: 1px solid var(--bs-border);\r\n            border-radius: 22px;\r\n        }\r\n\r\n        #bschool-registration .bs-track-intro {\r\n            text-align: center;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        #bschool-registration .bs-track-intro-icon {\r\n            width: 58px;\r\n            height: 58px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 13px;\r\n            border-radius: 50%;\r\n            background: var(--bs-card);\r\n            color: var(--bs-primary);\r\n            font-size: 25px;\r\n        }\r\n\r\n        #bschool-registration .bs-track-intro h3 {\r\n            margin: 0 0 6px;\r\n            color: var(--bs-dark);\r\n            font-size: 21px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        #bschool-registration .bs-track-intro p {\r\n            margin: 0;\r\n            color: var(--bs-muted);\r\n            font-size: 12px;\r\n        }\r\n\r\n        #bschool-registration .bs-track-form {\r\n            display: flex;\r\n            gap: 10px;\r\n            align-items: stretch;\r\n        }\r\n\r\n        #bschool-registration .bs-track-form input {\r\n            flex: 1;\r\n            direction: ltr;\r\n            text-align: center;\r\n            letter-spacing: 1px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        #bschool-registration .bs-track-result {\r\n            display: none;\r\n            margin-top: 20px;\r\n            padding: 20px;\r\n            border: 1px solid var(--bs-border);\r\n            border-radius: 16px;\r\n            background: #fff;\r\n        }\r\n\r\n        #bschool-registration .bs-track-result.show {\r\n            display: block;\r\n            animation: bsFadeIn .3s ease;\r\n        }\r\n\r\n        #bschool-registration .bs-track-result-title {\r\n            margin-bottom: 15px;\r\n            color: var(--bs-dark);\r\n            font-size: 14px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        #bschool-registration .bs-status-result {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 15px;\r\n            padding: 15px;\r\n            border-radius: 13px;\r\n            background: var(--bs-section);\r\n        }\r\n\r\n        #bschool-registration .bs-status-text {\r\n            color: var(--bs-dark);\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        #bschool-registration .bs-status-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 7px 14px;\r\n            border-radius: 30px;\r\n            font-size: 11px;\r\n            font-weight: 800;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        #bschool-registration .bs-status-badge.pending {\r\n            background: #F2EFE5;\r\n            color: #665F52;\r\n        }\r\n\r\n        #bschool-registration .bs-status-badge.approved {\r\n            background: #E4EEE8;\r\n            color: #2A3934;\r\n        }\r\n\r\n        #bschool-registration .bs-status-badge.rejected {\r\n            background: #F5E5E3;\r\n            color: #824B45;\r\n        }\r\n\r\n        #bschool-registration .bs-track-error {\r\n            display: none;\r\n            margin-top: 15px;\r\n            padding: 12px 14px;\r\n            border-radius: 12px;\r\n            background: #FFF3F1;\r\n            border: 1px solid #E9C6C2;\r\n            color: #8A403A;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        #bschool-registration .bs-track-error.show {\r\n            display: block;\r\n        }\r\n\r\n        \/* =====================================================\r\n           LOADING\r\n        ===================================================== *\/\r\n\r\n        #bschool-registration .bs-loading {\r\n            display: none;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        #bschool-registration .bs-loading.show {\r\n            display: inline-flex;\r\n        }\r\n\r\n        #bschool-registration .bs-spinner {\r\n            width: 16px;\r\n            height: 16px;\r\n            border: 2px solid rgba(255,255,255,.4);\r\n            border-top-color: #fff;\r\n            border-radius: 50%;\r\n            animation: bsSpin .7s linear infinite;\r\n        }\r\n\r\n        @keyframes bsSpin {\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        \/* =====================================================\r\n           MOBILE\r\n        ===================================================== *\/\r\n\r\n        @media (max-width: 767px) {\r\n\r\n            #bschool-registration .bs-form-shell {\r\n                padding: 18px;\r\n                border-radius: 21px;\r\n            }\r\n\r\n            #bschool-registration .bs-header {\r\n                margin-bottom: 22px;\r\n            }\r\n\r\n            #bschool-registration .bs-header h2 {\r\n                font-size: 22px;\r\n            }\r\n\r\n            #bschool-registration .bs-header p {\r\n                font-size: 12px;\r\n            }\r\n\r\n            #bschool-registration .bs-mode-switch {\r\n                margin-bottom: 22px;\r\n            }\r\n\r\n            #bschool-registration .bs-mode-btn {\r\n                min-height: 45px;\r\n                font-size: 12px;\r\n            }\r\n\r\n            \/*\r\n             * \u0633\u0647 \u0645\u0631\u062d\u0644\u0647 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644:\r\n             * \u0647\u0645\u0686\u0646\u0627\u0646 \u0633\u0647\u200c\u062a\u0627\u06cc\u06cc \u0648 \u06a9\u0627\u0645\u0644\u0627\u064b \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648\r\n             *\/\r\n\r\n            #bschool-registration .bs-steps {\r\n                grid-template-columns: repeat(3, minmax(0, 1fr));\r\n                gap: 6px;\r\n                margin-bottom: 24px;\r\n            }\r\n\r\n            #bschool-registration .bs-step {\r\n                min-height: 54px;\r\n                padding: 6px 3px;\r\n                flex-direction: column;\r\n                gap: 3px;\r\n                border-radius: 13px;\r\n            }\r\n\r\n            #bschool-registration .bs-step-number {\r\n                width: 27px;\r\n                height: 27px;\r\n                min-width: 27px;\r\n                font-size: 11px;\r\n            }\r\n\r\n            #bschool-registration .bs-step-title {\r\n                font-size: 9px;\r\n                line-height: 1.4;\r\n            }\r\n\r\n            #bschool-registration .bs-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n            }\r\n\r\n            #bschool-registration .bs-field.full {\r\n                grid-column: auto;\r\n            }\r\n\r\n            #bschool-registration .bs-section-title h3 {\r\n                font-size: 18px;\r\n            }\r\n\r\n            #bschool-registration .bs-section-title p {\r\n                font-size: 11px;\r\n            }\r\n\r\n            #bschool-registration input[type=\"text\"],\r\n            #bschool-registration input[type=\"tel\"],\r\n            #bschool-registration input[type=\"number\"],\r\n            #bschool-registration input[type=\"file\"],\r\n            #bschool-registration textarea {\r\n                font-size: 13px;\r\n                border-radius: 13px;\r\n            }\r\n\r\n            #bschool-registration .bs-navigation {\r\n                margin-top: 23px;\r\n                padding-top: 18px;\r\n            }\r\n\r\n            #bschool-registration .bs-btn {\r\n                min-height: 48px;\r\n                padding: 0 17px;\r\n                font-size: 12px;\r\n            }\r\n\r\n            #bschool-registration .bs-track-box {\r\n                padding: 20px 15px;\r\n                border-radius: 18px;\r\n            }\r\n\r\n            #bschool-registration .bs-track-form {\r\n                flex-direction: column;\r\n            }\r\n\r\n            #bschool-registration .bs-track-form .bs-btn {\r\n                width: 100%;\r\n            }\r\n\r\n            #bschool-registration .bs-status-result {\r\n                flex-direction: column;\r\n                align-items: stretch;\r\n                text-align: center;\r\n            }\r\n\r\n            #bschool-registration .bs-status-badge {\r\n                width: 100%;\r\n            }\r\n\r\n            #bschool-registration .bs-success {\r\n                padding: 30px 10px;\r\n            }\r\n\r\n            #bschool-registration .bs-tracking-box {\r\n                min-width: 0;\r\n                width: 100%;\r\n            }\r\n\r\n            #bschool-registration .bs-tracking-code {\r\n                font-size: 17px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 380px) {\r\n\r\n            #bschool-registration .bs-step-title {\r\n                font-size: 8px;\r\n            }\r\n\r\n            #bschool-registration .bs-step {\r\n                min-height: 51px;\r\n            }\r\n\r\n            #bschool-registration .bs-step-number {\r\n                width: 25px;\r\n                height: 25px;\r\n                min-width: 25px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n\r\n    <div class=\"bs-form-shell\">\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================== -->\r\n\r\n        <div class=\"bs-header\">\r\n\r\n            <h2>\r\n                \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632\r\n            <\/h2>\r\n\r\n            <p>\r\n                \u0644\u0637\u0641\u0627\u064b \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0631\u0627 \u0628\u0627 \u062f\u0642\u062a \u062a\u06a9\u0645\u06cc\u0644 \u0648 \u062b\u0628\u062a \u0646\u0645\u0627\u06cc\u06cc\u062f.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             MODE SWITCH\r\n        ================================================== -->\r\n\r\n        <div class=\"bs-mode-switch\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"bs-mode-btn active\"\r\n                data-mode=\"register\"\r\n            >\r\n                \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u062c\u062f\u06cc\u062f\r\n            <\/button>\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"bs-mode-btn\"\r\n                data-mode=\"tracking\"\r\n            >\r\n                \u067e\u06cc\u06af\u06cc\u0631\u06cc \u062b\u0628\u062a\u200c\u0646\u0627\u0645\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             REGISTER PANEL\r\n        ================================================== -->\r\n\r\n        <div\r\n            class=\"bs-panel active\"\r\n            data-panel=\"register\"\r\n        >\r\n\r\n            <div\r\n                class=\"bs-message\"\r\n                id=\"bschool-message\"\r\n            ><\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 STEPS\r\n            ================================================== -->\r\n\r\n            <div class=\"bs-steps\">\r\n\r\n                <div\r\n                    class=\"bs-step active\"\r\n                    data-step-indicator=\"1\"\r\n                >\r\n\r\n                    <span class=\"bs-step-number\">\r\n                        \u06f1\r\n                    <\/span>\r\n\r\n                    <span class=\"bs-step-title\">\r\n                        \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div\r\n                    class=\"bs-step\"\r\n                    data-step-indicator=\"2\"\r\n                >\r\n\r\n                    <span class=\"bs-step-number\">\r\n                        \u06f2\r\n                    <\/span>\r\n\r\n                    <span class=\"bs-step-title\">\r\n                        \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u062f\u06cc\u0646\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div\r\n                    class=\"bs-step\"\r\n                    data-step-indicator=\"3\"\r\n                >\r\n\r\n                    <span class=\"bs-step-number\">\r\n                        \u06f3\r\n                    <\/span>\r\n\r\n                    <span class=\"bs-step-title\">\r\n                        \u0645\u062f\u0627\u0631\u06a9 \u0648 \u062a\u0623\u06cc\u06cc\u062f \u0646\u0647\u0627\u06cc\u06cc\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 FORM\r\n            ================================================== -->\r\n\r\n            <form\r\n                id=\"bschool-form\"\r\n                enctype=\"multipart\/form-data\"\r\n                novalidate\r\n            >\r\n\r\n                <!-- HONEYPOT -->\r\n\r\n                <input\r\n                    type=\"text\"\r\n                    name=\"website\"\r\n                    tabindex=\"-1\"\r\n                    autocomplete=\"off\"\r\n                    style=\"\r\n                        position:absolute;\r\n                        left:-9999px;\r\n                        opacity:0;\r\n                        pointer-events:none;\r\n                    \"\r\n                >\r\n\r\n\r\n                <!-- =================================================\r\n                     STEP 1\r\n                ================================================== -->\r\n\r\n                <div\r\n                    class=\"bs-step-panel active\"\r\n                    data-step=\"1\"\r\n                >\r\n\r\n                    <div class=\"bs-section-title\">\r\n\r\n                        <h3>\r\n                            \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0647\u0648\u06cc\u062a\u06cc \u0648 \u062a\u0645\u0627\u0633 \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"bs-grid\">\r\n\r\n                        <!-- \u0646\u0627\u0645 -->\r\n\r\n                        <div class=\"bs-field\">\r\n\r\n                            <label for=\"student_first_name\">\r\n                                \u0646\u0627\u0645\r\n                                <span class=\"bs-required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <input\r\n                                type=\"text\"\r\n                                id=\"student_first_name\"\r\n                                name=\"student_first_name\"\r\n                                placeholder=\"\u0646\u0627\u0645 \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632\"\r\n                                autocomplete=\"given-name\"\r\n                                required\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc -->\r\n\r\n                        <div class=\"bs-field\">\r\n\r\n                            <label for=\"student_last_name\">\r\n                                \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\r\n                                <span class=\"bs-required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <input\r\n                                type=\"text\"\r\n                                id=\"student_last_name\"\r\n                                name=\"student_last_name\"\r\n                                placeholder=\"\u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632\"\r\n                                autocomplete=\"family-name\"\r\n                                required\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- \u06a9\u062f \u0645\u0644\u06cc \/ \u06cc\u06a9\u062a\u0627 -->\r\n\r\n                        <div class=\"bs-field\">\r\n\r\n                            <label for=\"national_id\">\r\n                                \u06a9\u062f \u0645\u0644\u06cc \/ \u06cc\u06a9\u062a\u0627\r\n                                <span class=\"bs-required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <input\r\n                                type=\"text\"\r\n                                id=\"national_id\"\r\n                                name=\"national_id\"\r\n                                inputmode=\"numeric\"\r\n                                maxlength=\"10\"\r\n                                pattern=\"[0-9\u06f0-\u06f9\u0660-\u0669]{10}\"\r\n                                placeholder=\"\u06f1\u06f0 \u0631\u0642\u0645\"\r\n                                autocomplete=\"off\"\r\n                                required\r\n                            >\r\n\r\n                            <div class=\"bs-help\">\r\n                                \u06a9\u062f \u0645\u0644\u06cc \u06cc\u0627 \u06a9\u062f \u06cc\u06a9\u062a\u0627\u06cc \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- \u062a\u0627\u0631\u06cc\u062e \u062a\u0648\u0644\u062f -->\r\n\r\n                        <div class=\"bs-field\">\r\n\r\n                            <label for=\"birth_date\">\r\n                                \u062a\u0627\u0631\u06cc\u062e \u062a\u0648\u0644\u062f\r\n                                <span class=\"bs-required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <input\r\n                                type=\"text\"\r\n                                id=\"birth_date\"\r\n                                name=\"birth_date\"\r\n                                placeholder=\"\u0645\u062b\u0644\u0627\u064b \u06f1\u06f3\u06f9\u06f5\/\u06f0\u06f6\/\u06f1\u06f5\"\r\n                                autocomplete=\"bday\"\r\n                                required\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- \u0645\u0648\u0628\u0627\u06cc\u0644 \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632 -->\r\n\r\n                        <div class=\"bs-field full\">\r\n\r\n                            <label for=\"student_phone\">\r\n                                \u0634\u0645\u0627\u0631\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644 \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632\r\n                                <span class=\"bs-required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <input\r\n                                type=\"tel\"\r\n                                id=\"student_phone\"\r\n                                name=\"student_phone\"\r\n                                inputmode=\"tel\"\r\n                                maxlength=\"11\"\r\n                                pattern=\"09[0-9\u06f0-\u06f9\u0660-\u0669]{9}\"\r\n                                placeholder=\"\u0645\u062b\u0644\u0627\u064b \u06f0\u06f9\u06f1\u06f2\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\"\r\n                                autocomplete=\"tel\"\r\n                                required\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"bs-navigation\">\r\n\r\n                        <span><\/span>\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"bs-btn bs-btn-primary bs-next\"\r\n                            data-next=\"2\"\r\n                        >\r\n                            \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =================================================\r\n                     STEP 2\r\n                ================================================== -->\r\n\r\n                <div\r\n                    class=\"bs-step-panel\"\r\n                    data-step=\"2\"\r\n                >\r\n\r\n                    <div class=\"bs-section-title\">\r\n\r\n                        <h3>\r\n                            \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u062f\u06cc\u0646\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u062f\u06cc\u0646 \u0648 \u0646\u0634\u0627\u0646\u06cc \u0645\u062d\u0644 \u0633\u06a9\u0648\u0646\u062a \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"bs-grid\">\r\n\r\n                        <!-- \u0646\u0627\u0645 \u067e\u062f\u0631 -->\r\n\r\n                        <div class=\"bs-field\">\r\n\r\n                            <label for=\"father_name\">\r\n                                \u0646\u0627\u0645 \u067e\u062f\u0631\r\n                                <span class=\"bs-required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <input\r\n                                type=\"text\"\r\n                                id=\"father_name\"\r\n                                name=\"father_name\"\r\n                                placeholder=\"\u0646\u0627\u0645 \u067e\u062f\u0631\"\r\n                                required\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- \u0646\u0627\u0645 \u0645\u0627\u062f\u0631 -->\r\n\r\n                        <div class=\"bs-field\">\r\n\r\n                            <label for=\"mother_name\">\r\n                                \u0646\u0627\u0645 \u0645\u0627\u062f\u0631\r\n                                <span class=\"bs-required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <input\r\n                                type=\"text\"\r\n                                id=\"mother_name\"\r\n                                name=\"mother_name\"\r\n                                placeholder=\"\u0646\u0627\u0645 \u0645\u0627\u062f\u0631\"\r\n                                required\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- \u0634\u063a\u0644 \u067e\u062f\u0631 -->\r\n\r\n                        <div class=\"bs-field\">\r\n\r\n                            <label for=\"father_job\">\r\n                                \u0634\u063a\u0644 \u067e\u062f\u0631\r\n                                <span class=\"bs-required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <input\r\n                                type=\"text\"\r\n                                id=\"father_job\"\r\n                                name=\"father_job\"\r\n                                placeholder=\"\u0634\u063a\u0644 \u067e\u062f\u0631\"\r\n                                required\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- \u0634\u063a\u0644 \u0645\u0627\u062f\u0631 -->\r\n\r\n                        <div class=\"bs-field\">\r\n\r\n                            <label for=\"mother_job\">\r\n                                \u0634\u063a\u0644 \u0645\u0627\u062f\u0631\r\n                                <span class=\"bs-required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <input\r\n                                type=\"text\"\r\n                                id=\"mother_job\"\r\n                                name=\"mother_job\"\r\n                                placeholder=\"\u0634\u063a\u0644 \u0645\u0627\u062f\u0631\"\r\n                                required\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- \u06a9\u062f \u067e\u0633\u062a\u06cc -->\r\n\r\n                        <div class=\"bs-field full\">\r\n\r\n                            <label for=\"postal_code\">\r\n                                \u06a9\u062f \u067e\u0633\u062a\u06cc\r\n                                <span class=\"bs-required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <input\r\n                                type=\"text\"\r\n                                id=\"postal_code\"\r\n                                name=\"postal_code\"\r\n                                inputmode=\"numeric\"\r\n                                maxlength=\"10\"\r\n                                pattern=\"[0-9\u06f0-\u06f9\u0660-\u0669]{10}\"\r\n                                placeholder=\"\u06a9\u062f \u067e\u0633\u062a\u06cc \u06f1\u06f0 \u0631\u0642\u0645\u06cc\"\r\n                                autocomplete=\"postal-code\"\r\n                                required\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- \u0622\u062f\u0631\u0633 -->\r\n\r\n                        <div class=\"bs-field full\">\r\n\r\n                            <label for=\"address\">\r\n                                \u0622\u062f\u0631\u0633 \u06a9\u0627\u0645\u0644\r\n                                <span class=\"bs-required\">*<\/span>\r\n                            <\/label>\r\n\r\n                            <textarea\r\n                                id=\"address\"\r\n                                name=\"address\"\r\n                                placeholder=\"\u0627\u0633\u062a\u0627\u0646\u060c \u0634\u0647\u0631\u060c \u062e\u06cc\u0627\u0628\u0627\u0646\u060c \u06a9\u0648\u0686\u0647\u060c \u067e\u0644\u0627\u06a9 \u0648 \u0648\u0627\u062d\u062f...\"\r\n                                autocomplete=\"street-address\"\r\n                                required\r\n                            ><\/textarea>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"bs-navigation\">\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"bs-btn bs-btn-secondary bs-prev\"\r\n                            data-prev=\"1\"\r\n                        >\r\n                            \u0645\u0631\u062d\u0644\u0647 \u0642\u0628\u0644\r\n                        <\/button>\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"bs-btn bs-btn-primary bs-next\"\r\n                            data-next=\"3\"\r\n                        >\r\n                            \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =================================================\r\n                     STEP 3\r\n                ================================================== -->\r\n\r\n                <div\r\n                    class=\"bs-step-panel\"\r\n                    data-step=\"3\"\r\n                >\r\n\r\n                    <div class=\"bs-section-title\">\r\n\r\n                        <h3>\r\n                            \u0645\u062f\u0627\u0631\u06a9 \u0648 \u062a\u0623\u06cc\u06cc\u062f \u0646\u0647\u0627\u06cc\u06cc\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            \u0639\u06a9\u0633 \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632 \u0631\u0627 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0631\u062f\u0647 \u0648 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0631\u0627 \u062a\u0623\u06cc\u06cc\u062f \u06a9\u0646\u06cc\u062f.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"bs-grid\">\r\n\r\n                        <!-- \u0639\u06a9\u0633 \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632 -->\r\n\r\n                        <div class=\"bs-field full\">\r\n\r\n                            <label for=\"student_photo\">\r\n                                \u0639\u06a9\u0633 \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632\r\n                            <\/label>\r\n\r\n                            <input\r\n                                class=\"bschool-file\"\r\n                                type=\"file\"\r\n                                id=\"student_photo\"\r\n                                name=\"student_photo\"\r\n                                accept=\".jpg,.jpeg,.png,.webp\"\r\n                            >\r\n\r\n                            <div class=\"bs-help\">\r\n                                \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc \u0645\u062c\u0627\u0632: JPG\u060c JPEG\u060c PNG \u0648 WEBP \u2014 \u062d\u062f\u0627\u06a9\u062b\u0631 \u06f3 \u0645\u06af\u0627\u0628\u0627\u06cc\u062a\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- \u062a\u0648\u0636\u06cc\u062d\u0627\u062a -->\r\n\r\n                        <div class=\"bs-field full\">\r\n\r\n                            <label for=\"description\">\r\n                                \u062a\u0648\u0636\u06cc\u062d\u0627\u062a\r\n                            <\/label>\r\n\r\n                            <textarea\r\n                                id=\"description\"\r\n                                name=\"description\"\r\n                                placeholder=\"\u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f...\"\r\n                            ><\/textarea>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <!-- \u062a\u0623\u06cc\u06cc\u062f -->\r\n\r\n                        <div class=\"bs-field full\">\r\n\r\n                            <div class=\"bs-confirm-box\">\r\n\r\n                                <input\r\n                                    type=\"checkbox\"\r\n                                    id=\"bschool-confirm\"\r\n                                    name=\"confirmation\"\r\n                                    value=\"1\"\r\n                                    required\r\n                                >\r\n\r\n                                <label for=\"bschool-confirm\">\r\n                                    \u0635\u062d\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0648\u0627\u0631\u062f\u0634\u062f\u0647 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0631\u062f\u0647\u200c\u0627\u0645 \u0648 \u0645\u0633\u0626\u0648\u0644\u06cc\u062a \u0635\u062d\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062b\u0628\u062a\u200c\u0634\u062f\u0647 \u0631\u0627 \u0645\u06cc\u200c\u067e\u0630\u06cc\u0631\u0645.\r\n                                    <span class=\"bs-required\">*<\/span>\r\n                                <\/label>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"bs-navigation\">\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"bs-btn bs-btn-secondary bs-prev\"\r\n                            data-prev=\"2\"\r\n                        >\r\n                            \u0645\u0631\u062d\u0644\u0647 \u0642\u0628\u0644\r\n                        <\/button>\r\n\r\n                        <button\r\n                            type=\"submit\"\r\n                            class=\"bs-btn bs-btn-primary\"\r\n                            id=\"bs-submit-btn\"\r\n                        >\r\n\r\n                            <span class=\"bs-submit-text\">\r\n                                \u062b\u0628\u062a \u0646\u0647\u0627\u06cc\u06cc\r\n                            <\/span>\r\n\r\n                            <span class=\"bs-loading\">\r\n                                <span class=\"bs-spinner\"><\/span>\r\n                                \u062f\u0631 \u062d\u0627\u0644 \u062b\u0628\u062a...\r\n                            <\/span>\r\n\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/form>\r\n\r\n\r\n            <!-- =================================================\r\n                 SUCCESS\r\n            ================================================== -->\r\n\r\n            <div\r\n                class=\"bs-success\"\r\n                id=\"bschool-success\"\r\n            >\r\n\r\n                <div class=\"bs-success-icon\">\r\n                    \u2713\r\n                <\/div>\r\n\r\n                <h3>\r\n                    \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u0627\u0646\u062c\u0627\u0645 \u0634\u062f\r\n                <\/h3>\r\n\r\n                <p>\r\n                    \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062b\u0628\u062a \u0634\u062f. \u0644\u0637\u0641\u0627\u064b \u0634\u0645\u0627\u0631\u0647 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0632\u06cc\u0631 \u0631\u0627 \u0646\u0632\u062f \u062e\u0648\u062f \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f.\r\n                <\/p>\r\n\r\n                <div class=\"bs-tracking-box\">\r\n\r\n                    <span class=\"bs-tracking-label\">\r\n                        \u0634\u0645\u0627\u0631\u0647 \u067e\u06cc\u06af\u06cc\u0631\u06cc\r\n                    <\/span>\r\n\r\n                    <span\r\n                        class=\"bs-tracking-code\"\r\n                        id=\"bs-tracking-code\"\r\n                    >\r\n                        \u2014\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"bs-btn bs-btn-secondary\"\r\n                    id=\"bs-new-registration\"\r\n                >\r\n                    \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u062c\u062f\u06cc\u062f\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             TRACKING PANEL\r\n        ================================================== -->\r\n\r\n        <div\r\n            class=\"bs-panel\"\r\n            data-panel=\"tracking\"\r\n        >\r\n\r\n            <div class=\"bs-track-box\">\r\n\r\n                <div class=\"bs-track-intro\">\r\n\r\n                    <div class=\"bs-track-intro-icon\">\r\n                        \u2713\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        \u067e\u06cc\u06af\u06cc\u0631\u06cc \u062b\u0628\u062a\u200c\u0646\u0627\u0645\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        \u0634\u0645\u0627\u0631\u0647 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a\u200c\u0634\u062f\u0647 \u0647\u0646\u06af\u0627\u0645 \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <form\r\n                    id=\"bs-tracking-form\"\r\n                    class=\"bs-track-form\"\r\n                >\r\n\r\n                    <input\r\n                        type=\"text\"\r\n                        id=\"bs-tracking-input\"\r\n                        name=\"tracking_code\"\r\n                        placeholder=\"SCH-1405-123456\"\r\n                        autocomplete=\"off\"\r\n                        required\r\n                    >\r\n\r\n                    <button\r\n                        type=\"submit\"\r\n                        class=\"bs-btn bs-btn-primary\"\r\n                        id=\"bs-tracking-btn\"\r\n                    >\r\n                        \u067e\u06cc\u06af\u06cc\u0631\u06cc\r\n                    <\/button>\r\n\r\n                <\/form>\r\n\r\n\r\n                <div\r\n                    class=\"bs-track-error\"\r\n                    id=\"bs-track-error\"\r\n                ><\/div>\r\n\r\n\r\n                <div\r\n                    class=\"bs-track-result\"\r\n                    id=\"bs-track-result\"\r\n                >\r\n\r\n                    <div class=\"bs-track-result-title\">\r\n                        \u0648\u0636\u0639\u06cc\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0645\u0627\r\n                    <\/div>\r\n\r\n                    <div class=\"bs-status-result\">\r\n\r\n                        <div class=\"bs-status-text\">\r\n                            \u0634\u0645\u0627\u0631\u0647 \u067e\u06cc\u06af\u06cc\u0631\u06cc:\r\n                            <span id=\"bs-result-code\"><\/span>\r\n                        <\/div>\r\n\r\n                        <span\r\n                            class=\"bs-status-badge\"\r\n                            id=\"bs-result-status\"\r\n                        >\r\n                            \u2014\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <script>\r\n        (function () {\r\n\r\n            'use strict';\r\n\r\n            const root = document.getElementById('bschool-registration');\r\n\r\n            if (!root) {\r\n                return;\r\n            }\r\n\r\n\r\n            \/* =====================================================\r\n               ELEMENTS\r\n            ===================================================== *\/\r\n\r\n            const form = root.querySelector('#bschool-form');\r\n            const message = root.querySelector('#bschool-message');\r\n\r\n            const successBox = root.querySelector('#bschool-success');\r\n            const trackingCodeBox = root.querySelector('#bs-tracking-code');\r\n\r\n            const modeButtons = root.querySelectorAll('.bs-mode-btn');\r\n            const panels = root.querySelectorAll('.bs-panel');\r\n\r\n            const stepPanels = root.querySelectorAll('.bs-step-panel');\r\n            const stepIndicators = root.querySelectorAll('.bs-step');\r\n\r\n            const submitButton = root.querySelector('#bs-submit-btn');\r\n            const submitText = root.querySelector('.bs-submit-text');\r\n            const loading = root.querySelector('.bs-loading');\r\n\r\n            const newRegistrationButton =\r\n                root.querySelector('#bs-new-registration');\r\n\r\n            const trackingForm =\r\n                root.querySelector('#bs-tracking-form');\r\n\r\n            const trackingInput =\r\n                root.querySelector('#bs-tracking-input');\r\n\r\n            const trackingButton =\r\n                root.querySelector('#bs-tracking-btn');\r\n\r\n            const trackingResult =\r\n                root.querySelector('#bs-track-result');\r\n\r\n            const trackingError =\r\n                root.querySelector('#bs-track-error');\r\n\r\n            const resultCode =\r\n                root.querySelector('#bs-result-code');\r\n\r\n            const resultStatus =\r\n                root.querySelector('#bs-result-status');\r\n\r\n\r\n            let currentStep = 1;\r\n\r\n\r\n            \/* =====================================================\r\n               DIGITS\r\n            ===================================================== *\/\r\n\r\n            function normalizeDigits(value) {\r\n\r\n                if (!value) {\r\n                    return '';\r\n                }\r\n\r\n                const persian = '\u06f0\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9';\r\n                const arabic = '\u0660\u0661\u0662\u0663\u0664\u0665\u0666\u0667\u0668\u0669';\r\n\r\n                return String(value)\r\n                    .replace(\/[\u06f0-\u06f9]\/g, function (digit) {\r\n                        return String(persian.indexOf(digit));\r\n                    })\r\n                    .replace(\/[\u0660-\u0669]\/g, function (digit) {\r\n                        return String(arabic.indexOf(digit));\r\n                    });\r\n            }\r\n\r\n\r\n            \/* =====================================================\r\n               SHOW MESSAGE\r\n            ===================================================== *\/\r\n\r\n            function showMessage(text, type) {\r\n\r\n                message.textContent = text;\r\n\r\n                message.className =\r\n                    'bs-message show ' +\r\n                    (type || 'error');\r\n\r\n                message.scrollIntoView({\r\n                    behavior: 'smooth',\r\n                    block: 'center'\r\n                });\r\n            }\r\n\r\n\r\n            function hideMessage() {\r\n\r\n                message.textContent = '';\r\n\r\n                message.className =\r\n                    'bs-message';\r\n\r\n            }\r\n\r\n\r\n            \/* =====================================================\r\n               MODE\r\n            ===================================================== *\/\r\n\r\n            function switchMode(mode) {\r\n\r\n                modeButtons.forEach(function (button) {\r\n\r\n                    button.classList.toggle(\r\n                        'active',\r\n                        button.dataset.mode === mode\r\n                    );\r\n\r\n                });\r\n\r\n\r\n                panels.forEach(function (panel) {\r\n\r\n                    panel.classList.toggle(\r\n                        'active',\r\n                        panel.dataset.panel === mode\r\n                    );\r\n\r\n                });\r\n\r\n                hideMessage();\r\n\r\n            }\r\n\r\n\r\n            modeButtons.forEach(function (button) {\r\n\r\n                button.addEventListener('click', function () {\r\n\r\n                    switchMode(\r\n                        button.dataset.mode\r\n                    );\r\n\r\n                });\r\n\r\n            });\r\n\r\n\r\n            \/* =====================================================\r\n               STEP\r\n            ===================================================== *\/\r\n\r\n            function showStep(step) {\r\n\r\n                currentStep = step;\r\n\r\n                stepPanels.forEach(function (panel) {\r\n\r\n                    panel.classList.toggle(\r\n                        'active',\r\n                        Number(panel.dataset.step) === step\r\n                    );\r\n\r\n                });\r\n\r\n\r\n                stepIndicators.forEach(function (indicator) {\r\n\r\n                    const indicatorStep =\r\n                        Number(indicator.dataset.stepIndicator);\r\n\r\n                    indicator.classList.toggle(\r\n                        'active',\r\n                        indicatorStep === step\r\n                    );\r\n\r\n                    indicator.classList.toggle(\r\n                        'completed',\r\n                        indicatorStep < step\r\n                    );\r\n\r\n                });\r\n\r\n                hideMessage();\r\n\r\n            }\r\n\r\n\r\n            \/* =====================================================\r\n               VALIDATION\r\n            ===================================================== *\/\r\n\r\n            function validateStep(step) {\r\n\r\n                const panel =\r\n                    root.querySelector(\r\n                        '.bs-step-panel[data-step=\"' + step + '\"]'\r\n                    );\r\n\r\n                if (!panel) {\r\n                    return false;\r\n                }\r\n\r\n\r\n                const fields =\r\n                    panel.querySelectorAll(\r\n                        'input[required], textarea[required], select[required]'\r\n                    );\r\n\r\n\r\n                let valid = true;\r\n                let firstInvalid = null;\r\n\r\n\r\n                fields.forEach(function (field) {\r\n\r\n                    field.classList.remove('bs-invalid');\r\n\r\n\r\n                    if (\r\n                        field.type === 'checkbox'\r\n                    ) {\r\n\r\n                        if (!field.checked) {\r\n\r\n                            valid = false;\r\n\r\n                            if (!firstInvalid) {\r\n                                firstInvalid = field;\r\n                            }\r\n\r\n                        }\r\n\r\n                        return;\r\n                    }\r\n\r\n\r\n                    if (\r\n                        field.type === 'file'\r\n                    ) {\r\n\r\n                        if (\r\n                            !field.files ||\r\n                            !field.files.length\r\n                        ) {\r\n\r\n                            valid = false;\r\n\r\n                            field.classList.add(\r\n                                'bs-invalid'\r\n                            );\r\n\r\n                            if (!firstInvalid) {\r\n                                firstInvalid = field;\r\n                            }\r\n\r\n                        }\r\n\r\n                        return;\r\n                    }\r\n\r\n\r\n                    if (\r\n                        !String(field.value || '').trim()\r\n                    ) {\r\n\r\n                        valid = false;\r\n\r\n                        field.classList.add(\r\n                            'bs-invalid'\r\n                        );\r\n\r\n                        if (!firstInvalid) {\r\n                            firstInvalid = field;\r\n                        }\r\n\r\n                    }\r\n\r\n                });\r\n\r\n\r\n                \/* -------------------------------------------------\r\n                   NATIONAL ID\r\n                ------------------------------------------------- *\/\r\n\r\n                if (step === 1) {\r\n\r\n                    const nationalId =\r\n                        root.querySelector('#national_id');\r\n\r\n                    if (nationalId) {\r\n\r\n                        const value =\r\n                            normalizeDigits(\r\n                                nationalId.value.trim()\r\n                            );\r\n\r\n                        nationalId.value = value;\r\n\r\n                        if (\r\n                            value &&\r\n                            !\/^[0-9]{10}$\/.test(value)\r\n                        ) {\r\n\r\n                            valid = false;\r\n\r\n                            nationalId.classList.add(\r\n                                'bs-invalid'\r\n                            );\r\n\r\n                            if (!firstInvalid) {\r\n                                firstInvalid = nationalId;\r\n                            }\r\n\r\n                            showMessage(\r\n                                '\u06a9\u062f \u0645\u0644\u06cc \/ \u06cc\u06a9\u062a\u0627 \u0628\u0627\u06cc\u062f \u062f\u0642\u06cc\u0642\u0627\u064b \u06f1\u06f0 \u0631\u0642\u0645 \u0628\u0627\u0634\u062f.',\r\n                                'error'\r\n                            );\r\n                        }\r\n\r\n                    }\r\n\r\n\r\n                    \/* -------------------------------------------------\r\n                       STUDENT PHONE\r\n                    ------------------------------------------------- *\/\r\n\r\n                    const studentPhone =\r\n                        root.querySelector('#student_phone');\r\n\r\n                    if (studentPhone) {\r\n\r\n                        const value =\r\n                            normalizeDigits(\r\n                                studentPhone.value.trim()\r\n                            );\r\n\r\n                        studentPhone.value = value;\r\n\r\n                        if (\r\n                            value &&\r\n                            !\/^09[0-9]{9}$\/.test(value)\r\n                        ) {\r\n\r\n                            valid = false;\r\n\r\n                            studentPhone.classList.add(\r\n                                'bs-invalid'\r\n                            );\r\n\r\n                            if (!firstInvalid) {\r\n                                firstInvalid = studentPhone;\r\n                            }\r\n\r\n                            showMessage(\r\n                                '\u0634\u0645\u0627\u0631\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644 \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632 \u0635\u062d\u06cc\u062d \u0646\u06cc\u0633\u062a. \u0634\u0645\u0627\u0631\u0647 \u0628\u0627\u06cc\u062f \u0628\u0627 \u06f0\u06f9 \u0634\u0631\u0648\u0639 \u0634\u062f\u0647 \u0648 \u06f1\u06f1 \u0631\u0642\u0645 \u0628\u0627\u0634\u062f.',\r\n                                'error'\r\n                            );\r\n                        }\r\n\r\n                    }\r\n\r\n                }\r\n\r\n\r\n                \/* -------------------------------------------------\r\n                   POSTAL CODE\r\n                ------------------------------------------------- *\/\r\n\r\n                if (step === 2) {\r\n\r\n                    const postalCode =\r\n                        root.querySelector('#postal_code');\r\n\r\n                    if (postalCode) {\r\n\r\n                        const value =\r\n                            normalizeDigits(\r\n                                postalCode.value.trim()\r\n                            );\r\n\r\n                        postalCode.value = value;\r\n\r\n                        if (\r\n                            value &&\r\n                            !\/^[0-9]{10}$\/.test(value)\r\n                        ) {\r\n\r\n                            valid = false;\r\n\r\n                            postalCode.classList.add(\r\n                                'bs-invalid'\r\n                            );\r\n\r\n                            if (!firstInvalid) {\r\n                                firstInvalid = postalCode;\r\n                            }\r\n\r\n                            showMessage(\r\n                                '\u06a9\u062f \u067e\u0633\u062a\u06cc \u0628\u0627\u06cc\u062f \u062f\u0642\u06cc\u0642\u0627\u064b \u06f1\u06f0 \u0631\u0642\u0645 \u0628\u0627\u0634\u062f.',\r\n                                'error'\r\n                            );\r\n                        }\r\n\r\n                    }\r\n\r\n                }\r\n\r\n\r\n                if (!valid && firstInvalid) {\r\n\r\n                    firstInvalid.focus();\r\n\r\n                    if (!message.classList.contains('show')) {\r\n\r\n                        showMessage(\r\n                            '\u0644\u0637\u0641\u0627\u064b \u062a\u0645\u0627\u0645 \u0641\u06cc\u0644\u062f\u0647\u0627\u06cc \u0627\u0644\u0632\u0627\u0645\u06cc \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647 \u0631\u0627 \u062a\u06a9\u0645\u06cc\u0644 \u06a9\u0646\u06cc\u062f.',\r\n                            'error'\r\n                        );\r\n\r\n                    }\r\n\r\n                }\r\n\r\n\r\n                return valid;\r\n\r\n            }\r\n\r\n\r\n            \/* =====================================================\r\n               NEXT\r\n            ===================================================== *\/\r\n\r\n            root.querySelectorAll('.bs-next').forEach(function (button) {\r\n\r\n                button.addEventListener('click', function () {\r\n\r\n                    const nextStep =\r\n                        Number(button.dataset.next);\r\n\r\n                    if (\r\n                        validateStep(currentStep)\r\n                    ) {\r\n\r\n                        showStep(nextStep);\r\n\r\n                        root.scrollIntoView({\r\n                            behavior: 'smooth',\r\n                            block: 'start'\r\n                        });\r\n\r\n                    }\r\n\r\n                });\r\n\r\n            });\r\n\r\n\r\n            \/* =====================================================\r\n               PREVIOUS\r\n            ===================================================== *\/\r\n\r\n            root.querySelectorAll('.bs-prev').forEach(function (button) {\r\n\r\n                button.addEventListener('click', function () {\r\n\r\n                    const previousStep =\r\n                        Number(button.dataset.prev);\r\n\r\n                    showStep(previousStep);\r\n\r\n                });\r\n\r\n            });\r\n\r\n\r\n            \/* =====================================================\r\n               REMOVE INVALID STATE\r\n            ===================================================== *\/\r\n\r\n            root.querySelectorAll(\r\n                'input, textarea, select'\r\n            ).forEach(function (field) {\r\n\r\n                field.addEventListener(\r\n                    'input',\r\n                    function () {\r\n\r\n                        field.classList.remove(\r\n                            'bs-invalid'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n                field.addEventListener(\r\n                    'change',\r\n                    function () {\r\n\r\n                        field.classList.remove(\r\n                            'bs-invalid'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n            });\r\n\r\n\r\n            \/* =====================================================\r\n               LIVE DIGIT NORMALIZATION\r\n            ===================================================== *\/\r\n\r\n            const numericFields = [\r\n                '#national_id',\r\n                '#student_phone',\r\n                '#postal_code'\r\n            ];\r\n\r\n\r\n            numericFields.forEach(function (selector) {\r\n\r\n                const field =\r\n                    root.querySelector(selector);\r\n\r\n                if (!field) {\r\n                    return;\r\n                }\r\n\r\n                field.addEventListener(\r\n                    'input',\r\n                    function () {\r\n\r\n                        field.value =\r\n                            normalizeDigits(\r\n                                field.value\r\n                            );\r\n\r\n                    }\r\n                );\r\n\r\n            });\r\n\r\n\r\n            \/* =====================================================\r\n               SUBMIT\r\n            ===================================================== *\/\r\n\r\n            form.addEventListener(\r\n                'submit',\r\n                async function (event) {\r\n\r\n                    event.preventDefault();\r\n\r\n                    hideMessage();\r\n\r\n\r\n                    \/* Validate every step *\/\r\n\r\n                    if (!validateStep(1)) {\r\n\r\n                        showStep(1);\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    if (!validateStep(2)) {\r\n\r\n                        showStep(2);\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    if (!validateStep(3)) {\r\n\r\n                        showStep(3);\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    \/* Check WordPress config *\/\r\n\r\n                    if (\r\n                        typeof BSchoolRegistration === 'undefined'\r\n                    ) {\r\n\r\n                        showMessage(\r\n                            '\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0633\u06cc\u0633\u062a\u0645 \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u0628\u0631\u0642\u0631\u0627\u0631 \u0646\u0634\u062f. \u0644\u0637\u0641\u0627\u064b \u0635\u0641\u062d\u0647 \u0631\u0627 \u062f\u0648\u0628\u0627\u0631\u0647 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f.',\r\n                            'error'\r\n                        );\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    \/* Loading *\/\r\n\r\n                    submitButton.disabled = true;\r\n\r\n                    submitText.style.display = 'none';\r\n\r\n                    loading.classList.add('show');\r\n\r\n\r\n                    try {\r\n\r\n                        const formData =\r\n                            new FormData(form);\r\n\r\n\r\n                        formData.append(\r\n                            'action',\r\n                            'bschool_submit_registration'\r\n                        );\r\n\r\n\r\n                        formData.append(\r\n                            'security',\r\n                            BSchoolRegistration.nonce\r\n                        );\r\n\r\n\r\n                        const response =\r\n                            await fetch(\r\n                                BSchoolRegistration.ajax_url,\r\n                                {\r\n                                    method: 'POST',\r\n                                    body: formData,\r\n                                    credentials: 'same-origin'\r\n                                }\r\n                            );\r\n\r\n\r\n                        const data =\r\n                            await response.json();\r\n\r\n\r\n                        if (\r\n                            data &&\r\n                            data.success\r\n                        ) {\r\n\r\n                            const code =\r\n                                data.data &&\r\n                                data.data.tracking_code\r\n                                    ? data.data.tracking_code\r\n                                    : '\u2014';\r\n\r\n\r\n                            trackingCodeBox.textContent =\r\n                                code;\r\n\r\n\r\n                            form.style.display =\r\n                                'none';\r\n\r\n                            root.querySelector(\r\n                                '.bs-steps'\r\n                            ).style.display =\r\n                                'none';\r\n\r\n                            message.className =\r\n                                'bs-message';\r\n\r\n                            successBox.classList.add(\r\n                                'show'\r\n                            );\r\n\r\n\r\n                            window.scrollTo({\r\n                                top:\r\n                                    root.getBoundingClientRect().top +\r\n                                    window.scrollY -\r\n                                    30,\r\n                                behavior: 'smooth'\r\n                            });\r\n\r\n\r\n                        } else {\r\n\r\n                            const errorMessage =\r\n                                data &&\r\n                                data.data &&\r\n                                data.data.message\r\n                                    ? data.data.message\r\n                                    : '\u062b\u0628\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u0627 \u062e\u0637\u0627 \u0645\u0648\u0627\u062c\u0647 \u0634\u062f.';\r\n\r\n                            showMessage(\r\n                                errorMessage,\r\n                                'error'\r\n                            );\r\n\r\n                        }\r\n\r\n                    } catch (error) {\r\n\r\n                        showMessage(\r\n                            '\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0633\u0631\u0648\u0631 \u0628\u0631\u0642\u0631\u0627\u0631 \u0646\u0634\u062f. \u0644\u0637\u0641\u0627\u064b \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.',\r\n                            'error'\r\n                        );\r\n\r\n                    } finally {\r\n\r\n                        submitButton.disabled =\r\n                            false;\r\n\r\n                        submitText.style.display =\r\n                            'inline';\r\n\r\n                        loading.classList.remove(\r\n                            'show'\r\n                        );\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* =====================================================\r\n               NEW REGISTRATION\r\n            ===================================================== *\/\r\n\r\n            newRegistrationButton.addEventListener(\r\n                'click',\r\n                function () {\r\n\r\n                    form.reset();\r\n\r\n                    form.style.display =\r\n                        '';\r\n\r\n                    root.querySelector(\r\n                        '.bs-steps'\r\n                    ).style.display =\r\n                        '';\r\n\r\n                    successBox.classList.remove(\r\n                        'show'\r\n                    );\r\n\r\n                    hideMessage();\r\n\r\n                    showStep(1);\r\n\r\n                    switchMode('register');\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* =====================================================\r\n               TRACKING\r\n               IMPORTANT:\r\n               PHP MUST PROVIDE:\r\n               bschool_check_tracking\r\n            ===================================================== *\/\r\n\r\n            trackingForm.addEventListener(\r\n                'submit',\r\n                async function (event) {\r\n\r\n                    event.preventDefault();\r\n\r\n\r\n                    trackingError.classList.remove(\r\n                        'show'\r\n                    );\r\n\r\n                    trackingResult.classList.remove(\r\n                        'show'\r\n                    );\r\n\r\n\r\n                    let code =\r\n                        String(\r\n                            trackingInput.value || ''\r\n                        ).trim();\r\n\r\n\r\n                    code =\r\n                        normalizeDigits(code)\r\n                            .toUpperCase()\r\n                            .replace(\/\\s+\/g, '');\r\n\r\n\r\n                    trackingInput.value =\r\n                        code;\r\n\r\n\r\n                    if (!code) {\r\n\r\n                        trackingError.textContent =\r\n                            '\u0644\u0637\u0641\u0627\u064b \u0634\u0645\u0627\u0631\u0647 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.';\r\n\r\n                        trackingError.classList.add(\r\n                            'show'\r\n                        );\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    if (\r\n                        !\/^SCH-[0-9]{4}-[0-9]{6}$\/.test(code)\r\n                    ) {\r\n\r\n                        trackingError.textContent =\r\n                            '\u0641\u0631\u0645\u062a \u0634\u0645\u0627\u0631\u0647 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0635\u062d\u06cc\u062d \u0646\u06cc\u0633\u062a.';\r\n\r\n                        trackingError.classList.add(\r\n                            'show'\r\n                        );\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    if (\r\n                        typeof BSchoolRegistration === 'undefined'\r\n                    ) {\r\n\r\n                        trackingError.textContent =\r\n                            '\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0633\u06cc\u0633\u062a\u0645 \u0628\u0631\u0642\u0631\u0627\u0631 \u0646\u0634\u062f. \u0644\u0637\u0641\u0627\u064b \u0635\u0641\u062d\u0647 \u0631\u0627 \u062f\u0648\u0628\u0627\u0631\u0647 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f.';\r\n\r\n                        trackingError.classList.add(\r\n                            'show'\r\n                        );\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    trackingButton.disabled =\r\n                        true;\r\n\r\n                    trackingButton.textContent =\r\n                        '\u062f\u0631 \u062d\u0627\u0644 \u0628\u0631\u0631\u0633\u06cc...';\r\n\r\n\r\n                    try {\r\n\r\n                        const data =\r\n                            new FormData();\r\n\r\n                        data.append(\r\n                            'action',\r\n                            'bschool_check_tracking'\r\n                        );\r\n\r\n                        data.append(\r\n                            'security',\r\n                            BSchoolRegistration.nonce\r\n                        );\r\n\r\n                        data.append(\r\n                            'tracking_code',\r\n                            code\r\n                        );\r\n\r\n\r\n                        const response =\r\n                            await fetch(\r\n                                BSchoolRegistration.ajax_url,\r\n                                {\r\n                                    method: 'POST',\r\n                                    body: data,\r\n                                    credentials: 'same-origin'\r\n                                }\r\n                            );\r\n\r\n\r\n                        const result =\r\n                            await response.json();\r\n\r\n\r\n                        if (\r\n                            result &&\r\n                            result.success\r\n                        ) {\r\n\r\n                            const registration =\r\n                                result.data;\r\n\r\n\r\n                            resultCode.textContent =\r\n                                registration.tracking_code ||\r\n                                code;\r\n\r\n\r\n                            resultStatus.className =\r\n                                'bs-status-badge';\r\n\r\n\r\n                            if (\r\n                                registration.status ===\r\n                                'approved'\r\n                            ) {\r\n\r\n                                resultStatus.textContent =\r\n                                    '\u062a\u0623\u06cc\u06cc\u062f \u0634\u062f\u0647';\r\n\r\n                                resultStatus.classList.add(\r\n                                    'approved'\r\n                                );\r\n\r\n                            } else if (\r\n                                registration.status ===\r\n                                'rejected'\r\n                            ) {\r\n\r\n                                resultStatus.textContent =\r\n                                    '\u0631\u062f \u0634\u062f\u0647';\r\n\r\n                                resultStatus.classList.add(\r\n                                    'rejected'\r\n                                );\r\n\r\n                            } else {\r\n\r\n                                resultStatus.textContent =\r\n                                    '\u062f\u0631 \u0627\u0646\u062a\u0638\u0627\u0631 \u0628\u0631\u0631\u0633\u06cc';\r\n\r\n                                resultStatus.classList.add(\r\n                                    'pending'\r\n                                );\r\n\r\n                            }\r\n\r\n\r\n                            trackingResult.classList.add(\r\n                                'show'\r\n                            );\r\n\r\n                        } else {\r\n\r\n                            trackingError.textContent =\r\n                                result &&\r\n                                result.data &&\r\n                                result.data.message\r\n                                    ? result.data.message\r\n                                    : '\u0634\u0645\u0627\u0631\u0647 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u067e\u06cc\u062f\u0627 \u0646\u0634\u062f.';\r\n\r\n                            trackingError.classList.add(\r\n                                'show'\r\n                            );\r\n\r\n                        }\r\n\r\n                    } catch (error) {\r\n\r\n                        trackingError.textContent =\r\n                            '\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0633\u0631\u0648\u0631 \u0628\u0631\u0642\u0631\u0627\u0631 \u0646\u0634\u062f. \u0644\u0637\u0641\u0627\u064b \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0644\u0627\u0634 \u06a9\u0646\u06cc\u062f.';\r\n\r\n                        trackingError.classList.add(\r\n                            'show'\r\n                        );\r\n\r\n                    } finally {\r\n\r\n                        trackingButton.disabled =\r\n                            false;\r\n\r\n                        trackingButton.textContent =\r\n                            '\u067e\u06cc\u06af\u06cc\u0631\u06cc';\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n\r\n            \/* =====================================================\r\n               INITIAL\r\n            ===================================================== *\/\r\n\r\n            showStep(1);\r\n\r\n        })();\r\n    <\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632 \u0644\u0637\u0641\u0627\u064b \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0631\u0627 \u0628\u0627 \u062f\u0642\u062a \u062a\u06a9\u0645\u06cc\u0644 \u0648 \u062b\u0628\u062a \u0646\u0645\u0627\u06cc\u06cc\u062f. \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u062c\u062f\u06cc\u062f \u067e\u06cc\u06af\u06cc\u0631\u06cc \u062b\u0628\u062a\u200c\u0646\u0627\u0645 \u06f1 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632 \u06f2 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u062f\u06cc\u0646 \u06f3 \u0645\u062f\u0627\u0631\u06a9 \u0648 \u062a\u0623\u06cc\u06cc\u062f \u0646\u0647\u0627\u06cc\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0647\u0648\u06cc\u062a\u06cc \u0648 \u062a\u0645\u0627\u0633 \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f. \u0646\u0627\u0645 * \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc * \u06a9\u062f \u0645\u0644\u06cc \/ \u06cc\u06a9\u062a\u0627 * \u06a9\u062f \u0645\u0644\u06cc \u06cc\u0627 \u06a9\u062f \u06cc\u06a9\u062a\u0627\u06cc \u062f\u0627\u0646\u0634\u200c\u0622\u0645\u0648\u0632 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/boshraschool.ir\/index.php?rest_route=\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boshraschool.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boshraschool.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boshraschool.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boshraschool.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=45"}],"version-history":[{"count":20,"href":"https:\/\/boshraschool.ir\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/boshraschool.ir\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/boshraschool.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}