delete user is in modal

templates/user/user_profile.twig

@@ -11,13 +11,10 @@
       <div class="extra content" id="icons_users">
           <div class="ui small basic icon buttons">
             {% if session.userId == user.getId %}
-              <a href="#" class="ui button"><i class="comments icon"></i></a>
               <form action="/account/modify" method="get">
                 <button type="submit" class="ui button"><i class="edit icon"></i></button>
               </form>
-              <form action="/account/delete" method="post">
-                <button type="submit" class="ui button"><i class="trash icon"></i></button>
-              </form>
+              <button class="ui button" id="delete_user_button"><i class="trash icon"></i></button>
             {% endif %}
           </div>
       </div>
@@ -46,11 +43,25 @@
               <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>
+              <button class="ui button tiny" id="" style="margin-right:10px; padding-right:5px; padding-left:10px">Yes</button>
             </form>
           </div>
           {% endif %}
         {% endfor %}
       </div>
   </div>
+  <div class="ui modal" id="modal_delete_user">
+    <div class="header">
+      Confirm you wanna delete your account
+    </div>
+    <div class="actions">
+    <form action="/account/delete" method="post" class="right floated content">
+      <button class="ui button tiny" id="" style="margin-right:10px; padding-right:5px; padding-left:10px">Yes</button>
+    </form>
+    <div class="ui black deny button">Cancel</div>
+    </div>
+    </div>
+  </div>
+<script type="text/javascript" src="/assets/js/users-search.js"></script>
+
 {% endblock %}
\ No newline at end of file