{"id":136383,"date":"2024-08-17T08:06:23","date_gmt":"2024-08-17T06:06:23","guid":{"rendered":"https:\/\/www.mysep.gr\/?p=136383"},"modified":"2025-08-17T08:08:15","modified_gmt":"2025-08-17T06:08:15","slug":"%cf%84%ce%b5%cf%83%cf%84","status":"publish","type":"post","link":"https:\/\/www.mysep.gr\/?p=136383","title":{"rendered":"\u03c4\u03b5\u03c3\u03c4"},"content":{"rendered":"<!-- SAEK Test \u2013 Shortcoder-safe v1.1 (namespaced) -->\r\n<div id=\"saek-app\">\r\n  <style>\r\n    \/* Namespace \u039f\u039b\u0391 \u03bc\u03ad\u03c3\u03b1 \u03c3\u03c4\u03bf #saek-app \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03b7\u03bd \u03b1\u03ba\u03bf\u03c5\u03bc\u03c0\u03ac\u03bc\u03b5 \u03c4\u03bf theme *\/\r\n    #saek-app, #saek-app * { box-sizing: border-box; }\r\n    #saek-app { --bg:#f7fafc; --card:#fff; --text:#1f2937; --muted:#6b7280;\r\n                --brand:#0b5bd3; --brand2:#31a6ff; --line:#e5e7eb; }\r\n\r\n    #saek-app .saek-wrap{ max-width:980px; margin:24px auto; padding:0 16px; color:var(--text);}\r\n    #saek-app .saek-card{ background:var(--card); border:1px solid var(--line);\r\n      border-radius:16px; box-shadow:0 6px 18px rgba(0,0,0,.06); padding:20px; margin:16px 0;}\r\n    #saek-app h1{ font-size:26px; margin:0 0 6px }\r\n    #saek-app .saek-sub{ color:var(--muted); margin:0 0 12px }\r\n    #saek-app .saek-steps{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px }\r\n    #saek-app .saek-step{ padding:8px 12px; border:1px solid var(--line); border-radius:999px; font-size:14px; color:var(--muted)}\r\n    #saek-app .saek-step.saek-active{ border-color:var(--brand); color:var(--brand); font-weight:700; background:#eef2ff}\r\n    #saek-app .saek-actions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:12px }\r\n    #saek-app .saek-btn{ appearance:none; border:0; border-radius:12px; padding:10px 14px; font-weight:600; cursor:pointer }\r\n    #saek-app .saek-btn-primary{ background:var(--brand); color:#fff }\r\n    #saek-app .saek-btn-sec{ background:#eef2ff; color:#1e40af }\r\n    #saek-app .saek-btn-ghost{ background:transparent; color:var(--muted) }\r\n    #saek-app .saek-hidden{ display:none }\r\n\r\n    #saek-app .saek-q{ border:1px solid var(--line); border-radius:14px; padding:14px; margin:12px 0; background:#fff }\r\n    #saek-app .saek-q legend{ font-weight:700; margin-bottom:6px }\r\n    #saek-app .saek-likert{ display:grid; grid-template-columns:1fr repeat(5, minmax(48px,70px)); gap:6px; align-items:center }\r\n    #saek-app .saek-likert .lbl{ color:var(--muted); font-size:14px }\r\n    #saek-app .saek-likert label{ display:flex; justify-content:center; align-items:center; border:1px solid var(--line);\r\n      border-radius:10px; padding:8px 6px; cursor:pointer }\r\n\r\n    #saek-app .saek-bar{ height:16px; background:#e5e7eb; border-radius:999px; overflow:hidden }\r\n    #saek-app .saek-bar>span{ display:block; height:100%; background:linear-gradient(90deg,var(--brand),var(--brand2)); width:0% }\r\n    #saek-app .saek-metric{ display:flex; justify-content:space-between; align-items:center; margin:6px 0 }\r\n    #saek-app .saek-rank{ display:flex; justify-content:space-between; align-items:center; border:1px solid var(--line);\r\n      border-radius:14px; padding:12px; margin:8px 0; background:#fff}\r\n    #saek-app .saek-name{ font-weight:700 }  #saek-app .saek-score{ font-variant-numeric:tabular-nums }\r\n    #saek-app .saek-pill{ font-size:12px; padding:4px 8px; border-radius:999px; background:#ecfeff; color:#075985; margin-left:6px }\r\n    #saek-app .saek-div{ height:1px; background:var(--line); margin:14px 0 }\r\n  <\/style>\r\n\r\n  <div class=\"saek-wrap\">\r\n    <div class=\"saek-card\">\r\n      <h1>\u03a3\u0391\u0395\u039a \u2013 \u03a4\u03b5\u03c3\u03c4 \u0395\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03bf\u03cd \u03a0\u03c1\u03bf\u03c3\u03b1\u03bd\u03b1\u03c4\u03bf\u03bb\u03b9\u03c3\u03bc\u03bf\u03cd<\/h1>\r\n      <p class=\"saek-sub\">Multi-step: (1) RIASEC, (2) \u0391\u03c5\u03c4\u03bf\u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 & \u0391\u03c0\u03bf\u03c6\u03b1\u03c3\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 (7+7), (3) \u03a4\u03bf\u03bc\u03b5\u03af\u03c2, (4) \u0391\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1.<\/p>\r\n      <div class=\"saek-steps\">\r\n        <div class=\"saek-step\" id=\"s1\">1. RIASEC<\/div>\r\n        <div class=\"saek-step\" id=\"s2\">2. \u0391\u03c5\u03c4\u03bf\u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 & \u0391\u03c0\u03bf\u03c6\u03b1\u03c3\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1<\/div>\r\n        <div class=\"saek-step\" id=\"s3\">3. \u03a4\u03bf\u03bc\u03b5\u03af\u03c2<\/div>\r\n        <div class=\"saek-step\" id=\"s4\">4. \u0391\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1<\/div>\r\n      <\/div>\r\n\r\n      <!-- \u0392\u03ae\u03bc\u03b1 1 -->\r\n      <section id=\"step1\" class=\"saek-card\">\r\n        <h3>\u0395\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 1 \u2013 RIASEC (hook)<\/h3>\r\n        <p class=\"saek-sub\">\u0395\u03b4\u03ce \u03b8\u03b1 \u03bc\u03c0\u03b5\u03b9 \u03c4\u03bf \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03bd module. \u0393\u03b9\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ae, \u03c0\u03ac\u03c4\u03b1 \u00abDemo RIASEC\u00bb.<\/p>\r\n        <div id=\"riasecMount\" style=\"border:1px dashed #e5e7eb;border-radius:12px;padding:12px;background:#fff\">\r\n          (\u0395\u03bd\u03c3\u03c9\u03bc\u03ac\u03c4\u03c9\u03c3\u03b5 \u03b5\u03b4\u03ce \u03c4\u03bf Holland \u03ae \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b5 \u03c4\u03bf demo)\r\n        <\/div>\r\n        <div class=\"saek-actions\">\r\n          <button class=\"saek-btn saek-btn-sec\" id=\"mockRIASEC\">Demo RIASEC<\/button>\r\n          <button class=\"saek-btn saek-btn-primary\" data-next>\u03a3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1<\/button>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- \u0392\u03ae\u03bc\u03b1 2 -->\r\n      <section id=\"step2\" class=\"saek-card saek-hidden\">\r\n        <h3>\u0395\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 2 \u2013 \u0391\u03c5\u03c4\u03bf\u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 & \u0391\u03c0\u03bf\u03c6\u03b1\u03c3\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1<\/h3>\r\n        <p class=\"saek-sub\">\u0391\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03cc\u03c0\u03c9\u03c2 \u03b1\u03b9\u03c3\u03b8\u03ac\u03bd\u03b5\u03c3\u03b1\u03b9 \u03c3\u03ae\u03bc\u03b5\u03c1\u03b1. \u0394\u03b5\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03bd \u03c3\u03c9\u03c3\u03c4\u03ad\u03c2\/\u03bb\u03ac\u03b8\u03bf\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2.<\/p>\r\n        <form id=\"formS2\" novalidate><\/form>\r\n        <div class=\"saek-actions\">\r\n          <button class=\"saek-btn saek-btn-ghost\" data-prev>\u03a0\u03af\u03c3\u03c9<\/button>\r\n          <button class=\"saek-btn saek-btn-primary\" id=\"submitS2\">\u03a3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1<\/button>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- \u0392\u03ae\u03bc\u03b1 3 -->\r\n      <section id=\"step3\" class=\"saek-card saek-hidden\">\r\n        <h3>\u0395\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 3 \u2013 \u03a4\u03bf\u03bc\u03b5\u03af\u03c2 \u03a3.\u0391.\u0395.\u039a.<\/h3>\r\n        <p class=\"saek-sub\">\u0394\u03b9\u03ac\u03bb\u03b5\u03be\u03b5 \u03c4\u03bf\u03bc\u03ad\u03b1, \u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c3\u03b5 \u03c3\u03c4\u03b9\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2, \u03b1\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7 \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1.<\/p>\r\n        <div class=\"saek-div\"><\/div>\r\n        <div class=\"saek-actions\">\r\n          <select id=\"domainPicker\"><\/select>\r\n          <button class=\"saek-btn saek-btn-sec\" id=\"startDomain\">\u0388\u03bd\u03b1\u03c1\u03be\u03b7\/\u03a3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1<\/button>\r\n          <button class=\"saek-btn saek-btn-ghost\" id=\"skipDomain\">\u03a0\u03b1\u03c1\u03ac\u03bb\u03b5\u03b9\u03c8\u03b7<\/button>\r\n        <\/div>\r\n        <div id=\"domainBox\" class=\"saek-hidden\"><\/div>\r\n        <div class=\"saek-actions\">\r\n          <button class=\"saek-btn saek-btn-ghost\" data-prev>\u03a0\u03af\u03c3\u03c9<\/button>\r\n          <button class=\"saek-btn saek-btn-primary\" id=\"toResults\">\u039c\u03b5\u03c4\u03ac\u03b2\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b1 \u0391\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1<\/button>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- \u0392\u03ae\u03bc\u03b1 4 -->\r\n      <section id=\"step4\" class=\"saek-card saek-hidden\">\r\n        <h3>\u0391\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1<\/h3>\r\n        <div class=\"saek-card\" style=\"padding:12px\">\r\n          <h4>\u0391\u03c5\u03c4\u03bf\u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 & \u0391\u03c0\u03bf\u03c6\u03b1\u03c3\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1<\/h4>\r\n          <div class=\"saek-metric\"><div>\u0391\u03c5\u03c4\u03bf\u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 <span id=\"labelSelf\" class=\"saek-pill\"><\/span><\/div><div id=\"pctSelf\">0%<\/div><\/div>\r\n          <div class=\"saek-bar\"><span id=\"barSelf\"><\/span><\/div>\r\n          <div class=\"saek-metric\" style=\"margin-top:10px\"><div>\u0391\u03c0\u03bf\u03c6\u03b1\u03c3\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 <span id=\"labelDec\" class=\"saek-pill\"><\/span><\/div><div id=\"pctDec\">0%<\/div><\/div>\r\n          <div class=\"saek-bar\"><span id=\"barDec\"><\/span><\/div>\r\n          <p class=\"saek-sub\" style=\"margin-top:10px\"><strong>\u03a4\u03b9 \u03c3\u03b7\u03bc\u03b1\u03af\u03bd\u03bf\u03c5\u03bd \u03b1\u03c5\u03c4\u03bf\u03af \u03bf\u03b9 \u03b4\u03b5\u03af\u03ba\u03c4\u03b5\u03c2;<\/strong> \u0397 <em>\u0391\u03c5\u03c4\u03bf\u03b5\u03b9\u03ba\u03cc\u03bd\u03b1<\/em> \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c0\u03cc\u03c3\u03bf \u03b5\u03bc\u03c0\u03b9\u03c3\u03c4\u03b5\u03cd\u03b5\u03c3\u03b1\u03b9 \u03c4\u03b9\u03c2 \u03b4\u03c5\u03bd\u03ac\u03bc\u03b5\u03b9\u03c2 \u03c3\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03c0\u03cc\u03c3\u03bf \u03ba\u03b1\u03b8\u03b1\u03c1\u03ac \u03b2\u03bb\u03ad\u03c0\u03b5\u03b9\u03c2 \u03c4\u03b1 \u03b4\u03c5\u03bd\u03b1\u03c4\u03ac \u03c3\u03bf\u03c5 \u03c3\u03b7\u03bc\u03b5\u03af\u03b1. \u0397 <em>\u0391\u03c0\u03bf\u03c6\u03b1\u03c3\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1<\/em> \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c0\u03cc\u03c3\u03bf \u03b5\u03cd\u03ba\u03bf\u03bb\u03b1 \u03c0\u03b5\u03c1\u03bd\u03ac\u03c2 \u03b1\u03c0\u03cc \u03c4\u03b7 \u03c3\u03ba\u03ad\u03c8\u03b7 \u03c3\u03c4\u03b7 \u03b4\u03c1\u03ac\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03bc\u03ad\u03bd\u03b5\u03b9\u03c2 \u03c3\u03c4\u03bf \u03c0\u03bb\u03ac\u03bd\u03bf \u03cc\u03c4\u03b1\u03bd \u03b4\u03c5\u03c3\u03ba\u03bf\u03bb\u03b5\u03cd\u03b5\u03b9. \u039c\u03b1\u03b6\u03af \u03c3\u03c5\u03bd\u03b4\u03ad\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03c4\u03b7\u03bd <em>\u03b1\u03bd\u03b8\u03b5\u03ba\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1<\/em>: \u03c0\u03ce\u03c2 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03b6\u03b5\u03b9\u03c2 \u03cc\u03c4\u03b1\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03bd \u03b5\u03bc\u03c0\u03cc\u03b4\u03b9\u03b1. \u0394\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u00ab\u03b5\u03c4\u03b9\u03ba\u03ad\u03c4\u03b5\u03c2\u00bb\u2014\u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c6\u03b5\u03c4\u03b7\u03c1\u03af\u03b1 \u03b3\u03b9\u03b1 \u03c0\u03b9\u03bf \u03c3\u03c5\u03bd\u03b5\u03b9\u03b4\u03b7\u03c4\u03ad\u03c2 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2 \u03c3\u03c0\u03bf\u03c5\u03b4\u03ce\u03bd \u03ba\u03b1\u03b9 \u03ba\u03b1\u03c1\u03b9\u03ad\u03c1\u03b1\u03c2. \u038c,\u03c4\u03b9 \u03ba\u03b9 \u03b1\u03bd \u03b4\u03b5\u03af\u03c7\u03bd\u03b5\u03b9 \u03c4\u03bf \u03c0\u03bf\u03c3\u03bf\u03c3\u03c4\u03cc, \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c6\u03b5\u03c4\u03b7\u03c1\u03af\u03b1: \u03bc\u03b5 \u03bc\u03b9\u03ba\u03c1\u03bf\u03cd\u03c2 \u03c3\u03c4\u03cc\u03c7\u03bf\u03c5\u03c2, \u00ab\u03bc\u03b9\u03ba\u03c1\u03ad\u03c2 \u03bd\u03af\u03ba\u03b5\u03c2\u00bb, \u03b1\u03bd\u03b1\u03c4\u03c1\u03bf\u03c6\u03bf\u03b4\u03cc\u03c4\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b4\u03bf\u03ba\u03b9\u03bc\u03ad\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7, \u03c0\u03c1\u03bf\u03c7\u03c9\u03c1\u03ac\u03c2 \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03ac \u03c3\u03c4\u03bf \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf \u03b2\u03ae\u03bc\u03b1 \u03c3\u03bf\u03c5.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"saek-card\" style=\"padding:12px\">\r\n          <h4>\u039a\u03b1\u03c4\u03ac\u03c4\u03b1\u03be\u03b7 \u03a4\u03bf\u03bc\u03ad\u03c9\u03bd<\/h4>\r\n          <div id=\"rankDomains\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"saek-card\" style=\"padding:12px\">\r\n          <h4>\u03a0\u03c1\u03bf\u03c4\u03b5\u03b9\u03bd\u03cc\u03bc\u03b5\u03bd\u03b5\u03c2 \u0395\u03b9\u03b4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 (top \u03b1\u03bd\u03ac \u03c4\u03bf\u03bc\u03ad\u03b1)<\/h4>\r\n          <div id=\"rankSpecialties\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"saek-actions\">\r\n          <button class=\"saek-btn saek-btn-ghost\" data-prev>\u03a0\u03af\u03c3\u03c9<\/button>\r\n        <\/div>\r\n      <\/section>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/\/ ---------- \u0395\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 2 (7+7) ----------\r\n    const S2 = {\r\n      self: {\r\n        id:'self', title:'\u0391\u03c5\u03c4\u03bf\u03b5\u03b9\u03ba\u03cc\u03bd\u03b1', max:28,\r\n        items:[\r\n          '\u0388\u03c7\u03c9 \u03ba\u03b1\u03b8\u03b1\u03c1\u03ae \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 \u03c4\u03c9\u03bd \u03b4\u03c5\u03bd\u03b1\u03c4\u03ce\u03bd \u03bc\u03bf\u03c5 \u03c3\u03b7\u03bc\u03b5\u03af\u03c9\u03bd.',\r\n          '\u038c\u03c4\u03b1\u03bd \u03ba\u03ac\u03c4\u03b9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03cd\u03c3\u03ba\u03bf\u03bb\u03bf, \u03c0\u03b9\u03c3\u03c4\u03b5\u03cd\u03c9 \u03cc\u03c4\u03b9 \u03bc\u03b5 \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b5\u03b9\u03b1 \u03bc\u03c0\u03bf\u03c1\u03ce \u03bd\u03b1 \u03c4\u03b1 \u03ba\u03b1\u03c4\u03b1\u03c6\u03ad\u03c1\u03c9.',\r\n          '\u038c\u03c4\u03b1\u03bd \u03ba\u03ac\u03bd\u03c9 \u03bb\u03ac\u03b8\u03bf\u03c2, \u03b7\u03c1\u03b5\u03bc\u03ce \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03b6\u03c9 \u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b5\u03b9\u03b1.',\r\n          '\u0391\u03be\u03af\u03b6\u03c9 \u03bd\u03b1 \u03c0\u03b5\u03c4\u03cd\u03c7\u03c9 \u03c4\u03bf\u03c5\u03c2 \u03c3\u03c4\u03cc\u03c7\u03bf\u03c5\u03c2 \u03bc\u03bf\u03c5.',\r\n          '\u0395\u03bc\u03c0\u03b9\u03c3\u03c4\u03b5\u03cd\u03bf\u03bc\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b9\u03ba\u03b1\u03bd\u03cc\u03c4\u03b7\u03c4\u03ac \u03bc\u03bf\u03c5 \u03bd\u03b1 \u03bc\u03b1\u03b8\u03b1\u03af\u03bd\u03c9 \u03bd\u03ad\u03b1 \u03c0\u03c1\u03ac\u03b3\u03bc\u03b1\u03c4\u03b1.',\r\n          '\u039c\u03b5\u03c4\u03ac \u03b1\u03c0\u03cc \u03bc\u03b9\u03b1 \u03b1\u03c0\u03bf\u03c4\u03c5\u03c7\u03af\u03b1, \u03be\u03b1\u03bd\u03b1\u03c0\u03c1\u03bf\u03c3\u03c0\u03b1\u03b8\u03ce \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b1 \u03bc\u03b5 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf \u03c4\u03c1\u03cc\u03c0\u03bf.',\r\n          '\u039c\u03c0\u03bf\u03c1\u03ce \u03bd\u03b1 \u03c0\u03b5\u03c1\u03b9\u03b3\u03c1\u03ac\u03c8\u03c9 \u03c4\u03b9 \u03bc\u03b5 \u03ba\u03ac\u03bd\u03b5\u03b9 \u03be\u03b5\u03c7\u03c9\u03c1\u03b9\u03c3\u03c4\u03cc\/\u03ae (\u03b4\u03b5\u03be\u03b9\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2, \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03bf\u03bd\u03c4\u03b1, \u03b1\u03be\u03af\u03b5\u03c2).'\r\n        ]\r\n      },\r\n      dec: {\r\n        id:'dec', title:'\u0391\u03c0\u03bf\u03c6\u03b1\u03c3\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1', max:28,\r\n        items:[\r\n          '\u038c\u03c4\u03b1\u03bd \u03ad\u03c7\u03c9 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03bb\u03ad\u03be\u03c9, \u03b1\u03c0\u03bf\u03c6\u03b1\u03c3\u03af\u03b6\u03c9 \u03bc\u03ad\u03c3\u03b1 \u03c3\u03b5 \u03bb\u03bf\u03b3\u03b9\u03ba\u03cc \u03c7\u03c1\u03cc\u03bd\u03bf \u03c7\u03c9\u03c1\u03af\u03c2 \u03bd\u03b1 \u03c4\u03bf \u03ba\u03b1\u03b8\u03c5\u03c3\u03c4\u03b5\u03c1\u03ce.',\r\n          '\u0398\u03ad\u03c4\u03c9 \u03c0\u03c1\u03bf\u03b8\u03b5\u03c3\u03bc\u03af\u03b5\u03c2 \u03c3\u03c4\u03bf\u03bd \u03b5\u03b1\u03c5\u03c4\u03cc \u03bc\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03c4\u03b9\u03c2 \u03c4\u03b7\u03c1\u03ce.',\r\n          '\u039c\u03cc\u03bb\u03b9\u03c2 \u03c0\u03ac\u03c1\u03c9 \u03b1\u03c0\u03cc\u03c6\u03b1\u03c3\u03b7, \u03c0\u03b5\u03c1\u03bd\u03ac\u03c9 \u03ac\u03bc\u03b5\u03c3\u03b1 \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03ac\u03be\u03b7 \u03bc\u03b5 \u03c3\u03c5\u03b3\u03ba\u03b5\u03ba\u03c1\u03b9\u03bc\u03ad\u03bd\u03b1 \u03c0\u03c1\u03ce\u03c4\u03b1 \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1.',\r\n          '\u0391\u03bd \u03c0\u03b1\u03c1\u03bf\u03c5\u03c3\u03b9\u03b1\u03c3\u03c4\u03bf\u03cd\u03bd \u03b5\u03bc\u03c0\u03cc\u03b4\u03b9\u03b1, \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03cc\u03b6\u03c9 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1 \u03c4\u03bf \u03c3\u03c7\u03ad\u03b4\u03b9\u03cc \u03bc\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03b6\u03c9.',\r\n          '\u039c\u03c0\u03bf\u03c1\u03ce \u03bd\u03b1 \u03c0\u03c9 \u00ab\u03cc\u03c7\u03b9\u00bb \u03c3\u03b5 \u03b1\u03c0\u03bf\u03c3\u03c0\u03ac\u03c3\u03b5\u03b9\u03c2 \u03c0\u03bf\u03c5 \u03bc\u03b5 \u03b2\u03b3\u03ac\u03b6\u03bf\u03c5\u03bd \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03c3\u03c4\u03cc\u03c7\u03bf \u03bc\u03bf\u03c5.',\r\n          '\u0391\u03ba\u03cc\u03bc\u03b1 \u03ba\u03b9 \u03cc\u03c4\u03b1\u03bd \u03b4\u03b5\u03bd \u03ad\u03c7\u03c9 \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2, \u03c0\u03b1\u03af\u03c1\u03bd\u03c9 \u03c4\u03b7\u03bd \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03b4\u03c5\u03bd\u03b1\u03c4\u03ae \u03b1\u03c0\u03cc\u03c6\u03b1\u03c3\u03b7 \u03bc\u03b5 \u03cc\u03c3\u03b1 \u03be\u03ad\u03c1\u03c9.',\r\n          '\u0391\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03c9\u03c0\u03af\u03b6\u03c9 \u03c4\u03b7\u03bd \u03b1\u03bd\u03b1\u03b2\u03bb\u03b7\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03ad\u03c6\u03c9 \u03c3\u03c4\u03bf \u03c0\u03bb\u03ac\u03bd\u03bf \u03bc\u03bf\u03c5.'\r\n        ]\r\n      }\r\n    };\r\n\r\n    \/\/ ---------- \u03a4\u03bf\u03bc\u03b5\u03af\u03c2 (\u03c6\u03bf\u03c1\u03c4\u03c9\u03bc\u03ad\u03bd\u03bf\u03b9 3 \u03b3\u03b9\u03b1 \u03c0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1) ----------\r\n    const DOMAINS = {\r\n      it:{\r\n        title:'\u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae\u03c2 & \u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ce\u03bd \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd',\r\n        questions:[\r\n          '\u039c\u2019 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03b3\u03c1\u03ac\u03c6\u03c9 \u03ba\u03ce\u03b4\u03b9\u03ba\u03b1 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03bb\u03cd\u03bd\u03c9 \u03b1\u03bb\u03b3\u03bf\u03c1\u03b9\u03b8\u03bc\u03b9\u03ba\u03ac \u03c0\u03c1\u03bf\u03b2\u03bb\u03ae\u03bc\u03b1\u03c4\u03b1.',\r\n          '\u039c\u03b5 \u03b5\u03bb\u03ba\u03cd\u03b5\u03b9 \u03bf \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03c9\u03bd \/ UI-UX \u03ba\u03b1\u03b9 \u03c4\u03bf web dev.',\r\n          '\u039c\u03b5 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03bf\u03b9 \u03b2\u03ac\u03c3\u03b5\u03b9\u03c2 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \/ SQL \/ \u03bc\u03bf\u03bd\u03c4\u03b5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7.',\r\n          '\u039c\u2019 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03b7 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03c0\u03bf\u03bb\u03c5\u03bc\u03ad\u03c3\u03c9\u03bd \u03ba\u03b1\u03b9 \u03b7 \u03b5\u03bd\u03c3\u03c9\u03bc\u03ac\u03c4\u03c9\u03c3\u03ae \u03c4\u03bf\u03c5\u03c2 \u03c3\u03b5 apps.',\r\n          '\u039c\u03b5 \u03b5\u03bb\u03ba\u03cd\u03b5\u03b9 \u03b7 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 video games.',\r\n          '\u0391\u03c0\u03bf\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03c9 \u03c4\u03bf debugging \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03c3\u03c5\u03c3\u03c4\u03b7\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b5\u03c0\u03af\u03bb\u03c5\u03c3\u03b7 \u03c3\u03c6\u03b1\u03bb\u03bc\u03ac\u03c4\u03c9\u03bd.',\r\n          '\u039c\u2019 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b1\u03c1\u03bc\u03bf\u03bb\u03bf\u03b3\u03ce\/\u03b5\u03c0\u03b9\u03c3\u03ba\u03b5\u03c5\u03ac\u03b6\u03c9 \u0397\/\u03a5.',\r\n          '\u039c\u03b5 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03b7 \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\/\u03c1\u03cd\u03b8\u03bc\u03b9\u03c3\u03b7 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ce\u03bd.',\r\n          '\u039c\u2019 \u03b5\u03bb\u03ba\u03cd\u03bf\u03c5\u03bd \u03c4\u03b1 \u03b4\u03af\u03ba\u03c4\u03c5\u03b1.',\r\n          '\u039c\u03b5 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03b7 \u03ba\u03c5\u03b2\u03b5\u03c1\u03bd\u03bf\u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1.'\r\n        ],\r\n        specialties:[\r\n          {name:'\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03cc\u03c2 \u039b\u03bf\u03b3\u03b9\u03c3\u03bc\u03b9\u03ba\u03bf\u03cd \u0397\/\u03a5', weights:{1:2,6:2,3:2,2:1}},\r\n          {name:'\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03cc\u03c2 \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ba\u03ae\u03c2', weights:{2:2,4:2,5:2,1:1}},\r\n          {name:'\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03cc\u03c2 \u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03b9\u03ba\u03ce\u03bd \u03a3\u03c5\u03c3\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd', weights:{7:2,8:2,9:2,10:1}}\r\n        ]\r\n      },\r\n      tourism:{\r\n        title:'\u03a4\u03bf\u03c5\u03c1\u03b9\u03c3\u03bc\u03bf\u03cd & \u0395\u03bd\u03b1\u03bb\u03bb\u03b1\u03ba\u03c4\u03b9\u03ba\u03ce\u03bd \u039c\u03bf\u03c1\u03c6\u03ce\u03bd',\r\n        questions:[\r\n          '\u039c\u2019 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03b7 \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7 \u03c0\u03b5\u03bb\u03b1\u03c4\u03ce\u03bd \u03ba\u03b1\u03b9 \u03b7 \u03c6\u03b9\u03bb\u03bf\u03be\u03b5\u03bd\u03af\u03b1.',\r\n          '\u039c\u03b5 \u03b5\u03bb\u03ba\u03cd\u03b5\u03b9 \u03b7 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03bc\u03bf\u03bd\u03ac\u03b4\u03c9\u03bd \u03c6\u03b9\u03bb\u03bf\u03be\u03b5\u03bd\u03af\u03b1\u03c2.',\r\n          '\u039c\u2019 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03bd\u03b1 \u03c3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03c9 \u03c0\u03c1\u03bf\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1\/\u03b4\u03b9\u03b1\u03b4\u03c1\u03bf\u03bc\u03ad\u03c2 \u03c4\u03b1\u03be\u03b9\u03b4\u03b9\u03ce\u03bd.',\r\n          '\u0398\u03b1 \u03bc\u03bf\u03c5 \u03ac\u03c1\u03b5\u03c3\u03b5 \u03bd\u03b1 \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03c9 \u03bc\u03b5 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03ba\u03c1\u03b1\u03c4\u03ae\u03c3\u03b5\u03c9\u03bd\/CRM\/GDS.',\r\n          '\u039c\u2019 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ce \u03c3\u03b5 \u03be\u03ad\u03bd\u03b5\u03c2 \u03b3\u03bb\u03ce\u03c3\u03c3\u03b5\u03c2.',\r\n          '\u039c\u03b5 \u03b5\u03bb\u03ba\u03cd\u03b5\u03b9 \u03bf \u03c0\u03bf\u03bb\u03b9\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2\/\u03b9\u03c3\u03c4\u03bf\u03c1\u03af\u03b1\/\u03b8\u03c1\u03b7\u03c3\u03ba\u03b5\u03c5\u03c4\u03b9\u03ba\u03ae \u03ba\u03bb\u03b7\u03c1\u03bf\u03bd\u03bf\u03bc\u03b9\u03ac.',\r\n          '\u039c\u2019 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03bf\u03b9 \u03c5\u03c0\u03b1\u03af\u03b8\u03c1\u03b9\u03b5\u03c2 \u03b4\u03c1\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 \u03b2\u03bf\u03c5\u03bd\u03bf\u03cd.'\r\n        ],\r\n        specialties:[\r\n          {name:'\u03a3\u03c4\u03ad\u03bb\u03b5\u03c7\u03bf\u03c2 \u039c\u03bf\u03bd\u03ac\u03b4\u03c9\u03bd \u03a6\u03b9\u03bb\u03bf\u03be\u03b5\u03bd\u03af\u03b1\u03c2', weights:{1:2,2:2,5:1}},\r\n          {name:'\u03a4\u03bf\u03c5\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc\u03c2 \u03a3\u03c5\u03bd\u03bf\u03b4\u03cc\u03c2', weights:{3:2,5:2,1:1}},\r\n          {name:'\u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b5\u03c2 \u03c3\u03c4\u03b7\u03bd \u03a4\u03b1\u03be\u03b9\u03b4\u03b9\u03c9\u03c4\u03b9\u03ba\u03ae \u0392\u03b9\u03bf\u03bc\u03b7\u03c7\u03b1\u03bd\u03af\u03b1', weights:{4:2,1:1,3:1}}\r\n        ]\r\n      },\r\n      health:{\r\n        title:'\u03a5\u03b3\u03b5\u03af\u03b1\u03c2, \u03a0\u03c1\u03cc\u03bd\u03bf\u03b9\u03b1\u03c2 & \u0395\u03c5\u03b5\u03be\u03af\u03b1\u03c2',\r\n        questions:[\r\n          '\u039c\u03bf\u03c5 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03c6\u03c1\u03bf\u03bd\u03c4\u03af\u03b6\u03c9 \u03b1\u03bd\u03b8\u03c1\u03ce\u03c0\u03bf\u03c5\u03c2 \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7.',\r\n          '\u039c\u03b5 \u03b5\u03bb\u03ba\u03cd\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03c9 \u03c3\u03b5 \u03c7\u03ce\u03c1\u03bf\u03c5\u03c2 \u03c5\u03b3\u03b5\u03af\u03b1\u03c2.',\r\n          '\u039c\u03b5 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03bd\u03b1 \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ce \u03b9\u03b1\u03c4\u03c1\u03b9\u03ba\u03ac \u03bc\u03b7\u03c7\u03b1\u03bd\u03ae\u03bc\u03b1\u03c4\u03b1\/\u03c4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b5\u03c2.',\r\n          '\u0398\u03b1 \u03ae\u03b8\u03b5\u03bb\u03b1 \u03bd\u03b1 \u03c3\u03c5\u03bc\u03bc\u03b5\u03c4\u03ad\u03c7\u03c9 \u03c5\u03c0\u03bf\u03c3\u03c4\u03b7\u03c1\u03b9\u03ba\u03c4\u03b9\u03ba\u03ac \u03c3\u03b5 \u03c7\u03b5\u03b9\u03c1\u03bf\u03c5\u03c1\u03b3\u03b5\u03af\u03bf \u03ae \u03b5\u03c0\u03b5\u03af\u03b3\u03bf\u03bd\u03c4\u03b1.',\r\n          '\u039c\u03bf\u03c5 \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03b5\u03b9 \u03b7 \u03b1\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03b1\u03c3\u03b8\u03b5\u03bd\u03ce\u03bd.',\r\n          '\u039c\u03b5 \u03b5\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03b7 \u03b5\u03c1\u03b3\u03b1\u03c3\u03c4\u03b7\u03c1\u03b9\u03b1\u03ba\u03ae \u03b1\u03bd\u03ac\u03bb\u03c5\u03c3\u03b7.',\r\n          '\u039c\u03c0\u03bf\u03c1\u03ce \u03bd\u03b1 \u03c4\u03b7\u03c1\u03ce \u03b1\u03c5\u03c3\u03c4\u03b7\u03c1\u03ac \u03c0\u03c1\u03c9\u03c4\u03cc\u03ba\u03bf\u03bb\u03bb\u03b1 \u03c5\u03b3\u03b9\u03b5\u03b9\u03bd\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1\u03c2.'\r\n        ],\r\n        specialties:[\r\n          {name:'\u0392\u03bf\u03b7\u03b8\u03cc\u03c2 \u039d\u03bf\u03c3\u03b7\u03bb\u03b5\u03c5\u03c4\u03b9\u03ba\u03ae\u03c2 \u0393\u03b5\u03bd\u03b9\u03ba\u03ae\u03c2 \u039d\u03bf\u03c3\u03b7\u03bb\u03b5\u03af\u03b1\u03c2', weights:{1:2,7:2,2:1}},\r\n          {name:'\u0392\u03bf\u03b7\u03b8\u03cc\u03c2 \u0399\u03b1\u03c4\u03c1\u03b9\u03ba\u03ce\u03bd \u0395\u03c1\u03b3\u03b1\u03c3\u03c4\u03b7\u03c1\u03af\u03c9\u03bd', weights:{6:2,7:2,2:1}},\r\n          {name:'\u0392\u03bf\u03b7\u03b8\u03cc\u03c2 \u03a1\u03b1\u03b4\u03b9\u03bf\u03bb\u03bf\u03b3\u03af\u03b1\u03c2 & \u0391\u03ba\u03c4\u03b9\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1\u03c2', weights:{3:2,7:2,2:1}}\r\n        ]\r\n      }\r\n    };\r\n\r\n    \/\/ ---------- State ----------\r\n    const LS_KEY='saek_test_sc_v11';\r\n    const state = {\r\n      step:1,\r\n      riasec:{R:0,I:0,A:0,S:0,E:0,C:0},\r\n      s2:{ self:Array(S2.self.items.length).fill(null), dec:Array(S2.dec.items.length).fill(null) },\r\n      domains:{} \/\/ {key:[answers]}\r\n    };\r\n    (function load(){ try{const s=JSON.parse(localStorage.getItem(LS_KEY)||'null'); if(s) Object.assign(state,s);}catch(e){} })();\r\n    function save(){ localStorage.setItem(LS_KEY, JSON.stringify(state)); }\r\n\r\n    function setStep(n){\r\n      state.step=n; save();\r\n      ['step1','step2','step3','step4'].forEach(id=>document.getElementById(id)?.classList.add('saek-hidden'));\r\n      document.getElementById('step'+n)?.classList.remove('saek-hidden');\r\n      ['s1','s2','s3','s4'].forEach((id,i)=>document.getElementById(id)?.classList.toggle('saek-active',(i+1)===n));\r\n      window.scrollTo({top:0,behavior:'smooth'});\r\n    }\r\n\r\n    \/\/ Demo RIASEC\r\n    document.getElementById('mockRIASEC').addEventListener('click',()=>{ state.riasec={R:55,I:62,A:48,S:70,E:58,C:51}; save(); alert('Demo RIASEC \u03bf\u03c1\u03af\u03c3\u03c4\u03b7\u03ba\u03b5.'); });\r\n\r\n    \/\/ Render S2\r\n    function renderS2(){\r\n      const form=document.getElementById('formS2'); form.innerHTML='';\r\n      [['self','\u0391\u03c5\u03c4\u03bf\u03b5\u03b9\u03ba\u03cc\u03bd\u03b1'],['dec','\u0391\u03c0\u03bf\u03c6\u03b1\u03c3\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1']].forEach(([k,title])=>{\r\n        const block=S2[k]; const wrap=document.createElement('div'); wrap.className='saek-card'; wrap.style.margin='10px 0';\r\n        wrap.innerHTML=`<h4>${title}<\/h4>`;\r\n        block.items.forEach((txt,i)=>{\r\n          const fs=document.createElement('fieldset'); fs.className='saek-q';\r\n          fs.innerHTML=`<legend>${i+1}) ${txt}<\/legend>`;\r\n          const row=document.createElement('div'); row.className='saek-likert';\r\n          const lbl=document.createElement('div'); lbl.textContent='\u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae'; lbl.className='lbl'; row.appendChild(lbl);\r\n          for(let v=0;v<5;v++){ const lab=document.createElement('label');\r\n            lab.innerHTML=`<input type=\"radio\" name=\"${k}_${i}\" value=\"${v}\" ${state.s2[k][i]===v?'checked':''}> ${v}`;\r\n            row.appendChild(lab);\r\n          }\r\n          fs.appendChild(row); wrap.appendChild(fs);\r\n        });\r\n        form.appendChild(wrap);\r\n      });\r\n    }\r\n    function validateS2(){\r\n      for(const k of ['self','dec']){\r\n        for(let i=0;i<S2[k].items.length;i++){\r\n          if(!document.querySelector(`input[name=\"${k}_${i}\"]:checked`)){\r\n            alert('\u03a5\u03c0\u03ac\u03c1\u03c7\u03b5\u03b9 \u03b1\u03bd\u03b1\u03c0\u03ac\u03bd\u03c4\u03b7\u03c4\u03b7 \u03b5\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b5\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1: '+S2[k].title);\r\n            document.querySelector(`input[name=\"${k}_${i}\"]`)?.scrollIntoView({behavior:'smooth',block:'center'});\r\n            return false;\r\n          }\r\n        }\r\n      }\r\n      for(const k of ['self','dec']){\r\n        for(let i=0;i<S2[k].items.length;i++){\r\n          const v=document.querySelector(`input[name=\"${k}_${i}\"]:checked`).value;\r\n          state.s2[k][i]=Number(v);\r\n        }\r\n      }\r\n      save(); return true;\r\n    }\r\n    function label(p){ return p>=70?'\u03a5\u03c8\u03b7\u03bb\u03ae':(p>=40?'\u039c\u03ad\u03c4\u03c1\u03b9\u03b1':'\u03a7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03b5\u03bd\u03af\u03c3\u03c7\u03c5\u03c3\u03b7'); }\r\n    function computeS2(){\r\n      const sumSelf=state.s2.self.reduce((a,b)=>a+(b??0),0), sumDec=state.s2.dec.reduce((a,b)=>a+(b??0),0);\r\n      return { pctSelf:Math.round(sumSelf\/28*100), pctDec:Math.round(sumDec\/28*100) };\r\n    }\r\n    function renderS2Results(){\r\n      const {pctSelf,pctDec}=computeS2();\r\n      document.getElementById('pctSelf').textContent=pctSelf+'%';\r\n      document.getElementById('pctDec').textContent=pctDec+'%';\r\n      document.getElementById('barSelf').style.width=pctSelf+'%';\r\n      document.getElementById('barDec').style.width=pctDec+'%';\r\n      document.getElementById('labelSelf').textContent=label(pctSelf);\r\n      document.getElementById('labelDec').textContent=label(pctDec);\r\n    }\r\n\r\n    \/\/ Domains\r\n    function initDomains(){\r\n      const sel=document.getElementById('domainPicker'); sel.innerHTML='';\r\n      Object.keys(DOMAINS).forEach(key=>{\r\n        const opt=document.createElement('option'); opt.value=key; opt.textContent=DOMAINS[key].title; sel.appendChild(opt);\r\n        if(!state.domains[key]) state.domains[key]=Array(DOMAINS[key].questions.length).fill(null);\r\n      });\r\n      save();\r\n    }\r\n    function renderDomain(key){\r\n      const box=document.getElementById('domainBox'), cfg=DOMAINS[key], answers=state.domains[key];\r\n      box.classList.remove('saek-hidden'); box.innerHTML=`<h4>${cfg.title}<\/h4>`;\r\n      cfg.questions.forEach((q,i)=>{\r\n        const fs=document.createElement('fieldset'); fs.className='saek-q'; fs.innerHTML=`<legend>${i+1}) ${q}<\/legend>`;\r\n        const row=document.createElement('div'); row.className='saek-likert';\r\n        const lbl=document.createElement('div'); lbl.textContent='\u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae'; lbl.className='lbl'; row.appendChild(lbl);\r\n        for(let v=0;v<5;v++){ const lab=document.createElement('label');\r\n          lab.innerHTML=`<input type=\"radio\" name=\"${key}_${i}\" value=\"${v}\" ${answers[i]===v?'checked':''}> ${v}`;\r\n          row.appendChild(lab);\r\n        }\r\n        fs.appendChild(row); box.appendChild(fs);\r\n      });\r\n      const saveBtn=document.createElement('button'); saveBtn.className='saek-btn saek-btn-sec'; saveBtn.textContent='\u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7 \u03c4\u03bf\u03bc\u03ad\u03b1';\r\n      saveBtn.addEventListener('click',()=>{\r\n        for(let i=0;i<cfg.questions.length;i++){ const sel=document.querySelector(`input[name=\"${key}_${i}\"]:checked`); if(sel) answers[i]=Number(sel.value); }\r\n        state.domains[key]=answers; save(); alert('\u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b1 \u03c4\u03b9\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1: '+cfg.title);\r\n      });\r\n      box.appendChild(saveBtn);\r\n    }\r\n    function domainScore(key){\r\n      const ans=state.domains[key]||[], max=DOMAINS[key].questions.length*4 || 1;\r\n      const sum=ans.reduce((a,b)=>a+(b??0),0); return {key, title:DOMAINS[key].title, pct:Math.round(sum\/max*100)};\r\n    }\r\n    function specialtyScores(key){\r\n      const cfg=DOMAINS[key], ans=state.domains[key]||[];\r\n      if(!cfg.specialties) return [];\r\n      return cfg.specialties.map(sp=>{\r\n        let got=0, max=0; Object.entries(sp.weights).forEach(([q,w])=>{ const a=ans[(+q-1)]??0; got+=a*w; max+=4*w; });\r\n        return {name:sp.name, pct:Math.round(got\/(max||1)*100)};\r\n      }).sort((a,b)=>b.pct-a.pct);\r\n    }\r\n    function renderResults(){\r\n      renderS2Results();\r\n      const rankBox=document.getElementById('rankDomains'); rankBox.innerHTML='';\r\n      const ranks=Object.keys(DOMAINS).map(domainScore).sort((a,b)=>b.pct-a.pct);\r\n      ranks.forEach(r=>{ const row=document.createElement('div'); row.className='saek-rank'; row.innerHTML=`<div class=\"saek-name\">${r.title}<\/div><div class=\"saek-score\">${r.pct}%<\/div>`; rankBox.appendChild(row); });\r\n      const topBox=document.getElementById('rankSpecialties'); topBox.innerHTML='';\r\n      ranks.slice(0,3).forEach(r=>{\r\n        const h=document.createElement('h5'); h.textContent=r.title; topBox.appendChild(h);\r\n        const list=document.createElement('div');\r\n        specialtyScores(r.key).slice(0,5).forEach(sp=>{\r\n          const row=document.createElement('div'); row.className='saek-rank'; row.innerHTML=`<div class=\"saek-name\">${sp.name}<\/div><div class=\"saek-score\">${sp.pct}%<\/div>`;\r\n          list.appendChild(row);\r\n        });\r\n        topBox.appendChild(list);\r\n      });\r\n    }\r\n\r\n    \/\/ Nav\r\n    document.querySelectorAll('[data-next]').forEach(b=>b.addEventListener('click',()=>setStep(state.step+1)));\r\n    document.querySelectorAll('[data-prev]').forEach(b=>b.addEventListener('click',()=>setStep(state.step-1)));\r\n    document.getElementById('submitS2').addEventListener('click',()=>{ if(validateS2()) setStep(3); });\r\n    document.getElementById('startDomain').addEventListener('click',()=>{ const key=document.getElementById('domainPicker').value; renderDomain(key); });\r\n    document.getElementById('skipDomain').addEventListener('click',()=>alert('\u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c2 \u03bd\u03b1 \u03c3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c4\u03bf\u03bd \u03c4\u03bf\u03bc\u03ad\u03b1 \u03b1\u03c1\u03b3\u03cc\u03c4\u03b5\u03c1\u03b1.'));\r\n\r\n    \/\/ Init\r\n    (function init(){\r\n      if(!state.step) state.step=1;\r\n      \/\/ mount\r\n      initDomains(); renderS2(); setStep(state.step);\r\n    })();\r\n  <\/script>\r\n<\/div>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-136383","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/136383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=136383"}],"version-history":[{"count":0,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=\/wp\/v2\/posts\/136383\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=136383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=136383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mysep.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=136383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}