haldis/app/templates/order_items.html

{% extends "bootstrap/base.html" %}
{% import "bootstrap/utils.html" as utils %}

{% block title %}
Haldis - Order {{ order.id }}
{% endblock %}

{% block styles %}
    {{ super() }}
    <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}" media="screen">
    <link rel="stylesheet" href="/css" media="screen">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/print.css') }}" media="print">
{% endblock %}

{% block scripts %}
    {{ super() }}
    <script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='js/timer.js') }}"></script>
{% endblock %}

{% block content -%}
    {{ utils.flashed_messages(container=True) }}

    <div class="darker showcase" id="items-ordered">
        <h1>Haldis order {{ order.id }}</h1>

        {% if not order.is_closed() %}
        <div class="open-order-warning">
            <span class="time">{{ order.stoptime|countdown }}</span><br/>
            Refresh page when closed!
        </div>
        {% endif %}

        {% for key, value in order.group_by_dish().items() -%}
            <div class="dish">
                <h2><span class="quantity">{{ value["count"] }}</span> × {{ key }}</h2>
                {% if value["comments"]|any -%}
                    <ul class="comments">
                    {% for comment in value["comments"] -%}
                        <li>{% if comment %}{{ comment }}
                        {% else %}<i>No comment</i>
                        {% endif %}</li>
                    {% endfor %}
                    </ul>
                {%- endif %}
                </p>
            </div>
        {%- endfor %}
        <div class="total">Total {{ order.items.count() }} items — {{ total_price|euro }}</div>
    </div>

{%- endblock %}