{"id":15172,"date":"2025-07-21T10:40:38","date_gmt":"2025-07-21T14:40:38","guid":{"rendered":"https:\/\/floridadocument.com\/?page_id=15172"},"modified":"2025-12-12T23:10:19","modified_gmt":"2025-12-13T04:10:19","slug":"id-verification-complycube-mobile","status":"publish","type":"page","link":"https:\/\/floridadocument.com\/es\/id-verification-complycube-mobile\/","title":{"rendered":"Verificaci\u00f3n de identidad - ComplyCube - Mobile Phone Portal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15172\" class=\"elementor elementor-15172\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-bc76f44 e-flex e-con-boxed e-con e-parent\" data-id=\"bc76f44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4831c81 elementor-widget elementor-widget-html\" data-id=\"4831c81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Florida Document Service<\/title>\r\n    <style>\r\n      body {\r\n        font-family: Arial, sans-serif;\r\n        margin: 20px;\r\n        background: #f4f7fb; \/* subtle blue-tinted off-white *\/\r\n      }\r\n\r\n      \/* Keep your original size\/structure \u2014 visual polish only *\/\r\n      .form-container {\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n        padding: 20px;\r\n        border: 1px solid #dbe3f0;\r\n        border-radius: 14px;\r\n        background-color: #ffffff;\r\n        position: relative;\r\n        box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);\r\n      }\r\n\r\n      .form-container h1 {\r\n        text-align: center;\r\n        margin: 0 0 8px 0;\r\n        letter-spacing: -0.01em;\r\n      }\r\n\r\n      \/* Micro \u201csecure session\u201d cue without changing HTML *\/\r\n      .form-container h1::after {\r\n        content: \"\ud83d\udd12 Secure Identity Verification Session\";\r\n        display: inline-block;\r\n        margin-top: 10px;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        color: #334155;\r\n        padding: 6px 12px;\r\n        background: #eaf2ff;\r\n        border: 1px solid #cfe0ff;\r\n        border-radius: 999px;\r\n      }\r\n\r\n      \/* Each field box: simple vertical blue accent (not curved) *\/\r\n      .form-group {\r\n        margin-bottom: 15px;\r\n        position: relative;\r\n        padding-left: 14px; \/* room for accent *\/\r\n      }\r\n\r\n      .form-group::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 4px;\r\n        background: #2563eb;\r\n        border-radius: 0; \/* square\/straight *\/\r\n      }\r\n\r\n      .form-group label {\r\n        display: block;\r\n        font-weight: 700;\r\n        margin-bottom: 6px;\r\n        color: #111827;\r\n      }\r\n\r\n      .form-group input,\r\n      .form-group select {\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        padding: 10px 10px;\r\n        font-size: 14px;\r\n        border: 1px solid #cbd5e1;\r\n        border-radius: 10px;\r\n        background: #f9fbff;\r\n        transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;\r\n      }\r\n\r\n      .form-group input:focus,\r\n      .form-group select:focus {\r\n        outline: none;\r\n        border-color: #2563eb;\r\n        background: #ffffff;\r\n        box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.18);\r\n      }\r\n\r\n      .form-group input[type=\"radio\"] {\r\n        width: auto;\r\n        margin-right: 6px;\r\n        accent-color: #2563eb;\r\n      }\r\n\r\n      .form-actions {\r\n        text-align: center;\r\n        margin-top: 18px;\r\n      }\r\n\r\n      .form-actions button {\r\n        padding: 12px 26px;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        background: linear-gradient(135deg, #1e40af, #2563eb);\r\n        border: none;\r\n        border-radius: 999px;\r\n        cursor: pointer;\r\n        box-shadow: 0 12px 26px rgba(37, 99, 235, 0.28);\r\n        transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;\r\n      }\r\n\r\n      .form-actions button:hover {\r\n        background: linear-gradient(135deg, #1d4ed8, #3b82f6);\r\n        transform: translateY(-1px);\r\n        box-shadow: 0 16px 32px rgba(37, 99, 235, 0.34);\r\n      }\r\n\r\n      .form-actions button:active {\r\n        transform: translateY(0);\r\n        filter: brightness(0.98);\r\n      }\r\n\r\n      .popup {\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        background-color: #fff;\r\n        padding: 20px;\r\n        border: 1px solid #cbd5e1;\r\n        border-radius: 14px;\r\n        box-shadow: 0 24px 50px rgba(0, 0, 0, 0.18);\r\n        z-index: 1000;\r\n        display: none;\r\n        width: 50%;\r\n        overflow-wrap: anywhere;\r\n      }\r\n\r\n      .popup .popup-content {\r\n        margin-bottom: 15px;\r\n      }\r\n\r\n      .popup button {\r\n        padding: 10px 15px;\r\n        font-size: 14px;\r\n        cursor: pointer;\r\n        border-radius: 999px;\r\n        border: none;\r\n        margin-right: 8px;\r\n      }\r\n\r\n      .popup .close {\r\n        background-color: #e5e7eb;\r\n        color: #111827;\r\n      }\r\n\r\n      .popup .copy {\r\n        background-color: #2563eb;\r\n        color: #fff;\r\n      }\r\n\r\n      .popup .copy:hover {\r\n        background-color: #1d4ed8;\r\n      }\r\n\r\n      .popup .redirect {\r\n        background-color: #111827;\r\n        color: #fff;\r\n      }\r\n\r\n      .popup .redirect:hover {\r\n        background-color: #020617;\r\n      }\r\n\r\n      .loading {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: #ffffffb8;\r\n        z-index: 9999;\r\n        top: 0;\r\n        left: 0;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        border-radius: 14px;\r\n      }\r\n    <\/style>\r\n  <\/head>\r\n  <body>\r\n    <div class=\"form-container\">\r\n      <!-- Loading Spinner -->\r\n      <div id=\"loadingSpinner\" class=\"loading\" style=\"display: none\">\r\n        Loading...\r\n      <\/div>\r\n\r\n      <h1 style=\"font-size: 28px; color: #016ee2\">\r\n        Florida Document Specialists ID Portal\r\n      <\/h1>\r\n\r\n      <form id=\"customForm\">\r\n        <!-- FIRST NAME -->\r\n        <div class=\"form-group\">\r\n          <label for=\"fName\">First Name:<\/label>\r\n          <input type=\"text\" id=\"fName\" name=\"fName\" placeholder=\"Enter Name\" \/>\r\n        <\/div>\r\n\r\n        <!-- LAST NAME -->\r\n        <div class=\"form-group\">\r\n          <label for=\"lName\">Last Name:<\/label>\r\n          <input type=\"text\" id=\"lName\" name=\"lName\" placeholder=\"Enter Last Name\" \/>\r\n        <\/div>\r\n\r\n        <!-- EMAIL -->\r\n        <div class=\"form-group\">\r\n          <label for=\"email\">Email:<\/label>\r\n          <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Enter Email\" \/>\r\n        <\/div>\r\n\r\n        <!-- LANGUAGE -->\r\n        <div class=\"form-group\">\r\n          <label for=\"language\">Language:<\/label>\r\n          <select id=\"language\" name=\"language\" required>\r\n            <option value=\"en\">English<\/option>\r\n            <option value=\"es\">Spanish<\/option>\r\n            <option value=\"fr\">French<\/option>\r\n            <option value=\"de\">German<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <!-- COUNTRY -->\r\n        <div class=\"form-group\">\r\n          <label for=\"country\">Which country issued your identification documents?<\/label>\r\n          <select id=\"country\" name=\"country\" required onchange=\"handleCountryChange()\">\r\n            <!-- default to US for testing -->\r\n            <option value=\"us\" selected>United States<\/option>\r\n            <option value=\"canada\">Canada<\/option>\r\n            <option value=\"mexico\">Mexico<\/option>\r\n            <option value=\"other\">Other<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <!-- DOCUMENT TYPES -->\r\n        <div class=\"form-group\">\r\n          <label>Document Types:<\/label>\r\n\r\n          <!-- Passport -->\r\n          <input\r\n            type=\"radio\"\r\n            id=\"passport\"\r\n            name=\"documentTypes\"\r\n            value=\"passport\"\r\n            onchange=\"handleDocumentTypeChange()\"\r\n          \/>\r\n          Passport<br \/>\r\n\r\n          <!-- Driver License -->\r\n          <input\r\n            type=\"radio\"\r\n            id=\"driving_license\"\r\n            name=\"documentTypes\"\r\n            value=\"driving_license\"\r\n            onchange=\"handleDocumentTypeChange()\"\r\n          \/>\r\n          Driver License<br \/>\r\n\r\n          <!-- State Issued ID (National Identity Card) -->\r\n          <input\r\n            type=\"radio\"\r\n            id=\"national_identity_card\"\r\n            name=\"documentTypes\"\r\n            value=\"national_identity_card\"\r\n            onchange=\"handleDocumentTypeChange()\"\r\n          \/>\r\n          <span id=\"nationalIdentityCardLabel\">State Issued ID Card<\/span>\r\n          <br \/>\r\n\r\n          <!-- Resident Permit (Green Card) -->\r\n          <input\r\n            type=\"radio\"\r\n            id=\"residence_permit\"\r\n            name=\"documentTypes\"\r\n            value=\"residence_permit\"\r\n            onchange=\"handleDocumentTypeChange()\"\r\n          \/>\r\n          <span id=\"residencePermitLabel\">Resident Permit (Green Card)<\/span>\r\n          <br \/>\r\n\r\n          <!-- Military ID Card -->\r\n          <!--<input-->\r\n          <!--  type=\"radio\"-->\r\n          <!--  id=\"military_id_card\"-->\r\n          <!--  name=\"documentTypes\"-->\r\n          <!--  value=\"military_id_card\"-->\r\n          <!--  onchange=\"handleDocumentTypeChange()\"-->\r\n          <!--\/>-->\r\n          <!--<span id=\"militaryIdLabel\">Military ID Card<\/span>-->\r\n        <\/div>\r\n\r\n        <!-- SUBMIT\/NEXT BUTTON -->\r\n        <div class=\"form-actions\">\r\n          <button type=\"button\" onclick=\"generateLink1()\">Next<\/button>\r\n        <\/div>\r\n      <\/form>\r\n    <\/div>\r\n\r\n    <!-- POPUP -->\r\n    <div class=\"popup\" id=\"popup\">\r\n      <div class=\"popup-content\">\r\n        <strong>Generated Link:<\/strong>\r\n        <p id=\"generatedLinkText\"><\/p>\r\n      <\/div>\r\n      <button class=\"close\" onclick=\"closePopup()\">Close<\/button>\r\n      <button class=\"copy\" onclick=\"copyToClipboard()\">Copy to Clipboard<\/button>\r\n      <button class=\"redirect\" onclick=\"redirectToUrl()\">Redirect to URL<\/button>\r\n    <\/div>\r\n\r\n    <script>\r\n      document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function handleCountryChange() {\r\n          const country = document.getElementById(\"country\").value;\r\n\r\n          \/\/ Elements\r\n          const residencePermitInput = document.getElementById(\"residence_permit\");\r\n          const residencePermitLabel = document.getElementById(\"residencePermitLabel\");\r\n\r\n          const militaryField = document.getElementById(\"military_id_card\");\r\n          const militaryLabel = document.getElementById(\"militaryIdLabel\");\r\n\r\n          const nicLabel = document.getElementById(\"nationalIdentityCardLabel\");\r\n          const drivingLicense = document.getElementById(\"driving_license\");\r\n          const nationalIdCard = document.getElementById(\"national_identity_card\");\r\n          const passport = document.getElementById(\"passport\");\r\n\r\n          if (country === \"us\") {\r\n            residencePermitInput.disabled = false;\r\n            drivingLicense.disabled = false;\r\n            nationalIdCard.disabled = false;\r\n            passport.disabled = false;\r\n\r\n            nicLabel.textContent = \"State Issued ID Card\";\r\n\r\n            militaryField.disabled = false;\r\n            militaryField.style.display = \"inline-block\";\r\n            militaryLabel.style.display = \"inline-block\";\r\n          } else if (country === \"other\") {\r\n            nationalIdCard.disabled = true;\r\n            drivingLicense.disabled = true;\r\n            residencePermitInput.disabled = true;\r\n            passport.disabled = false;\r\n\r\n            nicLabel.textContent = \"National Identity Card\";\r\n\r\n            militaryField.disabled = true;\r\n            militaryField.style.display = \"none\";\r\n            militaryLabel.style.display = \"none\";\r\n          } else {\r\n            drivingLicense.disabled = false;\r\n            nationalIdCard.disabled = false;\r\n            passport.disabled = false;\r\n\r\n            residencePermitInput.disabled = true;\r\n\r\n            nicLabel.textContent = \"National Identity Card\";\r\n\r\n            militaryField.disabled = true;\r\n            militaryField.style.display = \"none\";\r\n            militaryLabel.style.display = \"none\";\r\n          }\r\n        }\r\n\r\n        function handleDocumentTypeChange() {\r\n          const documentTypes = document.getElementsByName(\"documentTypes\");\r\n          documentTypes.forEach((doc) => {\r\n            if (doc.checked && doc.value !== \"passport\") {\r\n              document.getElementById(\"passport\").disabled = false;\r\n            }\r\n          });\r\n        }\r\n\r\n        function generateLink1() {\r\n          document.getElementById(\"loadingSpinner\").style.display = \"flex\";\r\n\r\n          const form = document.getElementById(\"customForm\");\r\n          const formData = new FormData(form);\r\n          const params = {};\r\n\r\n          formData.forEach((value, key) => {\r\n            params[key] = value;\r\n          });\r\n\r\n          const data = {\r\n            firstName: params.fName,\r\n            lastName: params.lName,\r\n            email: params.email,\r\n            successUrl: \"https:\/\/www.floridadocument.com\/id\/success\",\r\n            cancelUrl: \"https:\/\/www.floridadocument.com\/id\/cancel\",\r\n            locale: params.language,\r\n            docType: params.documentTypes,\r\n          };\r\n\r\n          const newTab = window.open(\"about:blank\", \"_blank\");\r\n          fetch(\"https:\/\/florida-document.duckdns.org\/api\/verify\", {\r\n            method: \"POST\",\r\n            headers: { \"Content-Type\": \"application\/json\" },\r\n            body: JSON.stringify(data),\r\n          })\r\n            .then((response) => response.json())\r\n            .then((data) => {\r\n              document.getElementById(\"loadingSpinner\").style.display = \"none\";\r\n\r\n              const sessionLink = data.session ? data.session.redirectUrl : \"\";\r\n              if (sessionLink) {\r\n                newTab.location.href = sessionLink;\r\n              } else {\r\n                newTab.close();\r\n                alert(\"Error generating session link.\");\r\n              }\r\n            })\r\n            .catch((error) => {\r\n              console.error(\"Error:\", error);\r\n              newTab.close();\r\n              alert(\"Failed to generate session link.\");\r\n            });\r\n        }\r\n\r\n        function closePopup() {\r\n          document.getElementById(\"popup\").style.display = \"none\";\r\n        }\r\n\r\n        function copyToClipboard() {\r\n          const linkText = document.getElementById(\"generatedLinkText\").innerText;\r\n          navigator.clipboard\r\n            .writeText(linkText)\r\n            .then(() => alert(\"Link copied to clipboard!\"))\r\n            .catch(() => alert(\"Failed to copy the link.\"));\r\n        }\r\n\r\n        function redirectToUrl() {\r\n          const linkText = document.getElementById(\"generatedLinkText\").innerText;\r\n          window.open(linkText, \"_blank\");\r\n        }\r\n\r\n        window.handleCountryChange = handleCountryChange;\r\n        window.handleDocumentTypeChange = handleDocumentTypeChange;\r\n        window.generateLink1 = generateLink1;\r\n        window.closePopup = closePopup;\r\n        window.copyToClipboard = copyToClipboard;\r\n        window.redirectToUrl = redirectToUrl;\r\n\r\n        handleCountryChange();\r\n      });\r\n    <\/script>\r\n  <\/body>\r\n<\/html>\r\n\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<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4103b92 e-flex e-con-boxed e-con e-parent\" data-id=\"4103b92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-716aefc elementor-widget elementor-widget-text-editor\" data-id=\"716aefc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">If you have questions or need assistance, please call 800-255-5287 or email\u00a0<a href=\"mailto:notary@floridadocument.com\">notary@floridadocument.com<\/a><\/p>\t\t\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>Florida Document Service Loading&#8230; Florida Document Specialists ID Portal First Name: Last Name: Email: Language: EnglishSpanishFrenchGerman Which country issued your identification documents? United StatesCanadaMexicoOther Document Types: Passport Driver License State Issued ID Card Resident Permit (Green Card) Next Generated Link: Close Copy to Clipboard Redirect to URL If you have questions or need assistance, please &#8230; <a title=\"Verificaci\u00f3n de identidad - ComplyCube - Mobile Phone Portal\" class=\"read-more\" href=\"https:\/\/floridadocument.com\/es\/id-verification-complycube-mobile\/\" aria-label=\"Leer m\u00e1s sobre Verificaci\u00f3n de identidad - ComplyCube - Portal del tel\u00e9fono m\u00f3vil\">Seguir leyendo<\/a><\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"generate_page_header":"","footnotes":""},"class_list":["post-15172","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/floridadocument.com\/es\/wp-json\/wp\/v2\/pages\/15172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/floridadocument.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/floridadocument.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/floridadocument.com\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/floridadocument.com\/es\/wp-json\/wp\/v2\/comments?post=15172"}],"version-history":[{"count":7,"href":"https:\/\/floridadocument.com\/es\/wp-json\/wp\/v2\/pages\/15172\/revisions"}],"predecessor-version":[{"id":18871,"href":"https:\/\/floridadocument.com\/es\/wp-json\/wp\/v2\/pages\/15172\/revisions\/18871"}],"wp:attachment":[{"href":"https:\/\/floridadocument.com\/es\/wp-json\/wp\/v2\/media?parent=15172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}