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


{% block main %}

    {{ form_start(form) }}
    <div id="invoice_packing_components_invoicePackingComponents col-md-12 col-sm-12 col-xs-12">
        {% for invoicePackingComponent in form.invoicePackingComponents %}
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12 text-center">
                        <label class="control-label required">
                            {{ invoicePackingComponent.vars.data.packingComponent.name }}
                        </label>
                    </div>

                    <div class="col-md-12 col-sm-12 col-xs-12">
                        {{ form_errors(invoicePackingComponent) }}
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12 choose-consumables">
                        <div class="col-md-3 col-sm-3 col-xs-3 text-center">
                            <div class="row">
                                <button type="button" class="btn btn-primary btn-lg btn-remove" data-remove="#{{
                                invoicePackingComponent.vars.id }}_usedQuantity">-</button>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-xs-6">
                            {{ form_widget(invoicePackingComponent) }}
                        </div>
                        <div class="col-md-3 col-sm-3 col-xs-3 text-center">
                            <div class="row">
                                <button type="button" class="btn btn-primary btn-lg btn-add" data-add="#{{
                                invoicePackingComponent.vars.id }}_usedQuantity">+</button>
                            </div>
                        </div>
                    </div>
                </div>
        {% endfor %}
    </div>
    <div>
        {% if (null != invoice.getObservations()) %}
            <h3 class="observations">{{ "invoice.observations" | trans }} <b>{{ invoice.getObservations() }}</b></h3>
        {% endif %}
    </div>
    {{ form_end(form) }}
    <div class="back-button">
        <a href="{{ path('invoiceSummary', {'invoice': invoice.getId()}) }}" class="btn-default
        btn">{{ "back" |
            trans }}</a>

    </div>
    <style>
        {% if (null == invoice.getObservations()) %}
            label[for="invoice_packing_components_addAwbObservations"]{
                display: none;
            }
        {% endif %}
    </style>
{% endblock %}