add song and add album working now

assets/views/admin/audio/new_album.html

@@ -40,6 +40,27 @@
           <textarea name="description" rows="6" class="textarea textarea-bordered w-full"></textarea>
         </div>
 
+        <div class="form-control">
+          <label class="label"><span class="label-text">Songs</span></label>
+          {% if available_tracks | length > 0 %}
+          <div class="divide-y divide-base-300 rounded border border-base-300">
+            {% for song in available_tracks %}
+            <label class="flex cursor-pointer items-center gap-3 p-2 hover:bg-base-200">
+              <input type="checkbox" name="track_ids" value="{{ song.id }}" class="checkbox checkbox-sm">
+              <span class="min-w-0 flex-1">
+                <span class="block truncate font-medium">{{ song.title }}</span>
+                <span class="block truncate text-xs opacity-70">{{ song.audio_file_id }}</span>
+              </span>
+            </label>
+            {% endfor %}
+          </div>
+          {% else %}
+          <div class="rounded border border-base-300 p-2 text-sm opacity-70">
+            No ungrouped songs available.
+          </div>
+          {% endif %}
+        </div>
+
         <label class="label cursor-pointer justify-start gap-2">
           <input type="checkbox" name="published" class="checkbox checkbox-sm">
           <span class="label-text">Published</span>

assets/views/admin/audio/tracks.html

@@ -17,6 +17,20 @@
 
   <div class="card border border-base-300 bg-base-100 shadow-sm">
     <div class="card-body">
+      {% if available_tracks | length > 0 %}
+        <form method="post" action="/admin/audio/albums/{{ album.id }}/tracks/add" class="mb-4 flex flex-wrap items-end gap-2">
+          <div class="form-control flex-1">
+            <label class="label"><span class="label-text">Add existing song</span></label>
+            <select name="track_id" required class="select select-bordered w-full">
+              {% for song in available_tracks %}
+              <option value="{{ song.id }}">{{ song.title }}</option>
+              {% endfor %}
+            </select>
+          </div>
+          <button type="submit" class="btn btn-neutral btn-sm">Add to album</button>
+        </form>
+      {% endif %}
+
       {% if tracks | length > 0 %}
         <div class="overflow-x-auto">
           <table class="table">
@@ -62,6 +76,9 @@
                         <button type="submit" class="btn btn-ghost btn-sm">Publish</button>
                       </form>
                       {% endif %}
+                      <form method="post" action="/admin/audio/tracks/{{ track.id }}/remove-from-album">
+                        <button type="submit" class="btn btn-ghost btn-sm">Remove</button>
+                      </form>
                       <form method="post" action="/admin/audio/tracks/{{ track.id }}/delete">
                         <button type="submit" class="btn btn-ghost btn-sm">Delete</button>
                       </form>