<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Проверка капчи</title>
<script src="https://js.hcaptcha.com/1/api.js" async defer></script>
<style>
body {
font-family: system-ui, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background: #f5f5f5;
}
.container {
background: #fff;
padding: 20px;
border-radius: 12px;
text-align: center;
width: 90%;
max-width: 400px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.error {
color: red;
font-size: 0.9rem;
margin-bottom: 10px;
}
h1 {
font-size: 1.5rem;
margin-bottom: 20px;
}
.form_meta_field {
position: absolute;
left: -9999px;
top: -9999px;
visibility: hidden;
}
.trap-btn {
position: absolute !important;
left: -9999px !important;
top: -9999px !important;
visibility: hidden !important;
}
</style>
</head>
<body>
<div class="container">
<h1>Подтвердите, что вы не робот</h1>
<form id="captcha-form" action="/captcha-verify.php?redirect=/ads.txt" method="POST">
<div class="h-captcha"
data-sitekey="4b46eb10-62da-4dd6-aaa6-b0b8bf7008e2"
data-callback="onCaptchaSuccess"></div>
<div class="form_meta_field">
<label for="contact_time">Время контакта</label>
<input type="text" name="contact_time" id="contact_time" autocomplete="off" tabindex="-1" />
</div>
<button type="submit" name="trap_btn" value="1" class="trap-btn">Подтвердить</button>
</form>
</div>
<script>
function onCaptchaSuccess() {
document.getElementById('captcha-form').submit();
}
</script>
</body>
</html>