           <div class="card modern-card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="mb-0">{{ group.name }}</h4>
                    <div>
                        {% if current_user.id == group.created_by %}
                        <button type="button" class="btn btn-sm btn-outline-light me-2" id="editGroupSettingsBtn">
                            <i class="fas fa-cog"></i> Settings
                        </button>
           