
<div class="modal fade" id="viewUserModal" tabindex="-1" aria-labelledby="viewUserModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="viewUserModalLabel">User Details</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
          <div class="alert alert-success d-none" id="viewSuccessArea">Success</div>
          <div class="alert alert-danger d-none" id="viewErrorArea">Failed</div>
          <div class="container-fluid">
          <div class="row">   
          <div class="col-md-12">   
          
          </div>
              <h3>User Details</h3>
              <!-- <p>User Details</p>           -->
          </div>  
        </div>
      </div>

      <div class="modal-footer">  
        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>          

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