{% extends 'base.html.twig' %}

{% form_theme edit_form 'form/fields.html.twig' %}

{% block body %}

    <!-- BEGIN PAGE BAR -->
    <div class="page-bar">
        
        <!-- BEGIN BREADCRUMB -->
        <ul class="page-breadcrumb">
            <li>
                <a href="{{ path('homepage') }}">Accueil</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('produit_index') }}">Produits</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('produit_show', { 'id': produit.id }) }}">Produit</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Modifier</span>
            </li>
        </ul>
        <!-- END BREADCRUMB -->
    </div>

    <br/>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-settings"></i>
                <span class="caption-subject">Editer produit</span>
            </div>
        </div>

        <div class="portlet-body form">
            {{ form_start(edit_form, {'attr': {'class': 'form-horizontal'}}) }}
                <div class="form-body">
                    {# Render all fields except 'quantite_stock' #}
                    {% for child in edit_form %}
                        {% if child.vars.name != 'quantite_stock' %}
                            {{ form_row(child) }}
                        {% endif %}
                    {% endfor %}

                    {# Manually render quantite_stock with conditional disabled state #}
                    {% if not app.user.superAdmin %}
                        {{ form_row(edit_form.quantite_stock, { 'disabled': true }) }}
                    {% else %}
                        {{ form_row(edit_form.quantite_stock) }}
                    {% endif %}

                    <div id="produit_attributs_categorie"></div>
                </div>
                <div class="form-actions">
                    <div class="row">
                        <div class=" col-md-9">
                            <a href="{{ path('produit_index') }}" class="btn default"><i class="fa fa-arrow-left"></i> Retour</a>
                            <button type="submit" class="btn green"><i class="fa fa-save"></i> Enregistrer</button>
                            <input type="button" value="Supprimer" class="btn red" onclick="document.getElementById('delete-form').submit();">
                        </div>
                    </div>
                </div>
            {{ form_end(edit_form) }}

            {{ form_start(delete_form, {'attr': {'id': 'delete-form'}}) }}
            {{ form_end(delete_form) }}
        </div>

{% endblock %}



{% block javascripts %}
    <script type="text/javascript">
        var produit_id = {{ produit.id }};
        var page_action = "edit";
    </script>
    
    
    <script src="{{ asset('assets/global/scripts/categories.js') ~ '?' ~ random() }}" type="text/javascript"></script>
{% endblock %}