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

{% block main %}
    <div>
        <div class="messsages">
            {% for label, messages in app.flashes %}
                {% for message in messages %}
                    <div class="flash-{{ label }}">
                        {{ message }}
                    </div>
                {% endfor %}
            {% endfor %}
        </div>
        <div class="packlist">
            <span>Packlist: </span>
            <span>#{{ packlist.id }}</span>
        </div>
        <div class="product">
            <span>Produs: </span>
            <span>#{{ product.code }} - {{ product.title }} {{ product.brand }}</span>
        </div>
        <div class="image">
            <img src="{{ product.getImage() }}" />
        </div>
        <div class="row">
            <h4>Cantitate Ramasa de scanat: {{ productRemainingQuantity}}</h4>
        </div>

        <div>
            {{ form_start(form) }}
            {{ form_errors(form) }}
                <div class="row">
                    <div class="col-md-2 col-sm-12 col-xs-12">
                        <div class="row">
                            <div class="col-md-3 col-sm-2 col-xs-2">
                                <button type="button" class="btn btn-remove"
                                        data-remove="#quantity_scan_scannedQuantity">-</button>
                            </div>
                            <div class="col-md-6 col-sm-8 col-xs-8">
                                {{ form_widget(form.scannedQuantity) }}
                            </div>
                            <div class="col-md-3 col-sm-2 col-xs-2">
                                <button type="button" class="btn btn-add"
                                        data-add="#quantity_scan_scannedQuantity">+</button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 col-sm-12 col-xs-12"></div>
                        </div>
                        <div class="row">
                            <div class="col-md-6 col-sm-12 col-xs-12">
                                {{ form_widget(form.add) }}
                            </div>
                            <div class="col-md-6 col-sm-12 col-xs-12">
                                {{ form_widget(form.remove) }}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-10"></div>
                </div>
            {{ form_end(form) }}
        </div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12"></div>
        </div>
        <div class="doneScan">
            <a href="{{ path('scanPacklist', {'id': packlist.getId()}) }}" class="btn">Inapoi</a>

        </div>
        <div class="transfers">
            <h2>Transferuri</h2>
            <div class="transfers_products">
                {% for transfer in transfers %}
                    <div class="transfer_name">{{ transfer.code }}</div>
                    {%  for quantity in transfer.quantities %}
                        <div class="scanned_quantity">Cantitate Scanata: {{ quantity.scannedQuantity }}</div>
                        <div class="scanned_quantity">Cantitate totala transfer: {{ quantity.receivedQuantity }}</div>
                    {% endfor %}
                {% endfor %}
            </div>
        </div>
    </div>
{% endblock %}