{% extends "Base.html" %}

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

{% block main-content %}
<form method="post">
    {% csrf_token %}
    <p>Vul een spotify link in om een nummer te nomineren.</p>
    <input type="text" id="spotify-input" name="spotify_link" placeholder="Spotify-link">
    <input type="submit" value="Insturen" {% if user.profile.quota < 1%}disabled{%endif%}>
</form>
{% endblock %}

{% block status-bar%}
<div class="status-bar">
    <div
        class="status-bar-field progress-indicator segmented"
        title="{{user.profile.quota | floatformat:2}} nominaties over."
        >
        <span class="progress-indicator-bar" style="width: calc({{user.profile.quota | floatformat:0}} * 18px);" />
    </div>
    <p class="status-bar-field">{{user.profile.quota_display}} nominaties over.</p>
</div>
{% endblock %}