{% extends "baselayout.html" %}

{% load i18n %}
{% load l10n %}

{% block title %}
{% translate "Drinks - Supply" %}
{% endblock %}

{% block headAdditional %}
    <link rel="stylesheet" href="/static/css/appform.css">
    <link rel="stylesheet" href="/static/css/custom_number_input.css">
{% endblock %}


{% block content %}

    {% if user.is_superuser or user.allowed_to_supply %}

        <form id="supplyform" class="appform">
            {% csrf_token %}

            <h1 class="formheading">{% translate "Supply" %}</h1>

            <div class="forminput">
                <span>{% translate "Description" %}:</span>
                <span>
                    <input type="text" name="supplydescription" id="supplydescription" autofocus>
                </span>
            </div>

            <div class="forminput">
                <span>{% translate "Price" %} ({{ currency_suffix }}):</span>
                <span>
                    <input type="number" name="supplyprice" id="supplyprice" max="9999.99" min="1.00" step="0.01">
                </span>
            </div>

            <div id="statusinfo"></div>

            <div class="formbuttons">
                <a href="/" class="button">{% translate "cancel" %}</a>
                <input type="submit" id="supplysubmitbtn" class="button" value='{% translate "submit" %}'>
            </div>

        </form>

        <script src="/static/js/supply.js"></script>
        <script src="/static/js/custom_number_input.js"></script>

    {% else %}

    <div class="centeringflex">
        <p>{% translate "You are not allowed to view this site." %}</p>
        <a href="/">{% translate "back" %}</a>
    </div>

    {% endif %}

    <script src="/static/js/autoreload.js"></script>

{% endblock %}