add move to container button for ammo groups

lib/cannery_web/components/move_ammo_group_component.ex

@@ -0,0 +1,57 @@
+defmodule CanneryWeb.Components.MoveAmmoGroupComponent do
+  @moduledoc """
+  Livecomponent that can move an ammo group to another container
+  """
+
+  use CanneryWeb, :live_component
+  alias Cannery.{Accounts.User, Ammo, Ammo.AmmoGroup, Containers}
+  alias Phoenix.LiveView.Socket
+
+  @impl true
+  @spec update(
+          %{
+            required(:current_user) => User.t(),
+            required(:ammo_group) => AmmoGroup.t(),
+            optional(any()) => any()
+          },
+          Socket.t()
+        ) :: {:ok, Socket.t()}
+  def update(
+        %{ammo_group: %{container_id: container_id} = ammo_group, current_user: current_user} =
+          assigns,
+        socket
+      ) do
+    changeset = Ammo.change_ammo_group(ammo_group)
+
+    containers =
+      Containers.list_containers(current_user)
+      |> Enum.reject(fn %{id: id} -> id == container_id end)
+
+    {:ok, socket |> assign(assigns) |> assign(changeset: changeset, containers: containers)}
+  end
+
+  @impl true
+  def handle_event(
+        "move",
+        %{"container_id" => container_id},
+        %{assigns: %{ammo_group: ammo_group, current_user: current_user, return_to: return_to}} =
+          socket
+      ) do
+    %{name: container_name} = Containers.get_container!(container_id, current_user)
+
+    socket =
+      ammo_group
+      |> Ammo.update_ammo_group(%{"container_id" => container_id}, current_user)
+      |> case do
+        {:ok, _ammo_group} ->
+          prompt = dgettext("prompts", "Ammo moved to %{name} successfully", name: container_name)
+
+          socket |> put_flash(:info, prompt) |> push_redirect(to: return_to)
+
+        {:error, %Ecto.Changeset{} = changeset} ->
+          socket |> assign(changeset: changeset)
+      end
+
+    {:noreply, socket}
+  end
+end

lib/cannery_web/components/move_ammo_group_component.html.heex

@@ -0,0 +1,69 @@
+<div class="w-full flex flex-col space-y-8 justify-center items-center">
+  <h2 class="text-center title text-xl text-primary-500">
+    <%= gettext("Move ammo") %>
+  </h2>
+
+  <%= if @containers |> Enum.empty?() do %>
+    <h2 class="title text-xl text-primary-500">
+      <%= gettext("No other containers") %> 😔
+    </h2>
+
+    <%= live_patch(dgettext("actions", "Add another container!"),
+      to: Routes.container_index_path(@socket, :new),
+      class: "btn btn-primary"
+    ) %>
+  <% else %>
+    <div class="w-full overflow-x-auto border border-gray-600 rounded-lg shadow-lg bg-black">
+      <table class="min-w-full table-auto text-center bg-white">
+        <thead class="border-b border-primary-600">
+          <tr>
+            <th class="p-2">
+              <%= gettext("Container") %>
+            </th>
+
+            <th class="p-2">
+              <%= gettext("Type") %>
+            </th>
+
+            <th class="p-2">
+              <%= gettext("Location") %>
+            </th>
+
+            <th class="p-2"></th>
+          </tr>
+        </thead>
+        <tbody id="containers">
+          <%= for container <- @containers do %>
+            <tr id={"container-#{container.id}"}>
+              <td class="p-2">
+                <%= container.name %>
+              </td>
+
+              <td class="p-2">
+                <%= container.type %>
+              </td>
+
+              <td class="p-2">
+                <%= container.location %>
+              </td>
+
+              <td class="p-2">
+                <div class="px-4 py-2 space-x-4 flex justify-center items-center">
+                  <button
+                    type="button"
+                    class="btn btn-primary"
+                    phx-click="move"
+                    phx-target={@myself}
+                    phx-value-container_id={container.id}
+                  >
+                    <%= dgettext("actions", "Select") %>
+                  </button>
+                </div>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  <% end %>
+</div>