Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Request a PraestoScor External Scan</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background: #f4f7f9;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        .form-container {
            background: white;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
            max-width: 450px;
            width: 100%;
        }

        h2 {
            text-align: center;
            color: #333;
            margin-bottom: 10px;
        }

        p {
            text-align: center;
            font-size: 14px;
            color: #666;
            margin-bottom: 20px;
        }

        label {
            font-weight: bold;
            display: block;
            margin-top: 10px;
            font-size: 14px;
            color: #444;
        }

        input {
            width: 100%;
            padding: 12px;
            margin-top: 5px;
            border: 1px solid #ccc;
            border-radius: 6px;
            font-size: 14px;
            background: #f9f9f9;
        }

        input:focus {
            border-color: #007bff;
            outline: none;
        }

        button {
            width: 100%;
            padding: 12px;
            margin-top: 15px;
            background-color: #007bff;
            color: white;
            font-size: 16px;
            font-weight: bold;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            transition: background 0.3s ease-in-out;
        }

        button:hover {
            background-color: #0056b3;
        }

        .message {
            margin-top: 15px;
            font-size: 14px;
            text-align: center;
        }
    </style>
</head>
<body>

    <div class="form-container">
        <h2>Get a PraestoScor External Scan</h2>
        <p>Identify potential cybersecurity vulnerabilities before hackers do.</p>

        <form id="praestoScorForm">
            <label for="firstname">First Name*</label>
            <input type="text" id="firstname" name="firstname" required placeholder="Enter your first name">

            <label for="lastname">Last Name</label>
            <input type="text" id="lastname" name="lastname" placeholder="Enter your last name">

            <label for="mobile">Mobile Phone</label>
            <input type="tel" id="mobile" name="mobile" placeholder="Enter your mobile number">

            <label for="contactEmail">Business Email*</label>
            <input type="email" id="contactEmail" name="contactEmail" required placeholder="Enter your email">

            <label for="organizationName">Company Name*</label>
            <input type="text" id="organizationName" name="organizationName" required placeholder="Enter your company name">

            <label for="domain">Business Website URL*</label>
            <input type="url" id="domain" name="domain" required placeholder="Enter your website URL">

            
            <input type="hidden" name="leadsource" value="PraestoScor form">

            <button type="submit">Get My PraestoScor Report</button>
        </form>

        <div id="message" class="message"></div>
    </div>

    <script>
        document.getElementById('praestoScorForm').addEventListener('submit', function(event) {
            event.preventDefault();

            const formData = new FormData(this);

            // Telivy API Data
            const telivyData = {
                agentId: "00705cf4-3543-46ee-9bd4-d0be1f456a88",
                utmSource: "praestopros-form",
                organizationName: formData.get("organizationName"),
                contactEmail: formData.get("contactEmail"),
                domain: formData.get("domain")
            };

            // Vtiger CRM Data
            const crmData = new FormData();
            crmData.append("__vtrftk", "sid:dd624791d8d55ecaa92449e8a7728b7a182316fe,1742415588");
            crmData.append("publicid", "1576bef39e471d6342c8b315fb779545");
            crmData.append("urlencodeenable", "1");
            crmData.append("name", "PraestoScor Form");
            crmData.append("firstname", formData.get("firstname"));
            crmData.append("lastname", formData.get("lastname"));
            crmData.append("mobile", formData.get("mobile"));
            crmData.append("email", formData.get("contactEmail"));
            crmData.append("company", formData.get("organizationName"));
            crmData.append("website", formData.get("domain"));
            crmData.append("leadsource", "PraestoScor form");
            crmData.append("current_url", window.location.href);

            // API Calls
            const telivyAPI = fetch("https://api-v1.telivy.com/api/v1/applications/public", {
                method: "POST",
                headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' },
                body: JSON.stringify(telivyData)
            });

            const crmAPI = fetch("https://guard.360vew.com/modules/Webforms/capture.php", {
                method: "POST",
                body: crmData,
                mode: "no-cors"
            });

            // Send both API requests
            Promise.all([telivyAPI, crmAPI])
                .then(responses => {
                    document.getElementById('message').innerHTML = "<p style='color: green;'>Your request was successfully submitted.</p>";
                    setTimeout(() => window.location.href = "https://praesto.pro/praestoscor-thank-you", 2000);
                })
                .catch(error => {
                    document.getElementById('message').innerHTML = "<p style='color: red;'>Something went wrong. Please try again.</p>";
                    console.error('Error with API calls:', error);
                });
        });
    </script>

</body>
</html>