{% extends "Base.html" %}

{% block window-title %}
Nomineren
{% endblock %}

{% block main-content %}
<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 %}