<!DOCTYPE html>
<html lang="en">
<head>
    <title>Domain Suspended</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
    <script src="https://kit.fontawesome.com/4d31599ba7.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="/public/css/main.css;jsessionid=3B3C9B93D21113FBF1BE5C8B63CC909E"/>
    <link rel="icon" href="/public/images/favicon.png;jsessionid=3B3C9B93D21113FBF1BE5C8B63CC909E"/>
</head>
<body>

<nav class="navbar bg-teamblue" data-bs-theme="dark">
    <div class="container-fluid d-flex justify-content-between">
        
        <a class="navbar-brand" href="#">Domain Suspended</a>

        <!-- slot for optional language picker -->
        <div><div>
        <form method="get" class="d-inline">

    
    
    
    <button class="btn btn-outline-light btn-sm dropdown-toggle"
            type="button" id="langToggle"
            data-bs-toggle="dropdown" aria-expanded="false">
        <span>English</span>
    </button>

    <ul class="dropdown-menu dropdown-menu-dark dropdown-menu-end"
        aria-labelledby="langToggle">

        <!-- English -->
        <li>
            <button class="dropdown-item active" type="submit"
                    name="lang" value="en">English</button>
        </li>

        <!-- Italian -->
        <li>
            <button class="dropdown-item" type="submit"
                    name="lang" value="it">Italiano</button>
        </li>

        <!-- French -->
        <li>
            <button class="dropdown-item" type="submit"
                    name="lang" value="fr">Français</button>
        </li>

        <!-- Deutsch -->
        <li>
            <button class="dropdown-item" type="submit"
                    name="lang" value="de">Deutsch</button>
        </li>

        <!-- Spanish -->
        <li>
            <button class="dropdown-item" type="submit"
                    name="lang" value="es">Español</button>
        </li>

        <!-- Catalan -->
        <li>
            <button class="dropdown-item" type="submit"
                    name="lang" value="ca">Català</button>
        </li>

        <!-- Portuguese -->
        <li>
            <button class="dropdown-item" type="submit"
                    name="lang" value="pt">Português</button>
        </li>

        <!-- Nederlands -->
        <li>
            <button class="dropdown-item" type="submit"
                    name="lang" value="nl">Nederlands</button>
        </li>

        <!-- Danish -->
        <li>
            <button class="dropdown-item" type="submit"
                    name="lang" value="da">Danish</button>
        </li>

        <!-- Greek -->
        <li>
            <button class="dropdown-item" type="submit"
                    name="lang" value="el">Ελληνικά</button>
        </li>

        <!-- Swedish -->
        <li>
            <button class="dropdown-item" type="submit"
                    name="lang" value="sv">Svenska</button>
        </li>

        <!-- Norwegian -->
        <li>
            <button class="dropdown-item" type="submit"
                    name="lang" value="no">Norwegian</button>
        </li>
    </ul>
</form>
    </div></div>
    </div>
</nav>

<div class="container mt-3 d-flex justify-content-center align-items-center">
    <div class="row w-100">
        <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
            <div class="card mt-3 bg-warning-subtle border-warning">
                <div class="card-body">
                    <h2>
                        <i class="fa-solid fa-triangle-exclamation text-warning"></i>
                        <span>Domain has been suspended</span>
                    </h2>
                    <p class="text-muted">Verify your email address</p>
                    <p>To ensure the accuracy of the registration data and comply with applicable registry and regulatory requirements, domain registrars may require confirmation of the registrant&#39;s email address for new registrations or when the domain contact details are updated.</p>
                    <p>This domain has been suspended because the email address associated with the registrant has not been verified within the required timeframe following registration or a change to the domain&#39;s contact information.</p>
                </div>
            </div>
            <hr/>
            <div class="row">
                <div class="col">
                    <h4>Are you the domain owner?</h4>
                    <p>Click on &quot;Send verification email&quot; to receive a confirmation message at the registrant&#39;s email address. Once the email address has been verified, the reactivation process will begin automatically. The domain should return online within 24–48 hours, subject to technical propagation times.</p>
                </div>
            </div>
            <hr/>
            <div class="row">
                <div class="col">
                    
                    <form action="/public/email-suspension/resend;jsessionid=3B3C9B93D21113FBF1BE5C8B63CC909E" method="post">
                        <div class="g-recaptcha mb-3"
                             data-sitekey="6LdekVIUAAAAAEL9Way2ClKLLwbL1OZrbDB8GbtY"
                             data-callback="onCaptchaSuccess"
                             data-expired-callback="onCaptchaExpired">
                        </div>
                        <input type="hidden" id="recaptchaResponse" name="recaptchaResponse" value="">
                        <button id="send-button" type="submit" class="btn btn-danger text-uppercase" disabled>Send verification email</button>
                    </form>
                </div>
            </div>
            
            
            
        </div>
    </div>
</div>

<script src='https://www.google.com/recaptcha/api.js'></script>
<script type="text/javascript">
    function onCaptchaSuccess(token) {
        var btn = document.getElementById('send-button');
        if (btn) btn.disabled = false;

        var hidden = document.getElementById('recaptchaResponse');
        if (hidden) hidden.value = token;
    }

    function onCaptchaExpired() {
        var btn = document.getElementById('send-button');
        if (btn) btn.disabled = true;

        var hidden = document.getElementById('recaptchaResponse');
        if (hidden) hidden.value = '';
    }
</script>
</body>
</html>
