sa<script>
function validate() {
    var section_name = $('#city').val();
    if (section_name == '') {
        BootstrapDialog.alert('Please Enter city Name .!!!');
        return false;
    }

    save_section();
}
</script>



<style>
#modal-add-city {
    overflow-y: scroll;
}
</style>

<div class="modal fade" id="modal-add-city" role="dialog" aria-hidden="true">
    <form role="form" id="city_form" name="city_form" action="#" method="post">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="widget-header">
                    <h5 class="widget-title">Employee Appointment</h5>
                    <div class="widget-toolbar">
                        <div class="widget-menu">
                            <a href="#" class="close" data-action="close" data-dismiss="modal">
                                <i class="ace-icon fa fa-times"></i>
                            </a>

                        </div>
                    </div>
                </div>
                <div class="modal-body">


                    <div class="form-group">
                        <label for="city ">Appointment Date</label>
                        <input type="hidden" class="form-control" name="city_id" id="city_id" value="" />
                        <input type="text" readonly class="form-control" name="appointment_date" id="appointment_date" value="" />
                    </div>

                    <div class="form-group">
                        <label for="user_role"> Time </label>
                        <input type="text"  readonly class="form-control" name="time" id="time" value="" />
                    </div>

                    <div class="form-group">
                        <label for="user_role">Patient Name</label>
                        <input type="text" readonly class="form-control" name="patient_name " id="patient_name" value="" />
                    </div>

                    <div class="form-group">
                        <label for="user_role"> Doctor Name </label>
                        <input type="text" readonly class="form-control" name="doctor_name" id="doctor_name" value="" />
                    </div>
                    <div class="form-group">
                        <label for="user_role"> Appointment Type </label>
                        <input type="text" readonly class="form-control" name="app_type" id="app_type" value="" />
                    </div>
                  
                        <div class="form-group">
                        <label for="user_role"> Status </label>
                        <select name="status" id="status" class="form-control">
                            <option value="BOOKED" >Pending</option>
                            <option value="DRA">Done Appointment</option>
                            <option value="CANCELLED">Cancel Appointment</option>
                        </select>
                     
                    </div>
               
                </div>
                <div class="widget-toolbox padding-8 clearfix">
                    <button type="button" class="btn btn-info btn-sm save_button" onclick="validate();"><i
                            class="ace-icon fa fa-floppy-o bigger-110"></i>Save </button>
                    <button type="button" class="btn btn-danger  btn-sm" data-dismiss="modal"><i
                            class="ace-icon fa fa-times bigger-110"></i>Cancel</button>
                </div>

            </div>
        </div>
    </form>
</div>