<div id="modal-rdp" class="modal">
  <div class="modal-content bg-dark text-white p-4 border-danger" style="max-width:450px">
    <div class="modal-header border-secondary border-0 p-0 mb-3">
        <h4 class="m-0">Add RDP</h4>
        <button class="btn-close btn-close-white" onclick="app.closeModal()"></button>
    </div>
    <label class="small text-muted">Select Group</label>
    <select id="rdpGroupSelect" class="form-control bg-black text-white border-secondary mb-3">
        <option value="">-- Select Group --</option>
        <?php foreach($tree as $g): ?>
            <option value="<?= $g['id'] ?>"><?= $g['name'] ?></option>
        <?php endforeach; ?>
    </select>
    <label class="small text-muted">RDP Name</label>
    <input id="rdpInput" placeholder="RDP Nickname" class="form-control bg-black text-white border-secondary mb-3">
    <button onclick="app.addRDP()" class="btn btn-danger w-100">Add RDP</button>
  </div>
</div>