{"id":688,"date":"2025-12-17T20:36:03","date_gmt":"2025-12-17T20:36:03","guid":{"rendered":"https:\/\/sgss.org.sa\/?page_id=688"},"modified":"2026-01-07T23:39:56","modified_gmt":"2026-01-07T23:39:56","slug":"%d8%a7%d9%84%d8%aa%d9%82%d8%af%d9%85-%d8%a8%d8%b7%d9%84%d8%a8-%d8%a7%d9%84%d8%b9%d8%b6%d9%88%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/sgss.org.sa\/en\/%d8%a7%d9%84%d8%aa%d9%82%d8%af%d9%85-%d8%a8%d8%b7%d9%84%d8%a8-%d8%a7%d9%84%d8%b9%d8%b6%d9%88%d9%8a%d8%a9\/","title":{"rendered":"\u0627\u0644\u062a\u0642\u062f\u0645 \u0628\u0637\u0644\u0628 \u0627\u0644\u0639\u0636\u0648\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"688\" class=\"elementor elementor-688\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20d34d1 e-flex e-con-boxed e-con e-parent\" data-id=\"20d34d1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d09a6c elementor-widget elementor-widget-heading\" data-id=\"3d09a6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u062a\u0642\u062f\u0645 \u0628\u0637\u0644\u0628 \u0627\u0644\u0639\u0636\u0648\u064a\u0629<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22fc5d3 elementor-widget elementor-widget-text-editor\" data-id=\"22fc5d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u064a\u0631\u062c\u0649 \u062a\u0642\u062f\u064a\u0645 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643 \u0644\u0628\u062f\u0621 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0645<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f72ddc0 e-con-full e-flex e-con e-parent\" data-id=\"f72ddc0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86d6d31 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"86d6d31\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"membership_payment_form\" aria-label=\"membership_payment_form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"688\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"86d6d31\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\u0627\u0644\u062a\u0642\u062f\u0645 \u0628\u0637\u0644\u0628 \u0627\u0644\u0639\u0636\u0648\u064a\u0629\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"688\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_3ec9476 elementor-col-100\">\n\t\t\t\t\t<h2> \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629 <h2>\n<hr>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0627\u0644\u0627\u0633\u0645 \u0628\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_4503143 elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_4503143\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0627\u0644\u0627\u0633\u0645 \u0628\u0627\u0644\u0644\u063a\u0647 \u0627\u0644\u0627\u0646\u062c\u0644\u064a\u0632\u064a\u0629\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_4503143]\" id=\"form-field-field_4503143\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_f25f216 elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_f25f216\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_f25f216]\" id=\"form-field-field_f25f216\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-number elementor-field-group elementor-column elementor-field-group-field_0c86404 elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_0c86404\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t<input type=\"number\" name=\"form_fields[field_0c86404]\" id=\"form-field-field_0c86404\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\" min=\"\" max=\"\" >\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_c12718b elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_c12718b\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0627\u0644\u0645\u0646\u0635\u0628 \u0627\u0644\u062d\u0627\u0644\u064a\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_c12718b]\" id=\"form-field-field_c12718b\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_4ed5cd2 elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_4ed5cd2\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0648\u062c\u0647\u0629 \u0627\u0644\u0639\u0645\u0644\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_4ed5cd2]\" id=\"form-field-field_4ed5cd2\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_d02dc27 elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_d02dc27\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0627\u0644\u0645\u062f\u064a\u0646\u0629\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_d02dc27]\" id=\"form-field-field_d02dc27\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_b1b6efc elementor-col-100\">\n\t\t\t\t\t<h2> \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 <h2>\n<hr>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_b7b5047 elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_b7b5047\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0646\u0648\u0639 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_b7b5047]\" id=\"form-field-field_b7b5047\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_d6ea1f4 elementor-col-50 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_d6ea1f4\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0646\u0648\u0639 \u0627\u0644\u0639\u0636\u0648\u064a\u0629\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_d6ea1f4]\" id=\"form-field-field_d6ea1f4\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_5b8b2f0 elementor-col-100\">\n\t\t\t\t\t<h2> \u062a\u062d\u0645\u064a\u0644 \u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 <h2>\n<hr>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-upload elementor-field-group elementor-column elementor-field-group-field_b44ccff elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_b44ccff\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0627\u0633\u062d\u0628 \u0645\u0644\u0641\u0643\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input type=\"file\" name=\"form_fields[field_b44ccff]\" id=\"form-field-field_b44ccff\" class=\"elementor-field elementor-size-sm  elementor-upload-field\" required=\"required\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_10fbefd elementor-col-100\">\n\t\t\t\t\t<h2> \u062a\u062d\u0645\u064a\u0644 \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0647\u0648\u064a\u0629 <h2>\n<hr>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-upload elementor-field-group elementor-column elementor-field-group-field_cc6b1ba elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_cc6b1ba\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0627\u0633\u062d\u0628 \u0645\u0644\u0641\u0643\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input type=\"file\" name=\"form_fields[field_cc6b1ba]\" id=\"form-field-field_cc6b1ba\" class=\"elementor-field elementor-size-sm  elementor-upload-field\" required=\"required\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_966732c elementor-col-100\">\n\t\t\t\t\t<h2>\u062f\u0641\u0639<h2>\n<hr>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_3f55c6a elementor-col-100\">\n\t\t\t\t\t<div class=\"moyasar-payment-container\" dir=\"rtl\">\n  <!-- Container with 2 columns -->\n  <div class=\"payment-layout\">\n    \n    <!-- Right Side: Summary Box -->\n    <div class=\"payment-summary\">\n      <h3>\u0645\u0644\u062e\u0635<\/h3>\n      <div class=\"summary-row\">\n        <span>\u0627\u0644\u0639\u0636\u0648\u064a\u0629: \u0639\u0636\u0648 \u0643\u0627\u0645\u0644<\/span>\n      <\/div>\n      <div class=\"summary-price\">\n        <strong>500 \u0631\u06cc\u0627\u0644<\/strong>\n      <\/div>\n    <\/div>\n    \n    <!-- Left Side: Card Form Fields -->\n    <div class=\"payment-form\">\n      <div class=\"form-group\">\n        <label for=\"card-number-input\">\u0631\u0642\u0645 \u0627\u0644\u0628\u0637\u0627\u0642\u0629<\/label>\n        <input \n          type=\"text\" \n          id=\"card-number-input\" \n          class=\"payment-field\"\n          placeholder=\"0000 0000 0000 0000\"\n          maxlength=\"19\"\n          required\n        >\n        <div class=\"card-icons\">\n          <img decoding=\"async\" src=\"https:\/\/cdn.moyasar.com\/mpf\/1.14.0\/assets\/images\/card-brands\/visa.svg\" alt=\"Visa\" width=\"40\">\n          <img decoding=\"async\" src=\"https:\/\/cdn.moyasar.com\/mpf\/1.14.0\/assets\/images\/card-brands\/mastercard.svg\" alt=\"Mastercard\" width=\"40\">\n          <img decoding=\"async\" src=\"https:\/\/cdn.moyasar.com\/mpf\/1.14.0\/assets\/images\/card-brands\/mada.svg\" alt=\"Mada\" width=\"40\">\n        <\/div>\n      <\/div>\n      \n      <div class=\"form-row\">\n        <div class=\"form-group\">\n          <label for=\"card-expiry-input\">\u062a\u0627\u0631\u064a\u062e \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629<\/label>\n          <input \n            type=\"text\" \n            id=\"card-expiry-input\" \n            class=\"payment-field\"\n            placeholder=\"MM \/ YY\"\n            maxlength=\"7\"\n            required\n          >\n        <\/div>\n        \n        <div class=\"form-group\">\n          <label for=\"card-cvc-input\">CVC<\/label>\n          <input \n            type=\"text\" \n            id=\"card-cvc-input\" \n            class=\"payment-field\"\n            placeholder=\"123\"\n            maxlength=\"4\"\n            required\n          >\n        <\/div>\n      <\/div>\n      \n      <div class=\"form-group\">\n        <label for=\"card-name-input\">\u0627\u0633\u0645 \u062d\u0627\u0645\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629<\/label>\n        <input \n          type=\"text\" \n          id=\"card-name-input\" \n          class=\"payment-field\"\n          placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0643\u0645\u0627 \u0647\u0648 \u0645\u0643\u062a\u0648\u0628 \u0639\u0644\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0629\"\n          required\n        >\n      <\/div>\n    <\/div>\n    \n  <\/div>\n  \n  <div id=\"payment-error-message\" class=\"error-message\"><\/div>\n<\/div>\n\n<style>\n.moyasar-payment-container {\n  max-width: 900px;\n  margin: 40px auto;\n  font-family: 'Cairo', Arial, sans-serif;\n  direction: rtl;\n}\n\n.payment-layout {\n  display: flex;\n  gap: 24px;\n  align-items: flex-start;\n}\n\n\/* Summary Box (Right Side) *\/\n.payment-summary {\n  flex: 1;\n  background: #f2eefe;\n  padding: 24px;\n  border-radius: 12px;\n  min-height: 200px;\n}\n\n.payment-summary h3 {\n  margin: 0 0 20px 0;\n  font-size: 22px;\n  font-weight: 700;\n  color: #333;\n}\n\n.summary-row {\n  margin-bottom: 16px;\n  font-size: 16px;\n  color: #555;\n}\n\n.summary-price strong {\n  font-size: 32px;\n  color: #6b46c1;\n  font-weight: 700;\n}\n\n\/* Payment Form (Left Side) *\/\n.payment-form {\n  flex: 2;\n  background: white;\n  padding: 30px;\n  border-radius: 12px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n}\n\n.form-group {\n  margin-bottom: 20px;\n  position: relative;\n}\n\n.form-group label {\n  display: block;\n  margin-bottom: 8px;\n  font-weight: 600;\n  color: #333;\n  font-size: 15px;\n}\n\n.form-group input {\n  width: 100%;\n  padding: 12px 16px;\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  font-size: 16px;\n  transition: all 0.3s;\n  box-sizing: border-box;\n}\n\n.form-group input:focus {\n  border-color: #6b46c1;\n  outline: none;\n  box-shadow: 0 0 0 3px rgba(107, 70, 193, 0.1);\n}\n\n.card-icons {\n  position: absolute;\n  left: 12px;\n  top: 42px;\n  display: flex;\n  gap: 8px;\n}\n\n.card-icons img {\n  height: 24px;\n  width: auto;\n}\n\n.form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n\n.error-message {\n  color: #d32f2f;\n  font-size: 14px;\n  margin-top: 12px;\n  padding: 12px;\n  background: #ffebee;\n  border-radius: 6px;\n  display: none;\n}\n\n.error-message.show {\n  display: block;\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n  .payment-layout {\n    flex-direction: column;\n  }\n  \n  .payment-summary,\n  .payment-form {\n    width: 100%;\n  }\n  \n  .form-row {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Format card number input\n  const cardNumberInput = document.getElementById('card-number-input');\n  if (cardNumberInput) {\n    cardNumberInput.addEventListener('input', function(e) {\n      let value = e.target.value.replace(\/\\s\/g, '');\n      let formattedValue = value.match(\/.{1,4}\/g)?.join(' ') || value;\n      e.target.value = formattedValue;\n    });\n  }\n  \n  \/\/ Format expiry date\n  const expiryInput = document.getElementById('card-expiry-input');\n  if (expiryInput) {\n    expiryInput.addEventListener('input', function(e) {\n      let value = e.target.value.replace(\/\\s\/g, '').replace('\/', '');\n      if (value.length >= 2) {\n        value = value.slice(0, 2) + ' \/ ' + value.slice(2, 4);\n      }\n      e.target.value = value;\n    });\n  }\n  \n  \/\/ Only numbers for CVC\n  const cvcInput = document.getElementById('card-cvc-input');\n  if (cvcInput) {\n    cvcInput.addEventListener('input', function(e) {\n      e.target.value = e.target.value.replace(\/\\D\/g, '');\n    });\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-card_number elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[card_number]\" id=\"form-field-card_number\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-card_expiry elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[card_expiry]\" id=\"form-field-card_expiry\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-card_cvc elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[card_cvc]\" id=\"form-field-card_cvc\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-card_name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[card_name]\" id=\"form-field-card_name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_a095660 elementor-col-100\">\n\t\t\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ Find the Elementor form\n  const elementorForm = document.querySelector('.elementor-form');\n  \n  if (elementorForm) {\n    \/\/ Before form submits, copy payment values to hidden fields\n    elementorForm.addEventListener('submit', function(e) {\n      \/\/ Get values from payment inputs\n      const cardNumber = document.getElementById('card-number-input').value.replace(\/\\s\/g, '');\n      const cardExpiry = document.getElementById('card-expiry-input').value;\n      const cardCvc = document.getElementById('card-cvc-input').value;\n      const cardName = document.getElementById('card-name-input').value;\n      \n      \/\/ Validate payment fields\n      if (!cardNumber || !cardExpiry || !cardCvc || !cardName) {\n        e.preventDefault();\n        const errorMsg = document.getElementById('payment-error-message');\n        errorMsg.textContent = '\u064a\u0631\u062c\u0649 \u0645\u0644\u0621 \u062c\u0645\u064a\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0628\u0637\u0627\u0642\u0629';\n        errorMsg.classList.add('show');\n        return false;\n      }\n      \n      \/\/ Set values to hidden fields\n      const hiddenCardNumber = elementorForm.querySelector('input[name=\"form_fields[card_number]\"]');\n      const hiddenCardExpiry = elementorForm.querySelector('input[name=\"form_fields[card_expiry]\"]');\n      const hiddenCardCvc = elementorForm.querySelector('input[name=\"form_fields[card_cvc]\"]');\n      const hiddenCardName = elementorForm.querySelector('input[name=\"form_fields[card_name]\"]');\n      \n      if (hiddenCardNumber) hiddenCardNumber.value = cardNumber;\n      if (hiddenCardExpiry) hiddenCardExpiry.value = cardExpiry;\n      if (hiddenCardCvc) hiddenCardCvc.value = cardCvc;\n      if (hiddenCardName) hiddenCardName.value = cardName;\n      \n      \/\/ Clear error message\n      const errorMsg = document.getElementById('payment-error-message');\n      errorMsg.classList.remove('show');\n    });\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0625\u0643\u0645\u0627\u0644 \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\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>\u0627\u0644\u062a\u0642\u062f\u0645 \u0628\u0637\u0644\u0628 \u0627\u0644\u0639\u0636\u0648\u064a\u0629 \u064a\u0631\u062c\u0649 \u062a\u0642\u062f\u064a\u0645 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u0643 \u0644\u0628\u062f\u0621 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0645<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-688","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/comments?post=688"}],"version-history":[{"count":64,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/688\/revisions"}],"predecessor-version":[{"id":1020,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/688\/revisions\/1020"}],"wp:attachment":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/media?parent=688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}