<vn-crud-model auto-load="true"
    vn-id="model"
    url="Items/getWasteByWorker"
    data="details">
</vn-crud-model>
<vn-data-viewer model="model">
    <vn-card>
        <vn-table>
            <vn-thead>
                <vn-tr class="header">
                    <vn-th class="waste-family">Buyer</vn-th>
                    <vn-th class="waste-family">Family</vn-th>
                    <vn-th number>Percentage</vn-th>
                    <vn-th number>Dwindle</vn-th>
                    <vn-th number>Total</vn-th>
                    <vn-th shrink></vn-th>
                </vn-tr>
            </vn-thead>
            <vn-tbody ng-repeat="detail in details" class="vn-mb-md">
                <vn-tr class="header">
                    <vn-td>{{::detail.buyer}}</vn-td>
                    <vn-td>{{::detail.family}}</vn-td>
                    <vn-td number>{{::(detail.percentage / 100) | percentage: 2}}</vn-td>
                    <vn-td number>{{::detail.dwindle | currency: 'EUR'}}</vn-td>
                    <vn-td number>{{::detail.total | currency: 'EUR'}}</vn-td>
                    <vn-td shrink>
                        <vn-icon-button
                            ng-class="{'hidden': !$ctrl.wasteConfig[detail.buyer].hidden}"
                            class="arrow pointer"
                            icon="keyboard_arrow_up"
                            vn-tooltip="Minimize/Maximize"
                            ng-click="$ctrl.toggleHidePanel(detail)">
                        </vn-icon-button>
                    </vn-td>
                </vn-tr>
                <a ng-repeat="waste in detail.lines" class="clickable vn-tr"
                    ui-sref="item.waste.detail({buyer: waste.buyer, family: waste.family})"
                    ng-show="$ctrl.wasteConfig[detail.buyer].hidden">
                    <vn-td></vn-td>
                    <vn-td>{{::waste.family}}</vn-td>
                    <vn-td number>{{::(waste.percentage / 100) | percentage: 2}}</vn-td>
                    <vn-td number>{{::waste.dwindle | currency: 'EUR'}}</vn-td>
                    <vn-td number>{{::waste.total | currency: 'EUR'}}</vn-td>
                    <vn-td shrink></vn-td>
                </a>
            </vn-tbody>
        </vn-table>
    </vn-card>
</vn-data-viewer>