Files
shop-ejs-expressjs/views/order.ejs
2022-03-30 14:09:08 +02:00

34 lines
1.1 KiB
Plaintext

<!DOCTYPE html>
<html lang="en">
<head>
<%- include('partials/head'); %>
<link rel="stylesheet" href="/css/order.css">
</head>
<body>
<%- include('partials/header'); %>
<div class="content">
<h1 class="text-center">Ihre Bestellung</h1>
<p style="width:100%; display:block;"class="error-text text-center"><%- error %></p>
<div id="order-info">
<p><b>Produktname:</b> <%= product.name %></p>
<p><b>Stückpreis:</b> <%= product.price.toFixed(2) %> €</p>
<p><b>Anzahl: </b><%= quantity %></p>
<hr>
<p><b>Gesamtpreis:</b> <%= (quantity * product.price).toFixed(2) %> €</p>
</div>
<!--submit button-->
<form class="order_form" action="/order" method="POST">
<input hidden type="text" name="productId" value="<%= product.id %>">
<input hidden type="text" name="quantity" value="<%= quantity %>">
<!-- Price is calculated on backend ;) -->
<input type="submit" value="Bestellen">
</form>
</div>
<%- include('partials/footer'); %>
</body>
</html>