add user's groups list

templates/user/user_profile.twig

@@ -26,6 +26,32 @@
     </div>
   </div>
 </div>
-
-
+  <div id="groups">
+      <h2> Groups </h2>
+      <div class="ui relaxed divided list" id="groups_list" style="overflow:scroll">
+        {% for group in user.getGroups %}
+          {% if not group.isPrivate %}
+          <div class="item">
+            <img class="ui avatar image" src="/assets/img/default-avatar.png"></i>
+            <div class="content">
+              <a href="/groups/{{group.id}}" class="header">{{group.name}}</a>
+            </div>
+            <form action="/users/{{user.id}}/groups/{{group.getId}}/delete" method="post" class="right floated content">
+              <button class="ui button tiny" id="" style="margin-right:10px; padding-right:5px; padding-left:10px"><i class="user times icon"></i></button>
+            </form>
+          </div>
+          {% elseif user.isCurrentUser %}
+          <div class="item">
+            <img class="ui avatar image" src="/assets/img/default-avatar.png"></i>
+            <div class="content">
+              <a href="/groups/{{group.id}}" class="header">{{group.name}}</a>
+            </div>
+            <form action="/users/{{user.id}}/groups/{{group.getId}}/delete" method="post" class="right floated content">
+              <button class="ui button tiny" id="" style="margin-right:10px; padding-right:5px; padding-left:10px"><i class="user times icon"></i></button>
+            </form>
+          </div>
+          {% endif %}
+        {% endfor %}
+      </div>
+  </div>
 {% endblock %}
\ No newline at end of file