90 lines
2.7 KiB
HTML
90 lines
2.7 KiB
HTML
{% extends 'shop/base.html' %}
|
|
{% load static %}
|
|
|
|
{% block title %}Kasse - {{ block.super }}{% endblock %}
|
|
|
|
{% block extra_css %}
|
|
<style>
|
|
.checkout-container {
|
|
max-width: 800px;
|
|
margin: 2rem auto;
|
|
padding: 2rem;
|
|
background: white;
|
|
border-radius: 15px;
|
|
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.order-summary {
|
|
background: #f8f9fa;
|
|
padding: 1.5rem;
|
|
border-radius: 10px;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.payment-options {
|
|
margin-top: 2rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.security-info {
|
|
margin-top: 2rem;
|
|
padding: 1rem;
|
|
border: 1px solid #e9ecef;
|
|
border-radius: 8px;
|
|
background: #f8f9fa;
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container my-5">
|
|
<h1 class="mb-4">Checkout</h1>
|
|
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<div class="card mb-4">
|
|
<div class="card-header">
|
|
<h5 class="mb-0">Bestellübersicht</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Artikel</th>
|
|
<th>Menge</th>
|
|
<th>Preis</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for item in order.items.all %}
|
|
<tr>
|
|
<td>{{ item.product_name }}</td>
|
|
<td>{{ item.quantity }}</td>
|
|
<td>{{ item.price }} €</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="2"><strong>Gesamtsumme:</strong></td>
|
|
<td><strong>{{ order.total_amount }} €</strong></td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h5 class="mb-0">Zahlungsmethoden</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
{% include 'products/payment_button.html' with form=form order=order %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |