{% extends "base.html" %}

{% block title %}Blueprint {{ blueprint.name }} | left4me{% endblock %}

{% block content %}
<section class="panel">
  <h1>Blueprint: {{ blueprint.name }}</h1>
  <form method="post" action="/blueprints/{{ blueprint.id }}" class="stack">
    <input type="hidden" name="csrf_token" value="{{ session.get('csrf_token', '') }}">
    <label>Name <input name="name" value="{{ blueprint.name }}" required></label>
    <p class="muted">Overlay order matters: the first overlay has highest precedence.</p>
    <table class="table">
      <thead><tr><th>Use</th><th>Order</th><th>Overlay</th></tr></thead>
      <tbody>
        {% for overlay in all_overlays %}
        <tr>
          <td><input type="checkbox" name="overlay_ids" value="{{ overlay.id }}" {% if overlay.id in selected_overlay_ids %}checked{% endif %}></td>
          <td><input class="position-input" name="overlay_position_{{ overlay.id }}" value="{{ overlay_positions.get(overlay.id, '') }}" inputmode="numeric"></td>
          <td>{{ overlay.name }}</td>
        </tr>
        {% else %}
        <tr><td colspan="3" class="muted">No overlays available.</td></tr>
        {% endfor %}
      </tbody>
    </table>
    <label>Arguments <textarea name="arguments">{{ arguments | join('\n') }}</textarea></label>
    <label>Config <textarea name="config">{{ config_lines | join('\n') }}</textarea></label>
    <button type="submit">Save blueprint</button>
  </form>
</section>
{% endblock %}