<div class="modal fade" id="cancelWarningModal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Cancel Appointment Confirmation</h4>
            </div>
            <div class="modal-body" id="appendSavedCardsDiv">
                <!-- Append Here -->
            </div>
            <div class="modal-footer">
                <button type="button" id="proceedBtn" data-appt_pur_ids="" class="btn btn-primary" onclick="cancelMyAppointment();">Yes, Proceed</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="booking_error_modal" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Appointment Booking Error</h4>
            </div>
            <div class="modal-body" id="booking_error_modalBody">
                <!-- Append Here -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Dismiss</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="addChildDetailsModal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"> Update Team Children Details</h4>
            </div>
            <div class="modal-body" id="appendChildDetailsDiv">
                <!-- Append Here -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="addChildDetails();">Update</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="addNewChildModal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"> Add New Children</h4>
            </div>
            <div class="modal-body">
                <form id="createChild" method="POST" enctype="multipart/form-data">
                    <div id="appendNewChildDiv">
                        <!-- Append Here -->
                    </div>
                </form>

                <div class="row">
                    <div class="col-md-4 pull-left">
                        <div class="form-group">
                            <button type="button" class="btn btn-primary" onclick="openNewChildModel(1);">+ Add Another</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="saveChild()">Add</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="addchild_error_modal" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Add Child Error</h4>
            </div>
            <div class="modal-body" id="addchild_error_modalBody">
                <!-- Append Here -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Dismiss</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="viewChildDetailsModal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"> All Children Details </h4>
                <!-- <h5>(for Individual and Personal Packages)</h5> -->
            </div>
            <div class="modal-body" id="appendviewChildDetailsDiv">
                <!-- Append Here -->
            </div>

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