{% extends "base.html" %}
{% block title %}Scope Models · {{ app_name }}{% endblock %}
{% block body %}
{% include "_nav.html" %}
<main class="container">
  <h1>Scope Models</h1>

  <div class="card">
    <h2>Add scope model</h2>
    <form hx-post="/admin/scope-models" hx-target="#scope-model-list" hx-swap="outerHTML" class="form-grid">
      <label>Name <input type="text" name="name" required></label>
      <label>Manufacturer
        <select name="manufacturer_id" required>
          <option value="">— select —</option>
          {% for mfr in manufacturers %}
            <option value="{{ mfr.id }}">{{ mfr.name }}</option>
          {% endfor %}
        </select>
      </label>
      <label>Product page URL <input type="url" name="url" placeholder="https:// (optional)"></label>
      <button type="submit" class="btn btn-primary">Add</button>
    </form>
  </div>

  {% include "admin/_scope_models_table.html" %}
</main>
{% endblock %}