@props(['title'])
<!-- Modal -->
<div class="modal fade" id="editProfileModal" data-bs-backdrop="static" tabindex="-1" aria-labelledby="editProfileModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-scrollable">
      
        <div class="modal-content">
          <div class="modal-header bg-dark text-light">
            <h1 class="modal-title fs-5" id="editProfileModalLabel">{{ $title }}</h1>
            <button type="button" class="btn-close btn-danger" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            
              <div id="editProfileContainer">
                <strong class="text-waring d-block mx-auto">LOADING PLEASE, WAIT...</strong>
                <x-notify id="edituserprofile"/>
              </div>
            
          </div>
          <div class="modal-footer bg-dark text-light">
            EDIT
          </div>
        </div>
    
  </div>
</div>