training/views/spiel.ejs

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

<h1><%= spiel.name %></h1>

<div id="view" class="mt-5">
    <% if (spiel.type === 1) { %>
        <p>Aufwärmen und Spiel</p>
    <% } else if (spiel.type ===2) { %>
        <p>Spiel</p>
            
    <% } else if (spiel.type === 3) { %>
        <p>Aufwärmen</p>
            
    <% } else {%>
        <p>Spieltyp noch nicht festgelegt</p>
    <% } %>

    <h2>Material</h2>
        <p><%- spiel.material %></p>    
    <h2>Dauer</h2>
        <p><%- spiel.dauer %></p>    
    
    <h2>Regeln</h2>
        <p><%- spiel.regeln %></p>
            
    <h2>Variationen</h2>
    <p><%- spiel.variationen %></p>
        <% if (session && (session.role === 'user' || session.role==='admin')) {%>
    <button class="btn btn-primary" onclick="toggleDivs()">Bearbeiten</button>

</div>

<div id="edit" class="mt-5 d-none">
    <form method="POST" action="/edit-Spiel">
        <input type="hidden" name="id" value="<%= spiel.id %>">
        <strong>Material: </strong><br><textarea name="material"><%- spiel.material %> </textarea><br>
        <strong>Dauer: </strong><input name="dauer" value="<%=spiel.dauer %>"><%= spiel.dauer %></input><br>
        <strong>Typ: </strong><select name="type" >
            <option value=1 <%= (spiel.type === 1) ? 'selected' : '' %>>Aufwärmen und Spiel</option>
            <option value=2 <%= (spiel.type === 1) ? 'selected' : '' %>>Spiel</option>
            <option value=3 <%= (spiel.type === 1) ? 'selected' : '' %>>Aufwärmen</option>
        </select><%= spiel.dauer %><br>
        <strong>Regeln: </strong><br><textarea name="regeln"><%- spiel.regeln %> </textarea><br>
        <strong>Variationen: </strong><br><textarea name="variationen"><%- spiel.variationen %> </textarea><br>
        <button type="submit" class="btn btn-success">Speichern</button>
    </form>

    <% if (session.role === 'admin') { %>
    <form method="POST" action="/delete-spiel">
        <input type="hidden" name="spielId" value="<%= spiel.id %>">
        <button type="submit" class="btn btn-danger">Spiel löschen</button>
    </form>
    <% } %>

    <button class="btn btn-secondary" onclick="toggleDivs()">Abbrechen</button>
</div>

<script>
    function toggleDivs() {
        $('#view').toggleClass('d-none d-block');
        $('#edit').toggleClass('d-none d-block');
    }
</script>

<% } else{ %>
</div>
<% } %>

</body>
</html>


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