Save worktree changes

src/web/views/signage/screens/add.hbs

@@ -0,0 +1,42 @@
+<div class="page-header">
+  <div>
+    <h2>Add screen</h2>
+    <p>Register a player endpoint and connect it to a playlist.</p>
+  </div>
+</div>
+
+<div class="card card-outline card-primary admin-form-card">
+  <div class="card-header">
+    <h3 class="card-title">Screen details</h3>
+  </div>
+  <form id="screen-edit-form" method="post" action="/screens" data-async-save data-async-save-new-url="/screens/new">
+    <div class="card-body">
+      <div class="row g-3">
+        <div class="col-12 col-md-6">
+          <label for="screen-name" class="form-label">Name</label>
+          <input id="screen-name" name="name" class="form-control" placeholder="Front desk TV" required />
+        </div>
+        <div class="col-12 col-md-6">
+          <label for="screen-slug" class="form-label">Slug</label>
+          <input id="screen-slug" name="slug" class="form-control" placeholder="front-desk-tv" />
+        </div>
+        <div class="col-12">
+          <label for="screen-playlist" class="form-label">Playlist</label>
+          <select id="screen-playlist" name="playlist_id" class="form-select">
+            <option value="">-- not assigned --</option>
+            {{#each playlists}}
+              <option value="{{id}}">{{name}}</option>
+            {{/each}}
+          </select>
+        </div>
+      </div>
+    </div>
+    <div class="card-footer d-flex justify-content-end">
+      <div class="btn-group" role="group" aria-label="Screen actions">
+            {{{saveActionButtons formId="screen-edit-form" saveLabel="Save" showSaveAndClose=false showSaveAndNew=false}}}
+        <a class="btn btn-warning" href="/screens" data-confirm-unsaved="You have unsaved changes. Leave this page?">Cancel</a>
+      </div>
+    </div>
+  </form>
+</div>
+