Save worktree changes

src/web/views/data-sources/api-sources/add.hbs

@@ -0,0 +1,43 @@
+<div class="page-header">
+  <div>
+    <h2>Add API source</h2>
+    <p>Capture an API URL, refresh interval, and store the latest JSON response.</p>
+  </div>
+</div>
+
+<div class="card card-outline card-primary admin-form-card">
+  <div class="card-header">
+    <h3 class="card-title">API source details</h3>
+  </div>
+  <form id="api-source-form" method="post" action="/data-sources/api-sources" data-async-save data-async-save-close-url="/data-sources/api-sources" data-async-save-new-url="/data-sources/api-sources/new">
+    <div class="card-body">
+      <div class="mb-3">
+        <label for="api-source-name" class="form-label">Name</label>
+        <input id="api-source-name" name="name" class="form-control" value="{{apiSource.name}}" required />
+      </div>
+      <div class="mb-3">
+        <label for="api-source-url" class="form-label">API URL</label>
+        <input id="api-source-url" name="api_url" type="url" class="form-control" value="{{apiSource.apiUrl}}" placeholder="https://example.com/api.json" required />
+      </div>
+      <div class="row g-3">
+        <div class="col-12 col-md-4">
+          <label for="api-source-interval" class="form-label">Update interval</label>
+          <input id="api-source-interval" name="update_interval_value" type="number" min="1" class="form-control" value="{{apiSource.updateIntervalValue}}" required />
+        </div>
+        <div class="col-12 col-md-4">
+          <label for="api-source-interval-unit" class="form-label">Unit</label>
+          <select id="api-source-interval-unit" name="update_interval_unit" class="form-select">
+            <option value="seconds" {{#if (eq apiSource.updateIntervalUnit 'seconds')}}selected{{/if}}>Seconds</option>
+            <option value="minutes" {{#if (eq apiSource.updateIntervalUnit 'minutes')}}selected{{/if}}>Minutes</option>
+          </select>
+        </div>
+      </div>
+    </div>
+    <div class="card-footer d-flex justify-content-end">
+      <div class="btn-group" role="group" aria-label="API source actions">
+        {{{saveActionButtons formId="api-source-form" saveLabel="Save" saveAndCloseLabel="Save and Close" saveAndNewLabel="Save and New" saveAndCloseValue="close" saveAndNewValue="new"}}}
+        <a class="btn btn-warning" href="/data-sources/api-sources" data-confirm-unsaved="You have unsaved changes. Leave this page?">Cancel</a>
+      </div>
+    </div>
+  </form>
+</div>