<vn-crud-model
    vn-id="model"
    url="SupplierAgencyTerms"
    link="{supplierFk: $ctrl.$params.id}"
    primary-key="agencyFk"
    filter="$ctrl.filter"
    data="$ctrl.supplierAgencyTerms"
    auto-load="true">
</vn-crud-model>
<vn-watcher
    vn-id="watcher"
    data="$ctrl.supplierAgencyTerms"
    form="form">
</vn-watcher>
<form name="form" ng-submit="$ctrl.onSubmit()" class="vn-w-lg">
    <vn-card class="vn-pa-lg">
        <vn-horizontal ng-repeat="supplierAgencyTerm in $ctrl.supplierAgencyTerms">
            <vn-textfield
                disabled="true"
                vn-id="agency"
                label="Agency"
                ng-model="supplierAgencyTerm.agency.name"
                rule>
            </vn-textfield>
            <vn-input-number 
                type="number"
                step="0.01"
                label="Minimum M3"
                ng-model="supplierAgencyTerm.minimumM3"
                rule>
            </vn-input-number>
            <vn-input-number 
                type="number"
                step="0.01"
                label="Package Price"
                ng-model="supplierAgencyTerm.packagePrice"
                rule>
            </vn-input-number>
            <vn-input-number 
                type="number"
                step="0.01"
                label="Km Price"
                ng-model="supplierAgencyTerm.kmPrice"
                rule>
            </vn-input-number>
            <vn-input-number 
                type="number"
                step="0.01"
                label="M3 Price"
                ng-model="supplierAgencyTerm.m3Price"
                rule>
            </vn-input-number>
            <vn-input-number 
                type="number"
                step="0.01"
                label="Route Price"
                ng-model="supplierAgencyTerm.routePrice"
                rule>
            </vn-input-number>
            <vn-input-number 
                type="number"
                step="0.01"
                label="Minimum Km"
                ng-model="supplierAgencyTerm.minimumKm"
                rule>
            </vn-input-number>
            <vn-none>
                <vn-icon-button
                    vn-tooltip="Remove row"
                    icon="delete"
                    ng-click="model.remove($index)"
                    tabindex="-1">
                </vn-icon-button>
            </vn-none>
        </vn-horizontal>
    </vn-card>
    <vn-button-bar>
        <vn-submit
            disabled="!watcher.dataChanged()"
            label="Save">
        </vn-submit>
    </vn-button-bar>
</form>
<vn-float-button
    vn-bind="+"
    fixed-bottom-right
    vn-tooltip="Add row"
    ui-sref="supplier.card.agencyTerm.create"
    icon="add"
    label="Add">
</vn-float-button>