{% extends "base.html" %}
{% block is_wide %}{% endblock %}
{% block body %}

<div class="header">
    <h1>{{ delivery.name }}</h1>
    {% include "includes/delivery_progress.html" %}
    
    <h4>{% if delivery.products %}
        {% include "includes/delivery_status.html" %}
        {% endif %}
        {% include "includes/order_button.html" %}
    </h4>
    <h4>
        Distribution le <i class="icon-clock"></i> {{ delivery.from_date|date }}, {{ delivery.from_date|time }} - {{ delivery.to_date|time }}, à <i class="icon-streetsign"></i> {{ delivery.where }}.
    </h4>
    
    <div class="pure-menu pure-menu-horizontal">
        <ul class="pure-menu-list">
            <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
                <a href="#" class="pure-menu-link"><i class="icon-printer"></i>&nbsp;Imprimer…</a>
                <ul class="pure-menu-children">
                    <li class="pure-menu-item"><a href="{{ url_for('list_products', id=delivery.id) }}/produits.pdf" class="pure-menu-link"><i class="icon-ribbon"></i>&nbsp;Commande producteurs⋅rices</a></li>
                    <li class="pure-menu-item"><a href="{{ url_for('show_orders_summary', id=delivery.id) }}" class="pure-menu-link"><i class="icon-grid"></i>&nbsp;Résumé de commande par groupe</a></li>
                    <li class="pure-menu-item"><a href="{{ url_for('compute_payments', id=delivery.id) }}" class="pure-menu-link"><i class="icon-wallet"></i>&nbsp;Répartition des paiements</a></li>
                </ul>
            </li>
            {% if request['user'].email == delivery.contact and delivery.status > delivery.EMPTY %}
            <li class="pure-menu-item">
                <a class="pure-menu-link" href="{{ url_for('show_delivery_toolbox', id=delivery.id) }}"><i class="icon-tools"></i>&nbsp;Boîte à outils</a>
            </li>
            {% endif %}
            {% if request.user and request.user.is_staff %}
            <li class="pure-menu-item">
                <a class="pure-menu-link" href="{{ url_for('edit_delivery', id=delivery.id) }}"><i class="icon-adjustments"></i>&nbsp;Modifier la distrib</a>
            </li>
            <li class="pure-menu-item">
                <a class="pure-menu-link" href="{{ url_for('list_products', id=delivery.id) }}"><i class="icon-pricetags"></i>&nbsp;Produits</a>
            </li>
            {% endif %}
        </ul>
    </div>
    </ul>
</div>

<article class="delivery">
{% if request['user'].email == delivery.contact %}
<div class="placeholder center">
Tu es la personne contact pour l'organisation de cette distribution, merci :-) Pour t'aider, tu peux accéder à  
<a href="{{ url_for('show_delivery_toolbox', id=delivery.id) }}"><i class="icon-tools"></i>&nbsp;la boîte à outils</a> !
</div>
{% endif %}
{% if delivery.has_products %}
    {% for (id, producer) in delivery.get_producers_for_referent(request.user.email).items() %}
    {% if producer.needs_price_update(delivery) %}
    {% set modal_body %}
    <h3>Mise à jour des prix</h3>

    Certains produits dont tu est référent⋅e ont besoin d'être mis à jour.<br /><br />
    Est-ce que tu veux t'en occuper maintenant ?<br />

    <a class="button" href="{{ url_for('edit_producer', delivery_id=delivery.id, producer_id=producer.id) }}#products">Oui, mettre à jour les prix pour {{ producer.name }}</a>
    {%- endset %}
    {{ macros.modal(id="update-price", body=modal_body, checked=True) }}
    {% endif %}
    {% endfor %}
    {% include "includes/delivery_table.html" %}
{% else %}
<div class="placeholder">
    <h2>😔 Pour le moment, cette distribution est bien vide…</h2>
    {% if request.user and request.user.is_staff %}
        Occupons-nous donc de ça ! Deux options :
        <ol>
            <li><a href="{{ url_for('create_producer', delivery_id=delivery.id) }}">Ajouter les product⋅eurs⋅rices</a> à la main ;</li>
            <li>Ou bien <a href="{{ url_for('copy_products', id=delivery.id) }}">copier les produits d'une autre distribution</a>.</li>
        </ol>
    </div>
    {% endif %}
</div>
{% endif %}
</article>
<hr>
<ul class="toolbox">
 
</ul>
{% endblock body %}
