{% extends "base.html" %}

{% block toplink %}<a href="{{ url_for('edit_producer', delivery_id=delivery.id, producer_id=producer.id) }}">↶ Retourner aux produits de {{ producer.name }}</a>{% endblock %}

{% block body %}

<div class="header">
    {% if product.ref %}
        <h1>Modifier le produit « {{ product.name }} »</h1>
        <div class="pure-menu pure-menu-horizontal">
            <ul class="pure-menu-list">
                <li class="pure-menu-item">
                    <a class="pure-menu-link" href="{{ url_for('delete_product', delivery_id=delivery.id, producer_id=producer.id, product_ref=product.ref) }}">Supprimer ce produit</a>
                </li>
            </ul>
        </div>
    {% else %}
        <h1>{{ producer.name }} : Nouveau produit</h1>
    {% endif %}
</div>

<form method="post" class="pure-form pure-form-aligned">
    <fieldset>
    
    <div class="pure-control-group">
        <label>Nom</label>
        <input type="text" name="name" value="{{ product.name or '' }}" required>
    </div>
    <div class="pure-control-group">
        <label>Unité de commande</label>
        <input type="text" name="unit" placeholder="sachet de 200g" value="{{ product.unit or '' }}" required>
    </div>
    <div class="pure-control-group">
        <label>Prix</label>
        <input type="number" step="0.001" name="price" value="{{ product.price or '' }}" required>
        <span class="pure-form-message-inline">En euros (TTC), pour une unité</span>
    </div>
    <div class="pure-control-group">
        <label>Description</label>
        <input type="text" name="description" placeholder="Bière type American Pale Ale" value="{{ product.description or '' }}">
    </div>
    <br />
    <div class="pure-control-group">
        <label>Rupture de stock ?</label>
        <input type="checkbox" name="rupture" value="RUPTURE" {% if product.rupture %}checked="true"{% endif %}>
    </div>
    <br />
    
        
    <div class="pure-controls">
        <input type="submit" name="submit" value="Valider" class="primary">
        {% set body %}
    <h3>Conditionnement</h3>
        <h5><strong>A indiquer uniquement si ces produits ne peuvent pas être achetés à l'unité</strong>. Par exemple, si il est uniquement possible d'acheter des cartons de 12 bouteilles, alors indiquez « 12 » ici. Dans le doute, laissez vide.</h5>
        <input type="number" name="packing" value="{{ product.packing or '' }}">
    {%- endset %}
    {{ macros.modal(id="advanced", label="Voir les options avancées", body=body) }}
    </div>
    </fieldset>
</form>

<hr>
{% endblock body %}
