{% include 'partials/header.html' %}
{% load msg_box %}

<main>
    <h5>Speiseplan hochladen</h5>
    <form method="post" enctype="multipart/form-data">

        {% csrf_token %}

        {% msg_box form.non_field_errors "error" "error" %}
        <div class="row">
            <div class="input-field col s5">
                {% msg_box form.calendar_week.errors "error" "error" %}
                <small>Kalenderwoche</small>
                {{ form.calendar_week }}
            </div>
            <div class="col s2 center-align">
                <small>&nbsp;</small>
                <h4>/</h4>
            </div>
            <div class="input-field col s5">
                {% msg_box form.year.errors "error" "error" %}
                <small>Jahr</small>
                {{ form.year }}
            </div>
        </div>
        <div class="file-field input-field">
            {% msg_box form.pdf.errors "error" "error" %}
            <div class="btn">
                <span><i class="material-icons center">cloud_upload</i></span>
                <input type="file" name="{{ form.pdf.html_name }}">
            </div>
            <div class="file-path-wrapper">
                <input class="file-path validate" type="text">
            </div>
        </div>
        <button class="waves-effect waves-light btn green" type="submit">
            <i class="material-icons left">cloud_upload</i>
            Speiseplan hochladen und veröffentlichen
        </button>
    </form>

    <p>
        <a href="{% url 'menu_index' %}" class="waves-effect waves-teal btn-flat">Zurück zur Übersicht</a>
    </p>
</main>
{% include 'partials/footer.html' %}