Order form in MODX with custom hook VAT check

<div id="order_form_outer">
	<div id="order_form_thankyou" style="display: none;">
		<h3>Your order has been send</h3>
	</div>
	<div id="order_form">
		[[!AjaxForm?
			&snippet=`FormIt`
			&hooks=`spam,btwNrCheck,email`
			&form=`order_form`
			&validationErrorMessage=`Sorry something went wrong.`
			&successMessage=`Your order has been send.`
			&emailTpl=`order_form_email`
			&emailHtml=`1`
			&emailSubject=`New order from [[+name]]`
			&emailTo=`[[++email_trading]]`
			&validate=`name:required,email:email:required,country:required`
		]]
	</div>
</div>

<form id="order_form_inner" action="[[~[[*id]]]]#order_form_outer" method="post" data-fv-framework="foundation">
    <label>
        Name: [[!+fi.error.name:notempty=`<span class="label alert">[[!+fi.error.name]]</span>`]]
        <input type="text" name="name" id="name" value="[[!+fi.name:htmlent]]" tabindex="1" placeholder="Fill in your full name" />
    </label>
    <label>
        E-mail: [[!+fi.error.email:notempty=`<span class="label alert">[[!+fi.error.email]]</span>`]]
        <input type="email" name="email" id="email" value="[[!+fi.email:htmlent]]" tabindex="2" placeholder="Fill in your e-mail" />
    </label>
    <label>
        Country: [[!+fi.error.country:notempty=`<span class="label alert">[[!+fi.error.country]]</span>`]]
        <select name="country" id="country" tabindex="3">
            [[!FormItCountryOptions?
                &selected=`NL`
                &prioritized=`NL,DE,FR,GB,BE`
            ]]
        </select>
    </label>
    <label id="vat_outer">
        VAT number: [[!+fi.error.vat:notempty=`<span class="label alert">[[!+fi.error.vat]]</span>`]]
        <input type="text" name="vat" id="vat" value="[[!+fi.vat:htmlent]]" tabindex="11" placeholder="Fill in your VAT number" data-fv-vat="true" data-fv-vat-country="country" data-fv-vat-message="The VAT number is not valid" />
    </label>
    <input type="submit" value="Send order" class="button" tabindex="4" />
</form>

<h3>New order</h3>
<p>Name: [[+name]] <br>
E-mail: <a href="mailto:[[+email]]">[[+email]]</a> <br>
Country: [[+country]] <br>
VAT: [[+vat]]</p>

<php
// Get country dropdown and set as variable
$country = $hook->getValue('country');
// If EU country is selected...
if (in_array($country, ['NL', 'AT', 'BE', 'BR', 'BG', 'HR', 'CY', 'CZ', 'DK', 'EE', 'FI', 'FR', 'DE', 'GR', 'HU', 'IS', 'IE', 'IT', 'LV', 'LT', 'LU', 'NL', 'NO', 'PL', 'PT', 'RO', 'RU', 'RS', 'SK', 'SI', 'ZA', 'ES', 'SE', 'CH', 'GB', 'VE'])) {
	// Put VAT input field in variable
	$vat = $hook->getValue('vat');
	// If the VAT is empty, give error
	if (empty($vat)) {
		$hook->addError('vat', 'VAT can not be empty');    
		return false;        
	}
}
// If country not EU or VAT not empty set validation as true
return true;
?>

// Order form JS

// Wait till AjaxForm is finished
$(document).on('af_complete', function(event, response) {
	var form = response.form;
	// If has error
	if(!response.success){
		// Log an error message
		console.log('Error');
	}
	// If no error
	else {
		// Hide the order form
		$("#order_form").slideUp();
		// Show the thank you message
		$("#order_form_thankyou").slideDown();
	}
});

// Wait for page to load
$(document).ready(function() {

	// Revalidate vat number when changing the country
	.on('change', '[name="country"]', function(e) {
		$('#order_form_inner').formValidation('revalidateField', 'vat');
	});

	// Hide VAT field if not EU country
	$(function() {
    	$("select[name=country]").change(function() {
			if(
				$(this).val() ===  "AT" || 
				$(this).val() ===  "BE" || 
				$(this).val() ===  "BR" || 
				$(this).val() ===  "BG" || 
				$(this).val() ===  "HR" || 
				$(this).val() ===  "CY" || 
				$(this).val() ===  "CZ" || 
				$(this).val() ===  "DK" || 
				$(this).val() ===  "EE" || 
				$(this).val() ===  "FI" || 
				$(this).val() ===  "FR" || 
				$(this).val() ===  "DE" || 
				$(this).val() ===  "GR" || 
				$(this).val() ===  "HU" || 
				$(this).val() ===  "IS" || 
				$(this).val() ===  "IE" || 
				$(this).val() ===  "IT" || 
				$(this).val() ===  "LV" || 
				$(this).val() ===  "LT" || 
				$(this).val() ===  "LU" || 
				$(this).val() ===  "NL" || 
				$(this).val() ===  "NO" || 
				$(this).val() ===  "PL" || 
				$(this).val() ===  "PT" || 
				$(this).val() ===  "RO" || 
				$(this).val() ===  "RU" || 
				$(this).val() ===  "RS" || 
				$(this).val() ===  "SK" || 
				$(this).val() ===  "SI" || 
				$(this).val() ===  "ZA" || 
				$(this).val() ===  "ES" || 
				$(this).val() ===  "SE" || 
				$(this).val() ===  "CH" || 
				$(this).val() ===  "GB" || 
				$(this).val() ===  "VE"
			){
				$("#vat_outer").show();
			} else {
				$("#vat_outer").hide();
			}
		});
	});
});