yukarıda attıgım kodlar için örnek modal . boostrap a uygun. gerekli scriptleri de head içine eklemeniz lazım.


<div class="modal fade" id="passwordModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Update Password</h5>

</div>
<div class="modal-body">
<input type="hidden" id="passwordMemberId">
<p><strong>Full Name:</strong> <span id="passwordMemberName"></span></p>
<p><strong>Role:</strong> <span id="passwordMemberRole"></span></p>
<div class="mb-3">
<label for="newPassword" class="form-label">New Password</label>
<div class="input-group">
<input type="password" class="form-control" id="newPassword" required>
<button class="btn btn-outline-secondary" type="button" id="togglePassword"><i class="bi bi-eye"></i></button>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">CLOSE</button>
<button type="button" class="btn btn-primary" id="updatePasswordBtn">UPDATE</button>
</div>
</div>
</div>
</div>