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

  <div class="card">
    <h2>Add thread</h2>
    <form hx-post="/admin/unc-threads" hx-target="#unc-thread-list" hx-swap="outerHTML" class="form-grid">
      <label>Diameter <input type="text" name="diameter_fraction" placeholder='e.g. 1/4, 3/8, 1-1/2' required></label>
      <label>TPI <input type="number" name="tpi" min="1" step="1" required></label>
      <label>Series
        <select name="series">
          {% for s in series_options %}
            <option value="{{ s.value }}">{{ s.value }}</option>
          {% endfor %}
        </select>
      </label>
      <label>Depth (in) <input type="number" name="depth_in" step="0.001" min="0" placeholder="optional"></label>
      <button type="submit" class="btn btn-primary">Add</button>
    </form>
  </div>

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