diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
new file mode 100644
index 0000000..5f4eba6
--- /dev/null
+++ b/.idea/inspectionProfiles/Project_Default.xml
@@ -0,0 +1,14 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="PyPackageRequirementsInspection" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="ignoredPackages">
+        <value>
+          <list size="1">
+            <item index="0" class="java.lang.String" itemvalue="RPi.GPIO" />
+          </list>
+        </value>
+      </option>
+    </inspection_tool>
+  </profile>
+</component>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/RPi.py b/RPi.py
new file mode 100644
index 0000000..d85f1fa
--- /dev/null
+++ b/RPi.py
@@ -0,0 +1,4 @@
+class GPIO:
+
+    def output(a,b):
+        pass
\ No newline at end of file
diff --git a/app.py b/app.py
index fe6ee9e..6d67311 100644
--- a/app.py
+++ b/app.py
@@ -74,8 +74,8 @@
 bar.drinks[3].create_version(shortname='single', ingredients=[bar.ingredients[5], bar.ingredients[6]], proportions=[30,70], glassize=200)
 
 bar.save_config('config')
-
 '''
+
 '''BARTENDER2 SECTION END'''
 
 bar = reload_config('config')
@@ -349,19 +349,27 @@ def submitDeleteVersion():
 
 @app.route("/swapping")
 def swapView(toast=""):
+    if request.method == 'GET':
+        toast = request.args.get('toast')
     return render_template('/swapping.html', toast=toast, ingredients=bar.ingredients)
 
-@app.route("/tools/swap", methods=['POST'])
+@app.route("/tools/swap", methods=['GET','POST'])
 def swapAction():
     try:
-        iding = request.form.get('iding')
+        iding = "";
+        if request.method == 'POST':
+            iding = request.form.get('iding')
+        else:
+            iding = request.args.get('iding')
 
         if iding == "":
             raise Exception()
+
         iding = int(iding)
 
         bar.ingredients[iding].swapBottle()
         bar.save_config('config')
+        return redirect(url_for('swapView', toast='Bottle refilled.'))
         return swapView('Bottle refilled.')
     except:
         return swapView('Something went wrong..')
@@ -414,6 +422,7 @@ def startChrome():
     driver.get("http://127.0.0.1:5000")
 
 if __name__ == "__main__":
-    t = Thread(target=startChrome
+    t = Thread(target=startChrome)
     t.start()
     app.run(debug=False)
+    #app.run(host='192.168.0.77', port=5000, debug=False)
diff --git a/bar.py b/bar.py
index f596a98..4c9c167 100644
--- a/bar.py
+++ b/bar.py
@@ -1,6 +1,7 @@
 import time
 import sys
-import RPi.GPIO as GPIO
+#import RPi.GPIO as GPIO
+from RPi import GPIO
 import json
 from threading import Thread
 import traceback
diff --git a/config/config.obj b/config/config.obj
new file mode 100644
index 0000000..eaeec98
Binary files /dev/null and b/config/config.obj differ
diff --git a/static/pictures/munichmule.png b/static/pictures/munichmule.png
new file mode 100644
index 0000000..d133d1c
Binary files /dev/null and b/static/pictures/munichmule.png differ
diff --git a/static/pictures/wodkacola.png b/static/pictures/wodkacola.png
new file mode 100644
index 0000000..d5b1343
Binary files /dev/null and b/static/pictures/wodkacola.png differ
diff --git a/templates/swapping.html b/templates/swapping.html
index 21fac02..6ab89aa 100644
--- a/templates/swapping.html
+++ b/templates/swapping.html
@@ -2,9 +2,9 @@
 
 {% block content %}
 
-<div class="container" id="detailView">
+<div class="container">
 	  <div class="row">
-		  <div class="col s12">
+		  <div class="col s12">{#
 			  <div class="row">
                   <h3 class="header">Swap bottle</h3>
                   <form action="/tools/swap" enctype="multipart/form-data" method="post">
@@ -25,9 +25,45 @@ <h3 class="header">Swap bottle</h3>
 
 			  </div>
 		  </div>
-
+#}
   		</div>
+
+        <div class="row">
+            <div class="col s12">
+                <h3 class="header">Swap bottle</h3>
+            </div>
+            <div class="collection">
+                {% for ingredient in ingredients %}
+                <a href="#modal{{ loop.index }}" class="collection-item black-text modal-trigger">
+                    <span class="badge">
+                        <div class="progress">
+                            <div id="makeprogress" class="determinate black" style="width: {{ ingredient.remaining / ingredient.bottlesize * 100 }}%"></div>
+                        </div>
+                    </span>
+                    <span class="badge">
+                        {{ ingredient.remaining|round|int }} ml of {{ ingredient.bottlesize|round|int }} ml left
+                    </span>
+
+                {{ ingredient.name }}
+                </a>
+                {% endfor %}
+            </div>
+        </div>
+  </div>
+
+    <!-- Modal Structure -->
+    {% for ingredient in ingredients %}
+  <div id="modal{{ loop.index }}" class="modal">
+    <div class="modal-content">
+      <h4>Swap {{ ingredient.name }}</h4>
+      <p>Do you want to swap {{ ingredient.name }}?</p>
+    </div>
+    <div class="modal-footer">
+      <a href="#!" class="modal-close waves-effect waves-green btn-flat">Dismiss</a>
+      <a href="tools/swap?iding={{ loop.index-1 }}" class="modal-close waves-effect waves-green btn-flat">Swap bottle</a>
+    </div>
   </div>
+    {% endfor %}
 
 {% endblock content%}
 
@@ -35,8 +71,11 @@ <h3 class="header">Swap bottle</h3>
 <script>
 
     $(document).ready(function(){
-        var toast = '{{toast}}';
-        if (toast) M.toast({html: toast});
+        $('.modal').modal();
+        let toast = '{{toast}}';
+        if (toast){
+            if(toast != "None") M.toast({html: toast});
+        }
     $('select').formSelect();
   });