{% extends "base.html" %}
{% block title %}Remix {{ job_id }} — {{ site_title }}{% endblock %}
{% block content %}
  <p class="back-link"><a href="/jobs/{{ job_id }}">&larr; Zurueck zum Job</a></p>

  <h1>Remix &middot; Job {{ job_id }}</h1>

  {% if error %}
    <p class="error-box">{{ error }}</p>
  {% endif %}

  <form method="post" action="/jobs/{{ job_id }}/remix" class="remix-form">
    <label for="bg_filter">Background-Filter</label>
    <select name="bg_filter" id="bg_filter" required>
      {% for name in options.background_filters %}
        <option value="{{ name }}">{{ name }}</option>
      {% endfor %}
    </select>

    <label for="bg_blend">Background-Blend</label>
    <select name="bg_blend" id="bg_blend" required>
      {% for mode in options.blend_modes %}
        <option value="{{ mode }}">{{ mode }}</option>
      {% endfor %}
    </select>

    <label for="fg_filter">Foreground-Filter</label>
    <select name="fg_filter" id="fg_filter" required>
      {% for name in options.foreground_filters %}
        <option value="{{ name }}">{{ name }}</option>
      {% endfor %}
    </select>

    <label for="fg_blend">Foreground-Blend</label>
    <select name="fg_blend" id="fg_blend" required>
      {% for mode in options.blend_modes %}
        <option value="{{ mode }}">{{ mode }}</option>
      {% endfor %}
    </select>

    <label for="opacity">Blend-Opacity</label>
    <select name="opacity" id="opacity" required>
      {% for value in opacity_choices %}
        <option value="{{ value }}" {% if value == "30%" %}selected{% endif %}>{{ value }}</option>
      {% endfor %}
    </select>

    <button type="submit" class="button button-primary">Remix erzeugen</button>
  </form>
{% endblock %}