<div style="display: none;">
    <!-- update account details Button trigger modal -->
    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#editAccountDetailsModal" id="editAccountDetailsModalBtn">
        Launch static backdrop modal
    </button>

    <!-- update email Button trigger modal -->
    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#editEmailModal" id="editEmailModalBtn">
        Launch static backdrop modal
    </button>

    <!-- update email verification code Button trigger modal -->
    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#editEmailVerificationModal" id="editEmailVerificationModalBtn">
        Launch static backdrop modal
    </button>

    <!-- change password button trigger modal  -->
    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#changePasswordModal" id="changePasswordModalBtn">
        Launch static backdrop modal
    </button>

    <!-- change password success button trigger modal -->
    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#changePasswordSuccessModal" id="changePasswordSuccessModalBtn">
        Launch static backdrop modal
    </button>

    <!-- close account button trigger modal -->
    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#closeAccountModal" id="closeAccountModalBtn">
        Launch static backdrop modal
    </button>

    <!-- close account verification button trigger modal -->
    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#closeAccountVerificationModal" id="closeAccountVerificationModalBtn">
        Launch static backdrop modal
    </button>
</div>
  
<!-- update account details Modal -->
<div id="editAccountDetailsModalDiv"></div>
<div id="editEmailModalDiv"></div>
<div id="verifyEditEmailModalDiv"></div>
<div id="changePasswordModalDiv"></div>
<div id="closeAccountModalDiv"></div>
<div id="closeAccountVerificationModalDiv"></div>


<!-- Change Password Success Modal -->
<div class="modal fade" id="changePasswordSuccessModal" tabindex="-1" aria-labelledby="changePasswordSuccessModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="changePasswordSuccessModalLabel">Request Successful</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body text-center">
            You have successfully changed your password.
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-outline-dark btn-sm" data-bs-dismiss="modal">Close</button>
        </div>
        </div>
    </div>
</div>