{% 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 %}