{% extends "base.html" %}

{% block content %}
<h1 class="mb-4">Edit Product</h1>
<form method="POST" enctype="multipart/form-data">
    {{ form.hidden_tag() }}
    <div class="mb-3">
        {{ form.code.label(class="form-label") }}
        {{ form.code(class="form-control") }}
    </div>
    <div class="mb-3">
        {{ form.name.label(class="form-label") }}
        {{ form.name(class="form-control") }}
    </div>
    <div class="mb-3">
        {{ form.commercial_name.label(class="form-label") }}
        {{ form.commercial_name(class="form-control") }}
    </div>
     <div class="mb-3">
        {{ form.destination.label(class="form-label") }}
        {{ form.destination(class="form-control") }}
    </div>
    <div class="mb-3">
        {{ form.category.label(class="form-label") }}
        {{ form.category(class="form-select") }}
    </div>
    <div class="mb-3">
        {{ form.presentation.label(class="form-label") }}
        {{ form.presentation(class="form-control") }}
    </div>
   
    <div class="mb-3">
        {{ form.fiche_comm.label(class="form-label") }}
        {{ form.fiche_comm(class="form-control") }}
    </div>
    <div class="mb-3">
        {{ form.conditionnement.label(class="form-label") }}
        {{ form.conditionnement(class="form-control") }}
    </div>
    

    <div class="mb-3">
        {{ form.image.label(class="form-label") }}
        {{ form.image(class="form-control") }}
        {% if product.photo_back %}
            <p>Current Image:</p>
            <img src="{{ url_for('static', filename=product.photo_back) }}" alt="{{ product.name }}" width="100">
        {% else %}
            <p>No image currently uploaded.</p>
        {% endif %}
    </div>
    <div class="mb-3">
        {{ form.submit(class="btn btn-primary") }}
    </div>
</form>
{% endblock %}