<div id="modal-edit-rdp" class="modal">
  <div class="modal-content bg-dark text-white" style="max-width:500px">
    <div class="modal-header border-secondary">
      <h5 class="modal-title">Edit RDP</h5>
      <button type="button" class="btn-close btn-close-white" onclick="app.closeModal()"></button>
    </div>
    <div class="modal-body">
      <input type="hidden" id="rdpEditId">
      <div class="mb-3">
        <label class="form-label">RDP Name</label>
        <input type="text" class="form-control bg-black text-white" id="rdpEditInput" placeholder="Enter RDP name">
      </div>
      <div class="mb-3">
        <label class="form-label">RDP IP Address</label>
        <input type="text" class="form-control bg-black text-white" id="rdpEditIp" placeholder="192.168.1.100">
      </div>
      <div class="mb-3">
        <label class="form-label">Username</label>
        <input type="text" class="form-control bg-black text-white" id="rdpEditUsername" placeholder="Administrator">
      </div>
      <div class="mb-3">
        <label class="form-label">Password (leave blank to keep current)</label>
        <input type="password" class="form-control bg-black text-white" id="rdpEditPassword" placeholder="New password">
      </div>
    </div>
    <div class="modal-footer border-secondary">
      <button class="btn btn-secondary" onclick="app.closeModal()">Cancel</button>
      <button class="btn btn-danger" onclick="app.updateRDP()">Update RDP</button>
    </div>
  </div>
</div>