<!DOCTYPE html>
<html lang="en">
<head>
    <%- include('partials/head'); %>
    <link rel="stylesheet" href="/css/account.css">
</head>
<body>
    <%- include('partials/header'); %>
    <h1>Ihr Konto</h1>
    <div id="account-info">
        <h3>Persönliche Informationen</h3>
        <p><b>Vorname:</b> <%= firstname %></p>
        <p><b>Nachname:</b> <%= lastname %></p>
        <p><b>Benutzername: </b><%= username %></p>
        <p><b>E-Mail: </b><%= email.substring(0,email.length/3) %><% for(var i = 0; i < email.length - email.length/4; i++){ %>*<% } %>
        </p>
    </div>

    <div id="order-info">
        <h3>Ihre Bestellungen</h3>
        <table>
            <thead>
                <tr>
                    <th>Bestellnummer</th>
                    <th>Produktname</th>
                    <th>Anzahl</th>
                    <th>Stückpreis</th>
                    <th>Gesamtpreis</th>
                </tr>
            </thead>
            <tbody>
                <% for(var i = 0; i < orders.length; i++){ %>
                    <tr>
                        <td><%= orders[i].id %></td>
                        <td><%= orders[i].name %></td>
                        <td><%= orders[i].quantity %></td>
                        <td><%= orders[i].price %></td>
                        <td><%= orders[i].price *  orders[i].quantity%> €</td>
                    </tr>
                <% } %>
            </tbody>
        </table>
    </div>
</body>

</html>