training/views/admin.ejs

<%- include('partials/header') %>

<h1>Admin Panel</h1>

<!-- Nav tabs -->
<ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item" role="presentation">
    <button class="nav-link active" id="tab-1" data-bs-toggle="tab" data-bs-target="#cont-1" type="button" role="tab" aria-controls="tab-1" aria-selected='true'> Mitglied anlegen </button>
  </li>
  <li class="nav-item" role="presentation">
    <button class="nav-link" id="tab-2" data-bs-toggle="tab" data-bs-target="#cont-2" type="button" role="tab" aria-controls="tab-2" aria-selected='false'> User Freischalten </button>
  </li>
</ul>

<!-- Tab panes -->
<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade show active" id="cont-1" role="tabpanel" aria-labelledby="tab-1">
    <form method="POST" action="/new-member">
      Name: <input type="text" id="name" placeholder="Name" name="name"> </br>
      Geburtsdatum: <input type="date" id="riege" name="geburt"></br>
      <select name="riege">
        <option value=1> Riege 1</option>
        <option value=2> Riege 2</option>
        <option value=3> Riege 3</option>
        <option value=4> Riege 4</option>
        <option value=5> Riege 5</option>
      </select></br>
      Adresse: <input type="text" id="adresse" placeholder="Adresse" name="adresse"></br>
      <button type="submit">Speichern</button>
    </form>
    
  </div>
  <div class="tab-pane fade" id="cont-2" role="tabpanel" aria-labelledby="tab-2">
    <ul>
      <% if (users.length > 0) {%>
      <% users.forEach(user => { %>
        <li>
          <%= user.username %> - <%= user.email %>
          <form action="/activate" method="post" style="display: inline;">
            <input type="hidden" name="userId" value="<%= user.id %>">
            <button type="submit" class="btn btn-success">Activate</button>
          </form>
        </li>
      <% }) } else { %>
        <p>Keine User zum freischalten</p>
      <% } %>
    </ul>
  </div>
</div>

<%- include('partials/footer') %>