<!-- Modal -->
<div class="modal fade"  id="usergroupModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog" >
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title fw-bold">Change Group</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
    </div>
      
      <div class="modal-body">
        <div class="alert alert-warning" id="groupChangeMessage"></div>
        <form method="post" action="<?= base_url('administrator/users/change/group') ?>" enctype="multipart/form-data">
        <?= csrf_field(); ?>
        <input type="hidden" name="id" value=""/>
        <div class="row">
          <div class="col-lg-12 mb-3">
            <div class="form-floating">
              <input type="text" name="group" class="form-control" id="floatingInputGrid" readonly>
              <label for="floatingInput">Current Group</label>
            </div>
          </div><!-- Current Group !-->
          <div class="col-lg-12 mb-3">
            <div class="form-floating">
              <select class="form-select" name="group_id">
                <option value="">Select Group</option>
                <?php foreach($groups as $group):?>
                  <option value="<?= $group->id; ?>"><?= $group->name; ?></option>
                <?php endforeach;?>
              </select>
              <label for="floatingInput">Confirm Password</label>
            </div>
          </div><!-- Change Group !-->
        </div><!-- Row !-->          
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-outline-danger d-block w-50 stbtn" >Update</button>
      </div>
      </form>
    </div>
    
  </div>
</div>
<!-- End of Post Block Modal !-->