<a
    ui-sref="item.card.summary({id: $ctrl.item.id})"
    translate-attr="{title: 'View item'}"
    class="vn-list-item">
    <vn-horizontal ng-click="$ctrl.onClick($event)">

        <vn-auto margin-medium-right>
            <vn-one>
                <img 
                    class="image"
                    ng-src="//verdnatura.es/vn-image-data/catalog/200x200/{{::$ctrl.item.image}}" 
                    zoom-image="//verdnatura.es/vn-image-data/catalog/1600x900/{{::$ctrl.item.image}}" on-error-src/>
            </vn-one>
        </vn-auto>
        <vn-one>
            <h6>{{::$ctrl.item.id}} - {{::$ctrl.item.name}}</h6>
            <vn-label-value label="Type" 
                value="{{::$ctrl.item.type}}">
            </vn-label-value>
            <vn-label-value label="Buyer" 
                value="{{::$ctrl.item.firstName}} {{::$ctrl.item.worker}}">
            </vn-label-value>
            <vn-fetched-tags max-length="4" item="$ctrl.item" class="noTitle"/>
        </vn-one>
        <vn-horizontal class="buttons">
            <vn-icon
                ng-click="$ctrl.clone($event)"
                vn-tooltip="Clone"
                icon="icon-clone">
            </vn-icon>
            <vn-icon
                ng-click="$ctrl.preview($event)"
                vn-tooltip="Preview"
                icon="desktop_windows">
            </vn-icon>
        </vn-horizontal>
    </vn-horizontal>
</a>