<form id="appointment-form" method="post" action="http://hr2050.com/wp-admin/admin-post.php">
 <input type="hidden" id="book_appointment_nonce" name="book_appointment_nonce" value="1e390e6115" /><input type="hidden" name="_wp_http_referer" value="/book-appointment/amp/" /> <input type="hidden" name="action" value="submit_appointment_booking"> <!-- Custom form action -->

 
 <h3>Select Service</h3>
 <select name="service_id" id="service-select" required>
 <option value="">Select a service</option>
 </select>

 <h3>Select Date</h3>
 <input type="date" name="booking_date" required>

 <h3>Select Time</h3>
 <input type="time" id="booking_time" step="900" name="booking_time" required>

 <h3>Enter Your Details</h3>
 <label for="name">Name:</label>
 <input type="text" name="name" id="name" required />

 <label for="email">Email:</label>
 <input type="email" name="email" id="email" required />

 <label for="phone">Phone:</label>
 <input type="tel" name="phone" id="phone" required />

 <h3>Summary</h3>
 <div id="appointment-summary">
 <p><strong>Service:</strong> <span id="selected-service"></span></p>
 <p><strong>Price:</strong> $<span id="selected-price"></span></p>
 <p><strong>Date:</strong> <span id="selected-date"></span></p>
 <p><strong>Time:</strong> <span id="selected-time"></span></p>
 </div>

 <button type="submit" name="book_appointment">Book Appointment</button>
 
 </form>