      <div class="modal fade" id="details-zoneleader">
          <div class="modal-dialog modal-sm">
              <div class="modal-content">
                  <div class="modal-header">
                      <h4 class="modal-title">Manage Zone Leader</h4>
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                      </button>
                  </div>
                  <div class="modal-body">
                    <div id="msg-zoneedit"></div>
                    <form method="POST">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Username:</label>
                                    <input class="form-control input-sm" type="text" id="detail_username2" alt="username3" autocomplete="off"  readonly="" />
                                    <label id="msg-username3" style="color:#CC0000;" ></label>
                                </div>
                                <div class="form-group">
                                    <label>Password:</label>
                                    <input class="form-control input-sm" type="password" id="detail_password2" alt="password3"  autocomplete="off" readonly="" />
                                </div>

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