<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <form id="appointment_form" class="form">
            <div class="row">
                <div class="col-md-3">
                    <label class="form-label" for="txtname">First Name: </label>
                </div>
                <div class="col-md-3">
                    <input class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" id="txtfirstname" name="txtfirstname" value="">
                </div>
                <div class="col-md-3">
                    <label class="form-label" for="txtname">Last Name: </label>
                </div>
                <div class="col-md-3">
                    <input class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" id="txtlastname" name="txtlastname" value="">
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <label class="form-label" for="txtemail">Email: </label>
                </div>
                <div class="col-md-6">
                    <input class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" id="txtemail" name="txtemail" value="">
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <label class="form-label" for="txtcell">Cell Number: </label>
                </div>
                <div class="col-md-6">
                    <input class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" id="txtcell" name="txtcell" value="">
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <label class="form-label" for="txtbranchid">Branch: </label>
                </div>
                <div class="col-md-6">
                    <select class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" id="txtbranchid" name="txtbranchid">
                        <option url="https://skedwise.pengsalon.com" value="1">Peng Salon Clifton</option>
                        <option url="https://skedwise.pengsalon.com" value="2">Peng Salon DHA</option>
                        <option url="https://skedwise.pengsalon.com" value="3">Peng Salon Kh-e-Bukhari</option>
                        <option url="https://skedwise.pengsalon.com" value="4">Peng Salon MACHS</option>
                        <option url="https://men.pengsalon.com" value="2">Peng Men MACHS</option>
                        <option url="https://men.pengsalon.com" value="1">Peng Salon Tauheed</option>
                                                
                    </select>
                </div>
                
            </div>
            <div class="row">
                <div class="col-md-6">
                    <label class="form-label" for="txtdate">Date:</label>
                </div>
                <div class="col-md-6">
                    <input class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" name="txtdate" id="txtdate">
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <label class="form-label" for="txtdate">Time:</label>
                </div>
                <div class="col-md-6">
                    <select class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" name="txttime" id="txttime">
                        <option value="10:00:00">10:00 AM</option>
                        <option value="10:30:00">10:30 AM</option>
                        <option value="11:00:00">11:00 AM</option>
                        <option value="11:30:00">11:30 AM</option>
                        <option value="12:00:00">12:00 AM</option>
                        <option value="12:30:00">12:30 AM</option>
                        <option value="13:00:00">1:00 PM</option>
                        <option value="13:30:00">1:30 PM</option>
                        <option value="14:00:00">2:00 PM</option>
                        <option value="14:30:00">2:30 PM</option>
                        <option value="15:00:00">3:00 PM</option>
                        <option value="15:30:00">3:30 PM</option>
                        <option value="16:00:00">4:00 PM</option>
                        <option value="16:30:00">4:30 PM</option>
                        <option value="17:00:00">5:00 PM</option>
                        <option value="17:30:00">5:30 PM</option>
                        <option value="18:00:00">6:00 PM</option>
                        <option value="18:30:00">6:30 PM</option>
                        <option value="19:00:00">7:00 PM</option>
                        <option value="19:30:00">7:30 PM</option>
                    </select>
                </div>
            </div>
            <div class="mkdf-grid-col-12">
		<p><input class="wpcf7-form-control has-spinner wpcf7-submit" type="submit" value="Send"><span class="wpcf7-spinner"></span>
		</p>
            </div>
        </form>
    </body>
    <script>
        
         $(document).ready(function() {
             $("#txtdate").datetimepicker();
             $("txttime").timepicker();
         }
        
    </script>
</html>
