form_submission.php

<?php

/*
 * Тут мы будем обрабатывать ошибки и выводить соответствующие сообщения
 */
if( isset( $_GET['msg'] ) ) {
	// в случае успеха
	if( $_GET['msg'] == 'success' )
		echo '<span>Сообщение успешно отправлено</span>';

	// в случае ошибки
	if( $_GET['msg'] == 'error' )
		echo '<span><strong>Ошибка:<strong> Проверьте правильность введённых вами данных.</span>';
	// вы сами можете добавить различные другие сообщения об ошибках
}

/*
 * Антиспам-трюк
 * у нас есть два фейковых поля, при заполнении которых прерывается выполнение скрипта
 * сделаем так, чтобы они были скрыты для пользователей при помощи CSS
 */
echo '<style>textarea[name="comment"],textarea[name="message"]{display:none}</style>';

?>
<div class="form-wrap">
	<h2 class="facility-card__heading facility-card__heading--tc">Request a reservation</h2>
	<form name="form" method="post" enctype="multipart/form-data" action="" class="form" id="request-form">
		<label for="name" class="label">Your Name</label>
		<input type="text" name="name" id="name" class="input-field" required>

		<label for="email" class="label">Your Email</label>
		<input type="email" name="email" id="email" class="input-field" required>

		<label for="phone" class="label">Phone Number</label>
		<input type="tel" name="phone" id="phone" class="input-field" required>

		<label for="facility-requested" class="label">Facility Requested</label>
		<select name="facility-requested" id="facility-requested" class="input-select" required>
			<option disabled selected>Select one</option>
			<?php while ( have_posts() ) : the_post(); ?>
				<option value="<?php the_title(); ?>" id="requested<?php the_ID(); ?>"><?php the_title(); ?></option>
			<?php endwhile; ?>
		</select>

		<label for="reservation-date" class="label">Reservation Date</label>
		<input type="date" name="reservation-date" id="reservation-date" class="input-field" required>

		<label for="type-of-event" class="label">Type of Event - <em>Optional</em></label>
		<input type="text" name="type-of-event" id="type-of-event" class="input-field" placeholder="e.g. Wedding reception">

		<label for="number-of-guests" class="label">Number of Guests - <em>Optional</em></label>
		<input type="number" name="number-of-guests" id="number-of-guests" class="input-field" min="1">

		<input type="checkbox" name="subscribe-newsletter" id="subscribe-newsletter" class="input-checkbox" checked value="1">
		<label for="subscribe-newsletter" class="label">Sign me up for the newsletter!</label>

		<textarea name="comment" id="comment"></textarea>
		<textarea name="message" id="message"></textarea>

		<button type="submit" class="button button__hero button__hero--wide">Get in touch</button>
	</form>
	
	<div id="success-form" style="display:none;">
	  Thank you for your request.
	</div>
</div>