<vn-auto-search
    model="model">
</vn-auto-search>
<vn-data-viewer
    model="model"
    class="vn-w-sm">
    <vn-card>
        <div class="vn-list separated">
            <a
                ng-repeat="supplier in model.data track by supplier.id"
                ui-sref="supplier.card.summary(::{id: supplier.id})"
                translate-attr="{title: 'View supplier'}"
                class="vn-item search-result">
                <vn-item-section>
                    <h6>{{::supplier.socialName}}</h6>
                    <vn-label-value
                        label="Id" 
                        value="{{::supplier.id}}">
                    </vn-label-value>
                    <vn-label-value
                        label="Tax number" 
                        value="{{::supplier.nif}}">
                    </vn-label-value>
                    <vn-label-value
                        label="Alias" 
                        value="{{::supplier.alias}}">
                    </vn-label-value>
                    <vn-label-value
                        label="Pay method" 
                        value="{{::supplier.payMethod}}">
                    </vn-label-value>
                    <vn-label-value
                        label="Payment deadline" 
                        value="{{::supplier.payDem}}">
                    </vn-label-value>
                    <vn-label-value
                        label="Pay day" 
                        value="{{::supplier.payDay}}">
                    </vn-label-value>
                    <vn-label-value
                        label="Account" 
                        value="{{::supplier.account}}">
                    </vn-label-value>
                </vn-item-section>
                <vn-item-section side>
                    <vn-icon-button
                        ng-click="$ctrl.openSummary(supplier, $event)"
                        vn-tooltip="Preview"
                        icon="preview">
                    </vn-icon-button>
                </vn-item-section>
            </a>
        </div>
    </vn-card>
</vn-data-viewer>
<vn-popup vn-id="dialog-summary-supplier">
    <vn-supplier-summary
        supplier="$ctrl.supplierSelected">
    </vn-supplier-summary>
</vn-popup>
<a vn-acl-action="remove" vn-acl="administrative" ui-sref="supplier.create" vn-tooltip="New supplier" vn-bind="+" fixed-bottom-right>
    <vn-float-button icon="add"></vn-float-button>
</a>