29 lines
1.3 KiB
HTML
29 lines
1.3 KiB
HTML
<!-- item.html -->
|
|
<div class="item-card {{ 'reserved' if item.reserved else '' }}">
|
|
<div class="item-header" onclick="toggleDescription(this)">
|
|
<h2>{{ item.name }}{% if item.reserved %} (Reserved){% endif %}</h2>
|
|
<img src="{{ item.image }}" alt="{{ item.name }}">
|
|
<p class="price">€{{ "%.2f"|format(item.price) }}</p>
|
|
</div>
|
|
|
|
<div class="item-footer">
|
|
<!-- Reserve or Unreserve Form -->
|
|
<form method="POST" action="/reserve-item">
|
|
<input type="hidden" name="wishlist_id" value="{{ wishlist.config.id }}">
|
|
<input type="hidden" name="item_id" value="{{ item.id }}">
|
|
<input type="hidden" name="reserved" value="{{ 'false' if item.reserved else 'true' }}">
|
|
{% if item.reserved %}
|
|
<input type="text" name="reserver_name" value="{{ item.reserver_name }}" readonly>
|
|
<button type="submit" class="reserve-button">Unreserve</button>
|
|
{% else %}
|
|
<input type="text" name="reserver_name" placeholder="Your name" required>
|
|
<button type="submit" class="reserve-button">Reserve</button>
|
|
{% endif %}
|
|
</form>
|
|
</div>
|
|
|
|
<div class="item-description hide">
|
|
<p>{{ item.description }}</p>
|
|
<a href="{{ item.shop }}" target="_blank">Shop Link</a>
|
|
</div>
|
|
</div>
|