room restructure part 1

templates/components/add_member_form.html

@@ -0,0 +1,24 @@
+{% macro add_member_form(room, available_users) %}
+<div class="card shadow-sm">
+    <div class="card-header bg-white">
+        <h5 class="card-title mb-0">Add New Member</h5>
+    </div>
+    <div class="card-body">
+        <form action="{{ url_for('rooms.add_member', room_id=room.id) }}" method="POST">
+            <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
+            <div class="mb-3">
+                <label for="user_id" class="form-label">Select User</label>
+                <select class="form-select select2" id="user_id" name="user_id" required>
+                    <option value="">Search for a user...</option>
+                    {% for user in available_users %}
+                    <option value="{{ user.id }}">{{ user.username }} {{ user.last_name }} ({{ user.email }})</option>
+                    {% endfor %}
+                </select>
+            </div>
+            <button type="submit" class="btn btn-primary w-100">
+                <i class="fas fa-user-plus me-2"></i>Add Member
+            </button>
+        </form>
+    </div>
+</div>
+{% endmacro %}