Necesito ayuda con un Formulario de Contacto HoneyPot, el submit no funciona.

CODIGO PHP:

<?php

// If the form is submitted, send the message.
require_once('./include/phpmailer/class.phpmailer.php');
if (isset($_POST['submit_contact_form']) && empty($_POST['thewall']))
{
$mail = new PHPMailer();
$mail -> IsHTML (true);
$mail -> From = $_POST['email'];
$mail -> FromName = ucwords($_POST['name']);
$mail -> Subject = 'CONTACT FORM SUBJECT';
$mail -> Body = 'Name: '.$_POST['name'].'<br />Email: '.$_POST['email'].'<br />Phone: '.$_POST['asunto'].'<br />message:'.$_POST['message'];
$mail -> AddAddress ('mi@email.com');

if ($mail -> send()) {
header('Location: https://www.mi-web.com/gracias-mensaje.html');
die();
}
else {
echo '<p>Tu mensaje no fue enviado!.</p>';
echo '<pre>';
echo 'Error: '. $mail->ErrorInfo;
echo '</pre>';
echo '<p>Vuelve a la pagina de contacto dando click en <a href="https://www.mi-weby.com/contacto.html">here</a>.';
die();
}
}

?>


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
CODIGO HTML:

<h1>CONTACTANOS</h1>
<form id="contact_form" action="contactform.php" method="post" accept-charset="UTF-8">
<div class="form-group"><label for="name"></label><input type="text" class="form-control req-1" name="name" id="name" placeholder=" *Tu nombre" /></div>

<div class="form-group"><label for="email"></label><input type="email" class="form-control req-1" name="email" id="email" placeholder=" *Tu e-mail"/></div>

<div class="form-group"><label for="phone"></label><input type="text" class="form-control req-1" name="phone" id="phone" placeholder=" *Asunto" /></div>

<div class="form-group thewall"><label for="thewall"></label><input type="text" class="form-control" name="thewall" /></div>

<div class="form-group"><label for="message"></label><textarea placeholder=" *Escribe Tu Mensaje" class="form-control req-2" name="message" id="message" rows="6"></textarea></div>

<div class="form-group"><input type="submit" class="form-control req-b" name="submit_contact_form" id="submit_contact_form" value="ENVIAR" disabled="disabled" /></div>
<br>
<br>
<br>
<br>
<a href="index.html">Click aqui para regresar al menu</a>
</form>
</div>
<script>
(function() {
$('#contact_form .req').keyup(function() {
var empty = false;
$('#contact_form .req').each(function() {
if ($(this).val() == '') {
empty = true;
}
});
if (empty) {
$('#submit_contact_form').attr('disabled', 'disabled');
} else {
$('#submit_contact_form').removeAttr('disabled');
}
});
}

)() $('.alert .close').click(function() {
$('.alert').hide();
}

);

</script>


xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
CSS:


* {
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif!important;
}

.thewall {
left: -9999px;
position: absolute;
top: -9999px;
visibility: hidden;
}

::-moz-placeholder {
letter-spacing: 2px;
}

::-ms-input-placeholder {
letter-spacing: 2px;
}

:-moz-placeholder {
letter-spacing: 2px;
}

:-ms-input-placeholder {
letter-spacing: 2px;
}

body {
background: #fff;
}

h1 {
color: #FFDD57;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 45px;
font-size: 25px;
}

.columna-formulario {
background: #252525;
margin: 150px 0 0 700px;
width: 620px;
height: 580px;
}

.req-1 {
width: 536px;
height: 40px;
}

.req-2 {
width: 535px;
height: 135px;
}

.req-b {
margin-top: 100px;
width: 110px;
height: 43px;
background: #FFDD57;
color: #000;
font-style: bold;
border: none;
transition: 0.5s;
}

.req-b:hover {
margin-top: 100px;
width: 110px;
height: 43px;
background: #fff;
color: #FFDD57;
border: none;
transition: 0.5s;
}

a {
text-decoration: none;
color: white;
padding-left: 45px;
}

a:hover {
text-decoration: underline;
color: #FFDD57;
padding-left: 45px;
}

.form-group {
width: 200px;
height: 70px;
padding-left: 45px;
}

xxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Desde ya, gracias por la ayuda!!

No tendria q se !empty($_POST['thewall']) osea si no esta vacio??

<div class="form-group"><input type="submit" class="form-control req-b" name="submit_contact_form" id="submit_contact_form" value="ENVIAR" disabled="disabled" /></div> 😕