{% extends "pretixcontrol/event/base.html" %}
{% load i18n %}
{% block title %}{% trans "Line-up" %}{% endblock %}
{% block content %}
  <h1>{% trans "Line-up embeds" %}</h1>
  <p class="text-muted">
    {% trans "Attach each artist's Spotify and YouTube links to the matching ticket. When enabled, the embeds are shown on the product's description in the public shop." %}
  </p>
  <form action="" method="post">{% csrf_token %}
    <div class="checkbox">
      <label>
        <input type="checkbox" name="fc_lineup_enabled" {% if enabled %}checked{% endif %}>
        {% trans "Show line-up embeds on the public shop" %}
      </label>
    </div>
    <div class="table-responsive">
      <table class="table">
        <thead>
          <tr>
            <th>{% trans "Ticket" %}</th>
            <th>{% trans "Spotify URL" %}</th>
            <th>{% trans "YouTube URL" %}</th>
          </tr>
        </thead>
        <tbody>
          {% for row in rows %}
            <tr>
              <td>{{ row.item }}</td>
              <td>
                <input type="url" class="form-control" name="spotify_{{ row.item.pk }}"
                       value="{{ row.spotify_url }}"
                       placeholder="https://open.spotify.com/artist/...">
              </td>
              <td>
                <input type="url" class="form-control" name="youtube_{{ row.item.pk }}"
                       value="{{ row.youtube_url }}"
                       placeholder="https://www.youtube.com/watch?v=...">
              </td>
            </tr>
          {% empty %}
            <tr><td colspan="3" class="text-muted">{% trans "No active products yet." %}</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    <div class="form-group submit-group">
      <button type="submit" class="btn btn-primary btn-save">{% trans "Save" %}</button>
    </div>
  </form>
{% endblock %}