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

  <div class="card">
    <h2>Add connection</h2>
    <form hx-post="/admin/clamp-connections" hx-target="#clamp-connection-list" hx-swap="outerHTML" class="form-grid">
      <label>Min (mm) <input type="number" name="min_mm" step="0.001" min="0" placeholder="optional"></label>
      <label>Max (mm) <input type="number" name="max_mm" step="0.001" min="0" placeholder="optional"></label>
      <label>Min (in) <input type="number" name="min_in" step="0.0001" min="0" placeholder="optional"></label>
      <label>Max (in) <input type="number" name="max_in" step="0.0001" min="0" placeholder="optional"></label>
      <button type="submit" class="btn btn-primary">Add</button>
    </form>
  </div>

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