<!-- Reservation -->
	<h2>Make an Appointment</h2>
                    1
                <h4>Select Date / Time slot</h4>
                <p>Choose the type of service and your staff along with the time slot</p>
                    2
                <h4>Fill Contact Details</h4>
                <p>Fill in your personal details and brief description of your treatment needed</p>
                    3
                <h4>Check Details</h4>
                <p>Proof read the details about the choosen staff, service &amp; personal details</p>
        <p>All fields are mandatory</p>
            <input value="Go Back and edit" type="button" />
            <input type="hidden" value="true" name="appointment-step-checker"  id="appointment-step-checker"  />
            <input type="hidden" value="1" name="appointment-step"  id="appointment-step"  />
            <h2>Select Service &amp; Date</h2>
                <form name="dt-sc-appointment-scheduler-form" method="post">
                        <select name="serviceid" id="serviceid">
                            <option value="">Select Service</option>                                        <option value="628" >Hot Stone Massage - &#36;55.0</option>                                        <option value="627" >Oriental Spa Manicure - &#36;30.0</option>                                        <option value="626" >Master Therapy Massage - &#36;30.0</option>                                        <option value="625" >Collgen Mask Upgrade - &#36;50.0</option>                                        <option value="624" >Gem Stone Massage - &#36;55.0</option>                                        <option value="623" >Intensive Moisture Treatment - &#36;60.0</option>                                        <option value="621" >Hot Poultice Massage - &#36;55.0</option>                                        <option value="609" >Reflexology - &#36;50.0</option>                                        <option value="521" >Deep Tissue Massage - &#36;30.0</option>                                        <option value="457" >Herbal Massage Therapy - &#36;60.0</option>                        </select>
                        <select name="staffid" id="staffid">
                            <option value="">Select Staff</option>                                    <option value="620" >Jian Hung Huo - &#36;30.0</option>                                    <option value="619" >Hai Han He - &#36;30.0</option>                                    <option value="618" >Feng Gua Hai - &#36;30.0</option>                                    <option value="615" >Fa Dong Cong - &#36;30.0</option>                                    <option value="613" >An Chao Chen - &#36;30.0</option>                                    <option value="607" >Bao Chen Cheng - &#36;30.0</option>                                    <option value="606" >Melissa Mc Chan - &#36;30.0</option>                                    <option value="605" >Melwyn Mccarthy - &#36;30.0</option>                                    <option value="600" >Su Hon Kim - &#36;30.0</option>                                    <option value="458" >Susan Delacour - &#36;30.0</option>                        </select>
                            <input type="text" id="datepicker" name="date" value="Select Date" required />
                    <p><input value="Check available time" type="button" /></p>
                    <input type="hidden" id="staffids" name="staffids" value="" />
                    <input type="hidden" id="serviceids" name="serviceids" value="" />
                </form>
            <h2>Contact Details</h2>
            <form name="dt-sc-appointment-contactdetails-form" method="post">
                    <input type="text" id="firstname" name="firstname" value="" placeholder="Name" required />
                    <input type="text" id="lastname" name="lastname" value="" placeholder="Last Name" required />
                    <input type="text" id="phone" name="phone" value="" placeholder="Phone" required />
                    <input type="text" id="emailid" name="emailid" value="" placeholder="Email" required />
                    <input type="text" id="address" name="address" value="" placeholder="Address" required />
                <p>A brief description about your reason of visit</p>
                    <textarea id="about_your_project" name="about_your_project" placeholder="Message" required></textarea>
                <p><input value="Submit Details" type="submit" /></p>
            </form>
            <h2>Confirm Details</h2>
                <input type="hidden" id="hid_firstname" name="hid_firstname" value="" />
                <input type="hidden" id="hid_lastname" name="hid_lastname" value="" />
                <input type="hidden" id="hid_phone" name="hid_phone" value="" />
                <input type="hidden" id="hid_emailid" name="hid_emailid" value="" />
                <input type="hidden" id="hid_address" name="hid_address" value="" />
                <input type="hidden" id="hid_about_your_project" name="hid_about_your_project" value="" />
                <img src="https://mg7717.dev34.info/wp-content/plugins/dt-booking-manager/css/images/loading_icon.gif" alt="loading" />
                <form name="dt-sc-about-project-form" method="post">
                    <p>
                        <input value="Check &amp; Confirm" type="submit" />
                    </p>
                </form>
            Success. You got a appointment to experience our excellent service.            
            Oops! You have cancelled the payment process :            
        <!-- Reservation -->