{"id":5695,"date":"2025-06-18T18:20:05","date_gmt":"2025-06-18T15:20:05","guid":{"rendered":"https:\/\/sumood.sa\/?page_id=5695"},"modified":"2025-07-17T14:34:44","modified_gmt":"2025-07-17T11:34:44","slug":"sumood-quiz","status":"publish","type":"page","link":"https:\/\/sumood.sa\/en\/sumood-quiz\/","title":{"rendered":"Sumood Quiz"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5695\" class=\"elementor elementor-5695\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7d673f e-flex e-con-boxed e-con e-parent\" data-id=\"e7d673f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc53ae6 elementor-widget elementor-widget-shortcode\" data-id=\"cc53ae6\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <div id=\"register-form\">\r\n        <div class=\"container py-5 d-flex justify-content-center align-items-center\" style=\"min-height: 100vh;\">\r\n            <div class=\"card p-4 shadow\" style=\"max-width: 500px; width: 100%; border-radius: 16px;\">\r\n                <h4 class=\"text-center mb-2\">Ready to begin?<\/h4>\r\n                <p class=\"text-center text-muted mb-4\">Please enter your information to start the quiz (we will send you an Email)<\/p>\r\n\r\n                <div class=\"row g-3\" style=\"gap: 0.7rem 0;\">\r\n                <div class=\"col-md-6\">\r\n                    <input type=\"text\" class=\"form-control\" id=\"user-first-name\" placeholder=\"First name *\">\r\n                <\/div>\r\n                <div class=\"col-md-6\">\r\n                    <input type=\"text\" class=\"form-control\" id=\"user-last-name\" placeholder=\"Last name *\">\r\n                <\/div>\r\n                <div class=\"col-12\">\r\n                    <input type=\"email\" class=\"form-control\" id=\"user-email\" placeholder=\"Company Email *\">\r\n                <\/div>\r\n                <div class=\"col-12\">\r\n                    <input type=\"text\" class=\"form-control\" id=\"user-company\" placeholder=\"Company Name *\">\r\n                <\/div>\r\n                <div class=\"col-12\">\r\n                    <input type=\"tel\" class=\"form-control\" id=\"user-phone\" placeholder=\"Your phone number\">\r\n                <\/div>\r\n                <div class=\"col-12 d-grid\">\r\n                    <button style=\"width: 100%\" id=\"start-quiz\">Start<\/button>\r\n                <\/div>\r\n                <\/div>\r\n\r\n                <p class=\"text-center mt-3 mb-0\"><a href=\"https:\/\/sumood.sa\/en\/privacy-policy\/\" target=\"_blank\" class=\"text-muted text-decoration-none\">Privacy Policy<\/a><\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"quiz-container\"><\/div><div id=\"result-container\" style=\"display:none;\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-6\">\r\n                <h2>Overall performance<\/h2>\r\n                <canvas id=\"gaugeChart\" width=\"300\" height=\"150\"><\/canvas>\r\n            <\/div>\r\n            <div class=\"col-md-6\">\r\n                <h2>Breakdown by Area<\/h2>\r\n                <canvas id=\"radarChart\" style=\"width: 100%; height: auto; margin: 0\"><\/canvas>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n                <div id=\"areas-result\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n                <div id=\"result-text\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"email-sent\" style=\"display:none;\">\r\n        <div class=\"container py-5 d-flex justify-content-center align-items-center\" style=\"min-height: 70vh;\">\r\n            <div class=\"card p-4 shadow text-center\" style=\"max-width: 500px; width: 100%; border-radius: 16px;\">\r\n            <h2 class=\"mb-3 text-success\">\u2705 Email sent successfully<\/h2>\r\n            <p class=\"mb-3\">Hi <strong id=\"sent-name\"><\/strong>,<\/p>\r\n            <p>Your test result has been sent to: <strong id=\"sent-email\"><\/strong>.<\/p>\r\n            <p class=\"mb-4\">Company: <strong id=\"sent-company\"><\/strong><\/p>\r\n            <p class=\"text-muted small\">You can now close this window or return to the home page.<\/p>\r\n            <a href=\"https:\/\/sumood.sa\/en\" class=\"btn btn-outline-primary mt-3\">Back to home<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5695","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sumood.sa\/en\/wp-json\/wp\/v2\/pages\/5695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sumood.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sumood.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sumood.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sumood.sa\/en\/wp-json\/wp\/v2\/comments?post=5695"}],"version-history":[{"count":9,"href":"https:\/\/sumood.sa\/en\/wp-json\/wp\/v2\/pages\/5695\/revisions"}],"predecessor-version":[{"id":7336,"href":"https:\/\/sumood.sa\/en\/wp-json\/wp\/v2\/pages\/5695\/revisions\/7336"}],"wp:attachment":[{"href":"https:\/\/sumood.sa\/en\/wp-json\/wp\/v2\/media?parent=5695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}