<default>
    <form name="form" class="prices">
        <vn-table>
            <vn-tbody>
            <vn-tr ng-repeat="price in $ctrl.prices">
                <vn-td class="warehouse" expand>
                    <span
                        class="text"
                        title="{{::price.warehouse}}">
                        {{::price.warehouse}}
                    </span>
                </vn-td>
                <vn-td number expand>
                    <div>
                        <span
                            ng-click="$ctrl.addQuantity(price)"
                            class="link unselectable">{{::price.grouping}}</span>
                        <span> x {{::price.price | currency: 'EUR': 2}}</span>
                    </div>
                    <div class="price-kg" ng-show="::price.priceKg">
                        {{::price.priceKg | currency: 'EUR'}}/Kg
                    </div>
                </vn-td>
                <vn-td shrink>
                    <!-- Focus first element -->
                    <vn-input-number ng-if="$index === 0"
                        min="0"
                        name="quantity"
                        ng-model="price.quantity"
                        step="price.grouping"
                        class="dense"
                        vn-focus>
                    </vn-input-number>
                    <vn-input-number ng-if="$index > 0"
                        min="0"
                        name="quantity"
                        ng-model="price.quantity"
                        step="price.grouping"
                        class="dense">
                    </vn-input-number>
                </vn-td>
            </vn-tr>
            </vn-tbody>
        </vn-table>
        <div class="footer vn-pa-md">
            <vn-submit
                label="Add"
                ng-click="$ctrl.submit()">
            </vn-submit>
        </div>
    </form>
</default>