Allow admins to add and remove invitations per account

app/views/admin/users/_create_invitations.html.erb

@@ -0,0 +1,21 @@
+<h3>Add new invitations to <%= @user.cn %>'s account</h3>
+<%= form_with(url: invitations_admin_user_path, method: :post) do |form| %>
+  <ul role="list">
+    <%= render FormElements::FieldsetComponent.new(
+      positioning: :horizontal,
+      title: "Amount"
+    ) do %>
+      <%= form.select :amount, options_for_select([
+        ["3", "3"], ["5", "5"], ["10", "10"], ["20", "20"]
+      ]) %>
+    <% end %>
+    <%= render FormElements::FieldsetToggleComponent.new(
+      field_name: "notify_user",
+      enabled: true,
+      title: "Notify user via email"
+    ) %>
+  </ul>
+  <p class="pt-6 border-t border-gray-200 text-right">
+    <%= form.submit 'Add', class: "btn-md btn-blue w-full" %>
+  </p>
+<% end %>

app/views/admin/users/show.html.erb

@@ -42,27 +42,33 @@
           </tr>
           <tr>
             <th>Invitations available</th>
-            <td>
+            <td data-controller="modal" data-action="keydown.esc->modal#close">
               <div class="flex justify-between">
                 <span>
                   <%= @user.invitations.count %>
                 </span>
                 <span>
-                  <%= render DropdownComponent.new(size: :small, icon_name: "edit") do %>
-                    <%= render DropdownLinkComponent.new(
-                          href: ""
-                        ) do %>
-                      Add more
-                    <% end %>
-                    <%= render DropdownLinkComponent.new(
-                          href: "",
-                          separator: true, add_class: "text-red-700"
-                        ) do %>
-                      Remove all
+                  <button data-action="click->modal#open">
+                    <%= render partial: "icons/plus-circle", locals: {
+                      custom_class: "text-green-600 hover:text-green-500 -mt-2 -mb-1 h-6 w-6 inline-block"
+                    } %>
+                  </button>
+                    <% if @user.invitations.unused.count > 0 %>
+                      <%= link_to invitations_admin_user_path(@user.cn), data: {
+                            turbo_method: :delete,
+                            turbo_confirm: "Delete all of #{@user.cn}'s available invitations?"
+                          } do %>
+                        <%= render partial: "icons/x-circle", locals: {
+                          custom_class: "text-red-600 hover:text-red-500 -mt-2 -mb-1 h-6 w-6 inline-block"
+                        } %>
                     <% end %>
                   <% end %>
                 </span>
               </div>
+              <%= render ModalComponent.new(show_close_button: false) do %>
+                <%= render partial: "admin/users/create_invitations",
+                           locals: { user: @user } %>
+              <% end %>
             </td>
           </tr>
           <tr>