{"id":222,"date":"2026-03-02T18:41:18","date_gmt":"2026-03-02T18:41:18","guid":{"rendered":"https:\/\/landing.flexifylabs.com\/?page_id=222"},"modified":"2026-03-31T19:08:46","modified_gmt":"2026-03-31T19:08:46","slug":"start-screening","status":"publish","type":"page","link":"https:\/\/landing.flexifylabs.com\/it\/start-screening\/","title":{"rendered":"Avvia Il Tuo Screening"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"222\" class=\"elementor elementor-222\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-622b17a e-flex e-con-boxed e-con e-parent\" data-id=\"622b17a\" 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-cf7cc30 elementor-widget elementor-widget-heading\" data-id=\"cf7cc30\" 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\">Get in touch\n<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1cd8135 e-con-full e-flex e-con e-child\" data-id=\"1cd8135\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd14c9e elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"dd14c9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        .form-master-container { font-family: 'Inter', sans-serif; }\n        .step-form-card { background: #fff; border-radius: 16px; padding: 40px; box-shadow: 0 10px 40px rgba(0,0,0,0.06); position: relative; min-height: 350px; transition: all 0.3s ease; }\n        \n        \/* Stepper Header *\/\n        .stepper-header { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; gap: 15px; }\n        .step-unit { display: flex; align-items: center; gap: 10px; color: #94a3b8; font-size: 16px; }\n        .step-unit.active { color: #E65100; font-weight: 600; }\n        .step-idx { width: 32px; height: 32px; border-radius: 50%; background: #f1f5f9; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #64748b; }\n        .active .step-idx { background: #E65100; color: #fff; }\n        .step-divider { width: 50px; height: 1px; background: #e2e8f0; }\n\n        \/* Step 1 Fields *\/\n        .input-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 30px 0; }\n        .input-group label { display: block; margin-bottom: 10px; font-weight: 600; color: #1e293b; font-size: 14px; }\n        .input-group input { width: 100%; padding: 14px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; outline: none; box-sizing: border-box; }\n        \n        \/* Step 2: Upload Area *\/\n        .upload-area { border: 2px dashed #cbd5e1; border-radius: 12px; padding: 50px 20px; text-align: center; cursor: pointer; margin: 30px 0; transition: 0.2s; position: relative; }\n        .upload-area:hover { background: #f8fafc; border-color: #E65100; }\n        .upload-icon { font-size: 40px; color: #E65100; margin-bottom: 10px; display: block; }\n        .upload-text { font-weight: 600; color: #1e293b; }\n        #file-input { display: none; }\n\n        \/* Buttons *\/\n        .btn-orange { width: 100%; padding: 16px; border: none; border-radius: 12px; background: #E65100; color: white; font-weight: 700; font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; }\n        .btn-orange:disabled { opacity: 0.7; cursor: not-allowed; }\n        \n        \/* Success Step 3 *\/\n        .success-box { text-align: center; padding: 20px 0; }\n        .success-icon { width: 80px; height: 80px; background: #dcfce7; color: #22c55e; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; font-size: 40px; }\n        .success-title { font-size: 28px; font-weight: 800; color: #0f172a; margin-bottom: 12px; }\n        .success-desc { color: #64748b; line-height: 1.6; margin-bottom: 30px; }\n\n        \/* Loader Animation *\/\n        .loader { width: 20px; height: 20px; border: 3px solid #fff; border-bottom-color: transparent; border-radius: 50%; display: inline-block; animation: rotation 1s linear infinite; }\n        @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n    <\/style>\n\n    <div class=\"form-master-container\">\n        <div class=\"step-form-card\" id=\"form-card\">\n            \n            <div id=\"form-header-ui\">\n                <div class=\"stepper-header\">\n                    <div class=\"step-unit active\" id=\"h-step-1\"><span class=\"step-idx\">1<\/span> Info<\/div>\n                    <div class=\"step-divider\"><\/div>\n                    <div class=\"step-unit\" id=\"h-step-2\"><span class=\"step-idx\">2<\/span> Docs<\/div>\n                <\/div>\n                <hr style=\"border:0; border-top:1px solid #f1f5f9; margin: 0 -40px 30px;\">\n            <\/div>\n\n            <form id=\"screening-form\">\n                <div id=\"step-1\">\n                    <div class=\"input-grid\">\n                        <div class=\"input-group\">\n                            <label>First Name<\/label>\n                            <input type=\"text\" name=\"first_name\" id=\"fn\" placeholder=\"Enter first name\" required>\n                        <\/div>\n                        <div class=\"input-group\">\n                            <label>Last Name<\/label>\n                            <input type=\"text\" name=\"last_name\" id=\"ln\" placeholder=\"Enter last name\" required>\n                        <\/div>\n                    <\/div>\n                    <button type=\"button\" class=\"btn-orange\" onclick=\"nextStep()\">Next Step <span style=\"font-size:20px\">\u2192<\/span><\/button>\n                <\/div>\n\n                <div id=\"step-2\" style=\"display:none;\">\n                    <div class=\"upload-area\" onclick=\"document.getElementById('file-input').click()\">\n                        <span class=\"upload-icon\">\u21ea<\/span>\n                        <div class=\"upload-text\" id=\"file-status\">Upload Documents<\/div>\n                        <input type=\"file\" name=\"uploaded_file\" id=\"file-input\" onchange=\"updateFileName(this)\">\n                    <\/div>\n                    <button type=\"submit\" class=\"btn-orange\" id=\"submit-btn\">\n                        <span class=\"btn-text\">Submit Request<\/span>\n                    <\/button>\n                <\/div>\n\n                <div id=\"step-3\" style=\"display:none;\">\n                    <div class=\"success-box\">\n                        <div class=\"success-icon\">\u2713<\/div>\n                        <h2 class=\"success-title\">Request Received<\/h2>\n                        <p class=\"success-desc\">Thank you! Your screening request has been<br>successfully submitted.<\/p>\n                        <button type=\"button\" class=\"btn-orange\" onclick=\"location.reload()\">New Request<\/button>\n                    <\/div>\n                <\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <script>\n    function nextStep() {\n        if(jQuery('#fn').val() == \"\" || jQuery('#ln').val() == \"\") { alert(\"Please fill details\"); return; }\n        jQuery('#step-1').hide();\n        jQuery('#step-2').fadeIn();\n        jQuery('#h-step-1').removeClass('active').css('color', '#94a3b8');\n        jQuery('#h-step-1 .step-idx').css('background', '#f1f5f9').css('color', '#64748b');\n        jQuery('#h-step-2').addClass('active');\n    }\n\n    function updateFileName(input) {\n        if(input.files.length > 0) {\n            jQuery('#file-status').text(input.files[0].name).css('color', '#E65100');\n        }\n    }\n\n    jQuery(document).ready(function($) {\n        $('#screening-form').on('submit', function(e) {\n            e.preventDefault();\n            let btn = $('#submit-btn');\n            btn.prop('disabled', true).html('<span class=\"loader\"><\/span>');\n\n            let formData = new FormData(this);\n            formData.append('action', 'process_full_form');\n\n            $.ajax({\n                url: 'https:\/\/landing.flexifylabs.com\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: formData,\n                processData: false,\n                contentType: false,\n                success: function(res) {\n                    if(res.success) {\n                        $('#form-header-ui').hide();\n                        $('#step-2').hide();\n                        $('#step-3').fadeIn();\n                        $('#form-card').css('max-width', '500px'); \/\/ Match success card width\n                    } else {\n                        alert('Upload failed. Try again.');\n                        btn.prop('disabled', false).html('Submit Request');\n                    }\n                }\n            });\n        });\n    });\n    <\/script>\n    \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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Get in touch<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-222","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/landing.flexifylabs.com\/it\/wp-json\/wp\/v2\/pages\/222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landing.flexifylabs.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/landing.flexifylabs.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/landing.flexifylabs.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/landing.flexifylabs.com\/it\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":11,"href":"https:\/\/landing.flexifylabs.com\/it\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"predecessor-version":[{"id":304,"href":"https:\/\/landing.flexifylabs.com\/it\/wp-json\/wp\/v2\/pages\/222\/revisions\/304"}],"wp:attachment":[{"href":"https:\/\/landing.flexifylabs.com\/it\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}