{% extends "base.html" %}
{% block title %} — {{ page.current_round.round_name }}{% endblock %}
{% block content %}
  <p class="route-label">{{ page.route_name }}</p>
  <h1 class="round-heading">{{ page.current_round.round_name }}</h1>

  {% if page.current_round.intro_text %}
    <div class="intro-text">{{ page.current_round.intro_text | safe }}</div>
  {% endif %}

  <p class="signup-link">
    Vil du bare tilmelde dig fremtidige runder uden at bestille nu?
    <a href="/tilmelding">Tilmeld dig her</a>.
  </p>

  <form id="order-form"
        class="order-layout"
        data-eur-dkk-rate="{{ page.current_round.eur_dkk_rate if page.current_round.eur_dkk_rate is not none else '' }}">
    <div class="catalog">
      <table class="wine-table">
        {% set ns = namespace(current_category=None) %}
        {% for wine in page.current_round.wine_offerings %}
          {% if wine.category.name != ns.current_category %}
            <tr class="category-row"><th colspan="4">{{ wine.category.name }}</th></tr>
            {% set ns.current_category = wine.category.name %}
          {% endif %}
          <tr>
            <td class="qty-cell">
              <input type="number" min="0" step="1" value="0" inputmode="numeric"
                     class="qty-input" data-offering-id="{{ wine.id }}" data-price="{{ wine.price }}">
            </td>
            <td class="wine-name-cell">
              {{ wine.name }}{% if wine.is_organic %} <span class="organic-badge" title="Økologisk">øko</span>{% endif %}
            </td>
            <td class="price-cell">{{ "%.2f"|format(wine.price) }}</td>
            <td class="row-total-cell" data-row-total-for="{{ wine.id }}">0.00</td>
          </tr>
        {% endfor %}
      </table>
    </div>

    <aside class="order-sidebar">
      <p class="total-line">Total i EUR: <span id="total-eur">0.00</span></p>
      {% if page.current_round.eur_dkk_rate %}
        <p class="total-line">Total i DKK: <span id="total-dkk">0.00</span></p>
        <p class="rate-note">1 EUR = {{ "%.2f"|format(page.current_round.eur_dkk_rate) }} KR</p>
      {% endif %}

      <label class="field-label">Navn
        <input type="text" name="name" required>
      </label>

      <label class="field-label">Email addresse
        <input type="email" name="email" required>
      </label>
      <p class="field-help">Vi sender en kvittering til denne email, og du vil i fremtiden blive informeret om {{ page.route_name }}!</p>

      <label class="field-label">Telefon
        <input type="tel" name="phone" required>
      </label>
      <p class="field-help">Det er vigtigt for os at have dit mobil-nummer, så vi kan få fat på dig, i tilfælde af problemer.</p>

      <label class="checkbox-label">
        <input type="checkbox" name="is_active" checked>
        Jeg ønsker i fremtiden at modtage mails om {{ page.route_name }}!
      </label>

      <button type="submit">Bestil nu</button>
      <div id="order-message" class="form-message" hidden></div>
    </aside>
  </form>
{% endblock %}
{% block scripts %}
  <script src="/static/site.js"></script>
{% endblock %}