          <input type="hidden" name="action" value="join" />
                              <input type="hidden" name="group_id" value="{{ group.id }}" />
                              <button type="submit"
                                      class="text-teal-600 hover:text-teal-700 dark:text-teal-400 dark:hover:text-teal-300">
                                Join Group
                              </button>
                            </form>
                          {% endif %}
                        