{"id":273,"date":"2025-04-25T17:25:07","date_gmt":"2025-04-25T15:25:07","guid":{"rendered":"https:\/\/hsp.ro\/?page_id=273"},"modified":"2025-04-25T17:52:04","modified_gmt":"2025-04-25T15:52:04","slug":"formular-pimex","status":"publish","type":"page","link":"https:\/\/hsp.ro\/index.php\/formular-pimex\/","title":{"rendered":"COMPLETEZI FORMULARUL PENTRU\u00a0"},"content":{"rendered":"\r\n<!DOCTYPE html>\r\n<html lang=\"ro\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            line-height: 1.6;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n        }\r\n        .form-group {\r\n            margin-bottom: 20px;\r\n        }\r\n        label {\r\n            display: block;\r\n            margin-bottom: 5px;\r\n            font-weight: bold;\r\n        }\r\n        input[type=\"text\"], input[type=\"date\"], input[type=\"time\"], select, textarea {\r\n            width: 100%;\r\n            padding: 8px;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            box-sizing: border-box;\r\n        }\r\n        .checkbox-group, .radio-group {\r\n            margin-top: 5px;\r\n        }\r\n        .checkbox-group label, .radio-group label {\r\n            display: inline-block;\r\n            font-weight: normal;\r\n            margin-right: 15px;\r\n        }\r\n        button {\r\n            background-color: #4CAF50;\r\n            color: white;\r\n            padding: 10px 15px;\r\n            border: none;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            font-size: 16px;\r\n        }\r\n        button:hover {\r\n            background-color: #45a049;\r\n        }\r\n        .message {\r\n            padding: 10px;\r\n            margin-top: 20px;\r\n            border-radius: 4px;\r\n            background-color: #f8f8f8;\r\n            border-left: 5px solid #4CAF50;\r\n        }\r\n        .error {\r\n            border-left-color: #f44336;\r\n        }\r\n\r\n        .sunrise-suggestion {\r\n    \t\tdisplay: block; \/* Asigur\u0103-te c\u0103 elementul este vizibil *\/\r\n    \t\tcolor: #2A3B6C;\r\n    \t\tfont-style: italic;\r\n    \t\tmargin-top: 5px;\r\n    \t\tcursor: pointer;\r\n    \t\ttransition: color 0.3s;\r\n\t\t}\r\n\r\n        .sunrise-suggestion:hover {\r\n        color: #444;\r\n        }\r\n        .search-results {\r\n            position: absolute;\r\n            width: 100%;\r\n            max-height: 200px;\r\n            overflow-y: auto;\r\n            background: white;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            z-index: 1000;\r\n            display: none;\r\n        }\r\n        .search-results div {\r\n            padding: 8px;\r\n            cursor: pointer;\r\n        }\r\n        .search-results div:hover {\r\n            background-color: #f0f0f0;\r\n        }\r\n        .location-wrapper {\r\n            position: relative;\r\n        }\r\n        .spinner {\r\n            display: inline-block;\r\n            width: 20px;\r\n            height: 20px;\r\n            border: 3px solid rgba(0,0,0,.1);\r\n            border-radius: 50%;\r\n            border-top-color: #4CAF50;\r\n            animation: spin 1s ease-in-out infinite;\r\n            margin-left: 10px;\r\n            vertical-align: middle;\r\n            display: none;\r\n        }\r\n        @keyframes spin {\r\n            to { transform: rotate(360deg); }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n    <h1 style='text-align:center; margin-top:2rem;'> PIMEX: <span style='color:#2A3B6C;'>Insight \u2013 Claritate \u0219i direc\u021bie<\/span><\/h1>\r\n\r\n<form method=\"post\" action=\"\" id=\"pimex-form\">\r\n    <input type=\"hidden\" id=\"pimex_nonce\" name=\"pimex_nonce\" value=\"2f7dcd0def\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/273\" \/>    <input type=\"hidden\" name=\"tip_produs\" value=\"insight\">\r\n    \r\n    <div class=\"form-group\">\r\n        <label for=\"birth_date\">Data na\u0219terii:<\/label>\r\n        <input type=\"date\" id=\"birth_date\" name=\"birth_date\" required>\r\n    <\/div>\r\n    \r\n    <div class=\"form-group\">\r\n        <label for=\"birth_place\">Localitate na\u0219tere:<\/label>\r\n        <div class=\"location-wrapper\">\r\n            <input type=\"text\" id=\"birth_place\" name=\"birth_place\" autocomplete=\"off\" required>\r\n            <div class=\"spinner birth-spinner\"><\/div>\r\n            <div id=\"birth_place_results\" class=\"search-results\"><\/div>\r\n        <\/div>\r\n        <input type=\"hidden\" id=\"birth_lat\" name=\"birth_lat\">\r\n        <input type=\"hidden\" id=\"birth_lon\" name=\"birth_lon\">\r\n        <input type=\"hidden\" id=\"birth_timezone\" name=\"birth_timezone\">\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n        <label for=\"current_place\">Localitate domiciliu actual:<\/label>\r\n        <div class=\"location-wrapper\">\r\n            <input type=\"text\" id=\"current_place\" name=\"current_place\" autocomplete=\"off\" required>\r\n            <div class=\"spinner current-spinner\"><\/div>\r\n            <div id=\"current_place_results\" class=\"search-results\"><\/div>\r\n        <\/div>\r\n        <input type=\"hidden\" id=\"current_lat\" name=\"current_lat\">\r\n        <input type=\"hidden\" id=\"current_lon\" name=\"current_lon\">\r\n        <input type=\"hidden\" id=\"current_timezone\" name=\"current_timezone\">\r\n    <\/div>\r\n    \r\n    <div class=\"form-group\">\r\n        <label for=\"birth_time\">Ora na\u0219terii:<\/label>\r\n        <input type=\"time\" id=\"birth_time\" name=\"birth_time\">\r\n        <input type=\"hidden\" id=\"is_sunrise_time\" name=\"is_sunrise_time\" value=\"0\">\r\n        <div id=\"sunrise_suggestion\" class=\"sunrise-suggestion\"><\/div>\r\n        <small>Op\u021bional, pentru includerea bioritmului \u00een analiz\u0103<\/small>\r\n    <\/div>\r\n    \r\n    <div class=\"form-group\">\r\n        <label>Sex biologic:<\/label>\r\n        <div class=\"radio-group\">\r\n            <label><input type=\"radio\" name=\"gender\" value=\"Masculin\" required> Masculin<\/label>\r\n            <label><input type=\"radio\" name=\"gender\" value=\"Feminin\"> Feminin<\/label>\r\n            <label><input type=\"radio\" name=\"gender\" value=\"Alt\"> Alt<\/label>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"form-group\">\r\n        <label for=\"education\">Nivel de educa\u021bie finalizat:<\/label>\r\n        <select id=\"education\" name=\"education\" required>\r\n            <option value=\"\">Selecteaz\u0103...<\/option>\r\n            <option value=\"Liceu\">Liceu<\/option>\r\n            <option value=\"Studii postliceale\">Studii postliceale<\/option>\r\n            <option value=\"Facultate\">Facultate<\/option>\r\n            <option value=\"Master\">Master<\/option>\r\n            <option value=\"Doctorat\">Doctorat<\/option>\r\n        <\/select>\r\n    <\/div>\r\n    \r\n    <div class=\"form-group\">\r\n        <label>Domenii studiate:<\/label>\r\n        <div class=\"checkbox-group\">\r\n            <label><input type=\"checkbox\" name=\"studied_fields[]\" value=\"Psihologie\"> Psihologie<\/label>\r\n            <label><input type=\"checkbox\" name=\"studied_fields[]\" value=\"Drept\"> Drept<\/label>\r\n            <label><input type=\"checkbox\" name=\"studied_fields[]\" value=\"Economie\"> Economie<\/label>\r\n            <label><input type=\"checkbox\" name=\"studied_fields[]\" value=\"Tehnologie\"> Tehnologie<\/label>\r\n            <label><input type=\"checkbox\" name=\"studied_fields[]\" value=\"Arte\"> Arte<\/label>\r\n            <label><input type=\"checkbox\" name=\"studied_fields[]\" value=\"\u0218tiin\u021be\"> \u0218tiin\u021be<\/label>\r\n            <label><input type=\"checkbox\" name=\"studied_fields[]\" value=\"Medicin\u0103\"> Medicin\u0103<\/label>\r\n            <label><input type=\"checkbox\" name=\"studied_fields[]\" value=\"Inginerie\"> Inginerie<\/label>\r\n            <label><input type=\"checkbox\" name=\"studied_fields[]\" value=\"\u0218tiin\u021be sociale\"> \u0218tiin\u021be sociale<\/label>\r\n            <label><input type=\"checkbox\" name=\"studied_fields[]\" value=\"Educa\u021bie\"> Educa\u021bie<\/label>\r\n        <\/div>\r\n        <input type=\"text\" id=\"studied_fields_other\" name=\"studied_fields_other\" placeholder=\"Alte domenii (separate prin virgul\u0103)\">\r\n    <\/div>\r\n    \r\n    <div class=\"form-group\">\r\n        <label for=\"experience\">Experien\u021b\u0103 profesional\u0103 (ani):<\/label>\r\n        <input type=\"number\" id=\"experience\" name=\"experience\" min=\"0\" required>\r\n    <\/div>\r\n    \r\n    <div class=\"form-group\">\r\n        <label for=\"current_field\">Domeniu actual de activitate:<\/label>\r\n        <select id=\"current_field\" name=\"current_field\" required>\r\n            <option value=\"\">Selecteaz\u0103...<\/option>\r\n            <option value=\"IT \u0219i Tehnologie\">IT \u0219i Tehnologie<\/option>\r\n            <option value=\"Finan\u021be \u0219i Contabilitate\">Finan\u021be \u0219i Contabilitate<\/option>\r\n            <option value=\"S\u0103n\u0103tate \u0219i Medicin\u0103\">S\u0103n\u0103tate \u0219i Medicin\u0103<\/option>\r\n            <option value=\"Educa\u021bie \u0219i Cercetare\">Educa\u021bie \u0219i Cercetare<\/option>\r\n            <option value=\"V\u00e2nz\u0103ri \u0219i Marketing\">V\u00e2nz\u0103ri \u0219i Marketing<\/option>\r\n            <option value=\"Administra\u021bie \u0219i Management\">Administra\u021bie \u0219i Management<\/option>\r\n            <option value=\"Juridic \u0219i Avocatur\u0103\">Juridic \u0219i Avocatur\u0103<\/option>\r\n            <option value=\"Art\u0103 \u0219i Design\">Art\u0103 \u0219i Design<\/option>\r\n            <option value=\"Produc\u021bie \u0219i Inginerie\">Produc\u021bie \u0219i Inginerie<\/option>\r\n            <option value=\"Altele\">Altele<\/option>\r\n        <\/select>\r\n    <\/div>\r\n    \r\n<div class=\"form-group\">\r\n        <label>Soft skills:<\/label>\r\n        <div class=\"checkbox-group\">\r\n            <label><input type=\"checkbox\" name=\"soft_skills[]\" value=\"Empatie\"> Empatie<\/label>\r\n            <label><input type=\"checkbox\" name=\"soft_skills[]\" value=\"Claritate \u00een exprimare\"> Claritate \u00een exprimare<\/label>\r\n            <label><input type=\"checkbox\" name=\"soft_skills[]\" value=\"Organizare\"> Organizare<\/label>\r\n            <label><input type=\"checkbox\" name=\"soft_skills[]\" value=\"Viziune ampl\u0103\"> Viziune ampl\u0103<\/label>\r\n            <label><input type=\"checkbox\" name=\"soft_skills[]\" value=\"Spirit critic\"> Spirit critic<\/label>\r\n            <label><input type=\"checkbox\" name=\"soft_skills[]\" value=\"Lucru \u00een echip\u0103\"> Lucru \u00een echip\u0103<\/label>\r\n            <label><input type=\"checkbox\" name=\"soft_skills[]\" value=\"Adaptabilitate\"> Adaptabilitate<\/label>\r\n            <label><input type=\"checkbox\" name=\"soft_skills[]\" value=\"Rezilien\u021b\u0103\"> Rezilien\u021b\u0103<\/label>\r\n            <label><input type=\"checkbox\" name=\"soft_skills[]\" value=\"Comunicare\"> Comunicare<\/label>\r\n            <label><input type=\"checkbox\" name=\"soft_skills[]\" value=\"Leadership\"> Leadership<\/label>\r\n            <label><input type=\"checkbox\" name=\"soft_skills[]\" value=\"Creativitate\"> Creativitate<\/label>\r\n            <label><input type=\"checkbox\" name=\"soft_skills[]\" value=\"G\u00e2ndire analitic\u0103\"> G\u00e2ndire analitic\u0103<\/label>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"form-group\">\r\n        <label>Mod de lucru preferat:<\/label>\r\n        <div class=\"checkbox-group\">\r\n            <label><input type=\"checkbox\" name=\"work_mode[]\" value=\"Individual\"> Individual<\/label>\r\n            <label><input type=\"checkbox\" name=\"work_mode[]\" value=\"\u00cen echip\u0103\"> \u00cen echip\u0103<\/label>\r\n            <label><input type=\"checkbox\" name=\"work_mode[]\" value=\"\u00cen medii dinamice\"> \u00cen medii dinamice<\/label>\r\n            <label><input type=\"checkbox\" name=\"work_mode[]\" value=\"Cu publicul\"> Cu publicul<\/label>\r\n            <label><input type=\"checkbox\" name=\"work_mode[]\" value=\"La distan\u021b\u0103 (remote)\"> La distan\u021b\u0103 (remote)<\/label>\r\n            <label><input type=\"checkbox\" name=\"work_mode[]\" value=\"Hibrid\"> Hibrid<\/label>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"form-group\">\r\n        <label for=\"hobbies\">Hobby-uri \/ interese:<\/label>\r\n        <textarea id=\"hobbies\" name=\"hobbies\" maxlength=\"500\" rows=\"4\" required><\/textarea>\r\n        <small>Maxim 500 caractere<\/small>\r\n    <\/div>\r\n    \r\n    <div class=\"form-group\">\r\n        <div class=\"checkbox-group\">\r\n            <label>\r\n                <input type=\"checkbox\" name=\"consent\" value=\"yes\" required>\r\n                Sunt de acord cu procesarea datelor mele personale conform \r\n                <a href=\"https:\/\/hsp.ro\/index.php\/privacy-policy\/\" target=\"_blank\">Politicii de Confiden\u021bialitate<\/a>,\r\n                \u00een scopul gener\u0103rii unui raport voca\u021bional personalizat.\r\n            <\/label>\r\n        <\/div>\r\n    <\/div>\r\n\r\n            <button type=\"submit\">Trimite formularul<\/button>\r\n    <\/form>\r\n\r\n<script>\r\n\/\/ Configurare constante\r\nconst OPENCAGE_API_KEY = '33334ba9db1d452596419f2ede275680';\r\n\r\njQuery(document).ready(function($) {\r\n    \/\/ Func\u021bia principal\u0103 pentru autocomplete\r\n    function setupAutocomplete(inputId, latField, lonField, tzField) {\r\n        $(inputId).autocomplete({\r\n            source: function(request, response) {\r\n                $.getJSON(pimex_vars.ajax_url, {\r\n                    action: 'search_cities',\r\n                    term: request.term,\r\n                    security: pimex_vars.ajax_nonce\r\n                }, function(data) {\r\n                    if (data.success) {\r\n                        response(data.data.map(city => ({\r\n                            label: city.formatted,\r\n                            value: city.formatted,\r\n                            lat: city.geometry.lat,\r\n                            lon: city.geometry.lng,\r\n                            timezone: city.annotations.timezone.name\r\n                        })));\r\n                    } else {\r\n                        response([]);\r\n                    }\r\n                }).fail(() => response([]));\r\n            },\r\n            minLength: 2,\r\n            select: function(event, ui) {\r\n                $(latField).val(ui.item.lat);\r\n                $(lonField).val(ui.item.lon);\r\n                $(tzField).val(ui.item.timezone);\r\n                if(inputId === \"#birth_place\") {\r\n                    updateSunriseSuggestion();\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ Ini\u021bializare autocomplete\r\n    setupAutocomplete(\"#birth_place\", \"#birth_lat\", \"#birth_lon\", \"#birth_timezone\");\r\n    setupAutocomplete(\"#current_place\", \"#current_lat\", \"#current_lon\", \"#current_timezone\");\r\n\r\n    \/\/ Func\u021bia pentru actualizarea sugestiei r\u0103s\u0103ritului\r\nfunction updateSunriseSuggestion() {\r\n    const lat = $(\"#birth_lat\").val();\r\n    const lon = $(\"#birth_lon\").val();\r\n    const date = $(\"#birth_date\").val();\r\n    const tz = $(\"#birth_timezone\").val();\r\n\r\n    if (!lat || !lon || !date || !tz) return;\r\n\r\n    console.log(\"Trimite cerere pentru ora r\u0103s\u0103ritului...\");\r\n    \r\n    $.ajax({\r\n        url: pimex_vars.ajax_url,\r\n        dataType: 'json',\r\n        data: {\r\n            action: 'calculate_sunrise',\r\n            lat: lat,\r\n            lon: lon,\r\n            date: date,\r\n            timezone: tz,\r\n            security: pimex_vars.ajax_nonce\r\n        },\r\n        success: function(response) {\r\n            console.log(\"R\u0103spuns primit:\", response);\r\n            if (response.success && response.data) {\r\n                \/\/ Completeaz\u0103 automat ora \u00een c\u00e2mpul de input\r\n                $(\"#birth_time\").val(response.data);\r\n                \r\n                \/\/ Actualizeaz\u0103 indicatorul pentru ora r\u0103s\u0103ritului\r\n                $(\"#is_sunrise_time\").val('1');\r\n                \r\n                \/\/ Afi\u0219eaz\u0103 sugestia cu feedback vizual\r\n                $(\"#sunrise_suggestion\")\r\n                    .html(`Sugestie aplicat\u0103: <span style=\"color: #2A3B6C; font-weight: bold;\">${response.data}<\/span>`)\r\n                    .data('time', response.data)\r\n                    .show();\r\n            } else {\r\n                console.error(\"Eroare \u00een r\u0103spuns:\", response);\r\n                $(\"#sunrise_suggestion\").hide();\r\n            }\r\n        },\r\n        error: function(xhr, status, error) {\r\n            console.error(\"Eroare AJAX:\", status, error);\r\n            $(\"#sunrise_suggestion\").html(\"Eroare la ob\u021binerea orei\").show();\r\n        }\r\n    });\r\n}\r\n\r\n    \/\/ Evenimente\r\n    $(\"#birth_date, #birth_place\").on('change', updateSunriseSuggestion);\r\n    \r\n    $(\"#birth_time\").on('input', function() {\r\n        $(\"#is_sunrise_time\").val('0');\r\n    });\r\n\r\n    $(\"#sunrise_suggestion\").on('click', function() {\r\n        const time = $(this).data('time');\r\n        if(time) {\r\n            $(\"#birth_time\").val(time);\r\n            $(\"#is_sunrise_time\").val('1');\r\n        }\r\n    });\r\n\r\n    \/\/ Validare final\u0103\r\n    $(\"form\").submit(function(e) {\r\n        const errors = [];\r\n        if(!$(\"#birth_lat\").val()) errors.push(\"Localitate na\u0219tere invalid\u0103\");\r\n        if(!$(\"#current_lat\").val()) errors.push(\"Localitate curent\u0103 invalid\u0103\");\r\n        \r\n        if(errors.length) {\r\n            e.preventDefault();\r\n            alert(errors.join(\"\\n\"));\r\n        }\r\n    });\r\n}); \/\/ Sf\u00e2r\u0219itul document.ready\r\n<\/script>\r\n<\/body>\r\n<\/html>","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-273","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hsp.ro\/index.php\/wp-json\/wp\/v2\/pages\/273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hsp.ro\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hsp.ro\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hsp.ro\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hsp.ro\/index.php\/wp-json\/wp\/v2\/comments?post=273"}],"version-history":[{"count":3,"href":"https:\/\/hsp.ro\/index.php\/wp-json\/wp\/v2\/pages\/273\/revisions"}],"predecessor-version":[{"id":276,"href":"https:\/\/hsp.ro\/index.php\/wp-json\/wp\/v2\/pages\/273\/revisions\/276"}],"wp:attachment":[{"href":"https:\/\/hsp.ro\/index.php\/wp-json\/wp\/v2\/media?parent=273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}