template update for nominate

playlist/templates/Nominate.html

@@ -5,16 +5,38 @@ Nomineren
 {% endblock %}
 
 {% block main-content %}
-{% if warning %}
-<div class="info warning">{{nominated}}: {{warning}}</div>
-{% elif error %}
-<div class="info error">{{nominated}}: {{error}}</div>
-{% elif nominated %}
-<div class="info">{{nominated}} Genomineerd!</div>
-{% endif %}
 <form method="post">
     {% csrf_token %}
     <input type="text" name="spotify_link" placeholder="Spotify-link">
     <input type="submit" value="OK">
 </form>
+{% if nominated %}
+    <script>
+        function hidePopup() {
+            console.log("je moeder")
+            document.getElementById("info-window").classList.add("hide");
+        }
+    </script>
+    <div class="window popup" id="info-window">
+        <div class="title-bar">
+            <div class="title-bar-text">{{nominated}}</div>
+            <div class="title-bar-controls">
+                <button aria-label="Close" onclick="hidePopup()"></button>
+            </div>
+        </div>
+        <div class="window-body">
+            <div class="icon {% if warning %}warning{% elif error %}error{% endif %}"></div>
+            <div class="text">
+                <div>
+                    {{warning}}
+                    {{error}}
+                    {% if not warning and not error %}Genomineerd!{% endif %}
+                </div>
+                <section class="field-row" style="justify-content: flex-end">
+                    <button onclick="hidePopup()">Ok</button>
+                </section>
+            </div>
+        </div>
+    </div>
+{% endif %}
 {% endblock %}