{% extends "pretixpresale/event/checkout_base.html" %}
{% load i18n %}{% load money %}
{% block inner %}
<h3>{% trans "Make it a better day" %}</h3>
<p class="text-muted">{% trans "Optional extras and upgrades — add any you fancy, or just continue." %}</p>
<form method="post">{% csrf_token %}
  {% for it in upsells %}
    <label class="fc-upsell-row" style="display:flex;gap:12px;align-items:center;border:1px solid #e5e5e5;border-radius:10px;padding:12px;margin-bottom:8px;cursor:pointer">
      <input type="checkbox" name="upsell" value="{{ it.pk }}" style="width:18px;height:18px">
      <span style="flex:1"><strong>{{ it.name }}</strong>
        {% if it.description %}<br><small class="text-muted">{{ it.description|striptags|truncatewords:16 }}</small>{% endif %}
      </span>
      <span style="white-space:nowrap"><strong>+{{ event.currency }} {{ it.default_price }}</strong></span>
    </label>
  {% endfor %}
  <div style="margin-top:16px">
    <button type="submit" class="btn btn-primary btn-lg btn-block">{% trans "Continue" %}</button>
  </div>
</form>
{% endblock %}