</div>
                      </div>
                    </div>
                  {% endfor %}
                </div>
              {% else %}
                <p class="text-gray-500 dark:text-gray-400">No study groups available.</p>
              {% endif %}
            </div>
          </div>
        </div>
        <!-- Create Group Form -->
        <div class="lg:col-span-1">
          <div class="bg-white dark:bg-gray-800 rounded-lg shadow">
            <div class="p-6">
              <h2 class="text-xl 