{% extends 'App/_include/_layout.main.html.twig' %}
{% block page_content %}
    <div class="cell small-12  medium-auto header_title">
        <h1>{{ (status == "dispo"? 'etiquette.declared_dispo.title': 'etiquette.consume.title')|trans }}</h1>
    </div>
    <div class="cell small-12">
        <fieldset>
            <div class="form_div">
                {{ form_start(formEtiquette) }}
                <div class="grid-x" style="position:relative ; left: 30%; width: 50%;">
                    <div class="cell small-12 medium-8"
                         style="left: 50%;">{{ form_row(formEtiquette.numeroEtiquette) }}</div>
                    <div id="change_button"
                         class="cell small-12 medium-4 ">{{ form_row(formEtiquette[trad], {'attr': {'class': 'button'}}) }}</div>
                </div>
                {{ form_end(formEtiquette) }}
            </div>
        </fieldset>

        {% if all_log_user is not empty %}
            <fieldset>
                <div class=" underlined text_primary_light mb-1">{{ (status == "dispo"?'etiquette.declared_dispo.infos.history':'etiquette.consume.infos.history')|trans }}</div>
                <div id="content-histo">
                    {% for x, log in all_log_user %}
                        <div id="etiquette_{{ x }}" class="widget log">
                            <div class="grid-x grid-margin-x">
                                <div class="cell small-6 medium-3 text-right">{{ 'etiquette.infos.number.short'|trans }}</div>
                                <div class="cell small-6 medium-3"><b>{{ log.e_num_serie~'-'~log.e_numero }}</b></div>
                                <div class="cell small-6 medium-3 text-right">{{ 'etiquette.infos.date'|trans }}</div>
                                <div class="cell small-6 medium-3"><b>{{ log.e_created_at|date('d-m-Y à H:i') }}</b>
                                </div>
                                <div class="cell small-6 medium-3 text-right">{{ 'etiquette.infos.status'|trans }}</div>
                                <div class="cell small-6 medium-3"><b>{{ log.e_old_value }}<span
                                                class="to"></span>{{ log.e_new_value }}</b></div>
                                <div class="cell small-6 medium-3 text-right">{{ 'etiquette.infos.article'|trans }}</div>
                                <div class="cell small-6 medium-3"><b>{{ log.ar_code }}</b></div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </fieldset>
        {% endif %}

    </div>

{% endblock %}

{% block javascript_footer %}
    {{ parent() }}
    <script>

        {% for x, log in all_log_user %}

        let urlUpdate{{ x }} = "{{ path('app_kanban_etiquette_colis_edit', {'etiquette': '__0__' }) }}";
        let RurlUpdate{{ x }} = urlUpdate{{ x }}.replace('__0__', {{ log.e_id }});

        $('#etiquette_{{ x }}').click(function (e) {
            window.location = RurlUpdate{{ x }};
        })
        {% endfor %}

    </script>

{% endblock %}