<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html
    xmlns="http://www.w3.org/1999/xhtml"
    xml:lang="en"
    version="XHTML+RDFa 1.0"
    xmlns:addthis="http://www.addthis.com/help/api-spec"
    xmlns:fb="http://www.facebook.com/2008/fbml"
>
<head>
    <link rel="stylesheet" type="text/css" href="/fct/css/confirmation.css"  charset="utf-8" />
</head>
<body>
    <form method="POST" action="">
    <input type="hidden" name="h" value="1">
    <div id="dialog-overlay" class="dialog-overlay">
        <div id="dialog-box" class="dialog-box">
            <div class="dialog-content">
                <h2 class="dialog-title">Open this link?</h2>
                <p class="dialog-message">
                    This will take you to<br>
                    https://rt.chat-rulet-18.com/bondage
                </p>
                <div class="dialog-buttons">
                    <button type="submit" id="continue-btn" class="button continue-button">Continue</button>
                    <button id="cancel-btn" class="button cancel-button">Cancel</button>
                </div>
            </div>
        </div>
    </div>
    </form>
    <script>
        const dialogOverlay = document.getElementById("dialog-overlay");
        const dialogBox = document.getElementById("dialog-box");
        const cancelBtn = document.getElementById("cancel-btn");
        cancelBtn.addEventListener("click", function(e) {
            e.preventDefault();
            dialogOverlay.classList.add("fade-out");
            dialogBox.classList.add("slide-down");
            setTimeout(function() {
                dialogOverlay.style.display = "none";
            }, 300);
        });
    </script>
</body>