{% extends 'admin/base.html' %}
{% block content %}
  <h4>{{ 'Edit' if event else 'New' }} Event</h4>
  <form method="post" class="mt-3">
    <div class="row g-3">
      <div class="col-lg-5">
        <div class="mb-3">
          <label class="form-label">Name</label>
          <input class="form-control" name="name" value="{{ event.name if event else '' }}" required />
        </div>
        <div class="mb-3">
          <label class="form-label">UDP Port (optional)</label>
          <input class="form-control" name="udp_port" value="{{ event.udp_port if event and event.udp_port else '' }}" />
        </div>
        <div class="mb-3">
          <label class="form-label">UDP Payload (optional)</label>
          <input class="form-control" name="udp_payload" value="{{ event.udp_payload if event and event.udp_payload else '' }}" />
        </div>
        <div class="mb-3">
          <label class="form-label">Cooldown seconds</label>
          <input class="form-control" name="cooldown_seconds" value="{{ event.cooldown_seconds if event else 2 }}" />
        </div>

      </div>
      <div class="col-lg-7">
        <div class="card">
          <div class="card-header">Display → Video Mappings</div>
          <div class="card-body">
            {% set existing = existing or {} %}
            {% for d in displays %}
              <div class="row align-items-center mb-2">
                <div class="col-4"><strong>{{ d.name }}</strong><br /><small class="text-muted"><code>{{ d.public_id }}</code></small></div>
                <div class="col-8">
                  <select class="form-select form-select-sm" name="map_{{ d.id }}">
                    <option value="">(none)</option>
                    {% for v in videos %}
                      <option value="{{ v.id }}" {% if existing.get(d.id) == v.id %}selected{% endif %}>{{ v.filename }}</option>
                    {% endfor %}
                  </select>
                </div>
              </div>
            {% endfor %}
          </div>
        </div>
      </div>
    </div>

    <div class="mt-3">
      <button class="btn btn-primary" type="submit">Save</button>
      <a class="btn btn-link" href="{{ url_for('admin.events_list') }}">Cancel</a>
    </div>
  </form>
{% endblock %}