forked from thomas/furry
43 lines
1.9 KiB
HTML
43 lines
1.9 KiB
HTML
{% extends 'base.html' %}
|
||
{% block title %}Checkout{% endblock %}
|
||
{% block content %}
|
||
<h2>Checkout</h2>
|
||
<div class="checkout-container">
|
||
<form class="furry-form checkout-form">
|
||
<div class="form-group">
|
||
<label for="address">Adresse</label>
|
||
<input type="text" id="address" name="address" required placeholder="Straße, Hausnummer">
|
||
<div class="form-hint">Bitte gib deine vollständige Adresse ein 🐾</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="city">Stadt</label>
|
||
<input type="text" id="city" name="city" required placeholder="Stadt">
|
||
<div class="form-hint">Stadt nicht vergessen!</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="zip">PLZ</label>
|
||
<input type="text" id="zip" name="zip" required placeholder="PLZ">
|
||
<div class="form-hint">Postleitzahl bitte 🐾</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="payment">Zahlungsart</label>
|
||
<select id="payment" name="payment" required>
|
||
<option value="">Bitte wählen…</option>
|
||
<option value="paypal">PayPal</option>
|
||
<option value="stripe">Kreditkarte (Stripe)</option>
|
||
</select>
|
||
<div class="form-hint">Wähle deine bevorzugte Zahlungsart</div>
|
||
</div>
|
||
<button type="submit" class="btn furry-btn">Jetzt kaufen</button>
|
||
</form>
|
||
<div class="checkout-summary">
|
||
<h3>Deine Bestellung</h3>
|
||
<ul>
|
||
{% for item in cart.items %}
|
||
<li>{{ item.product.name }} × {{ item.quantity }} <span>{{ item.product.price|floatformat:2 }} €</span></li>
|
||
{% endfor %}
|
||
</ul>
|
||
<div class="checkout-total">Gesamtsumme: <span>{{ cart.total_price|floatformat:2 }} €</span></div>
|
||
</div>
|
||
</div>
|
||
{% endblock %} |