<vn-card class="summary">
    <h5>{{$ctrl.item.id}} - {{$ctrl.summary.item.name}}</h5>
    <vn-horizontal>
        <vn-one>
            <vn-one>
                <img style="width: 100%"
                    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-horizontal class="item-state">
                <vn-one>
                    <p translate>Visible</p>
                    <p>{{$ctrl.summary.visible}}</p>
                </vn-one>
                <vn-one>
                    <p translate>Available</p>
                    <p>{{$ctrl.summary.available}}</p>
                </vn-one>
            </vn-horizontal>
        </vn-one>
        <vn-one name="basicData">
            <h4 translate>Basic data</h4>
            <vn-label-value label="Name"
                value="{{$ctrl.summary.item.name}}">
            </vn-label-value>
            <vn-label-value label="Full name" 
                value="{{$ctrl.summary.item.longName}}">
            </vn-label-value>
            <vn-label-value label="Type" 
                value="{{$ctrl.summary.item.itemType.name}}">
            </vn-label-value>
            <vn-label-value label="Size" 
                value="{{$ctrl.summary.item.size}}">
            </vn-label-value>
            <vn-label-value label="Origin" 
                value="{{$ctrl.summary.item.origin.name}}">
            </vn-label-value>
            <vn-label-value label="stems" 
                value="{{$ctrl.summary.item.stems}}">
            </vn-label-value>
            <vn-label-value label="Buyer" 
                value="{{$ctrl.summary.item.itemType.worker.user.nickname}}">
            </vn-label-value>
        </vn-one>
        <vn-one name="otherData">
            <h4 translate>Other data</h4>
            <vn-label-value label="Intrastat code" 
                value="{{$ctrl.summary.item.intrastat.id}}">
            </vn-label-value>
            <vn-label-value label="Intrastat" 
                value="{{$ctrl.summary.item.intrastat.description}}">
            </vn-label-value>
            <vn-label-value label="Reference" 
                value="{{$ctrl.summary.item.comment}}">
            </vn-label-value>
            <vn-label-value label="Relevancy" 
                value="{{$ctrl.summary.item.relevancy}}">
            </vn-label-value>
            <vn-label-value label="Density" 
                value="{{$ctrl.summary.item.density}}">
            </vn-label-value>
            <vn-label-value label="Compression" 
                value="{{$ctrl.summary.item.compression}}">
            </vn-label-value>
            <vn-label-value label="Expence" 
                value="{{$ctrl.summary.item.expence.name}}">
            </vn-label-value>
        </vn-one>
        <vn-one name="tags">
            <h4 translate>Tags</h4>
            <vn-label-value
                label="{{tag.priority}} {{tag.tag.name}}"
                ng-repeat="tag in $ctrl.summary.tags track by tag.id"
                value="{{tag.value}}">
            </vn-label-value>
        </vn-one>
        <vn-one name="tax">
            <h4 translate>Tax</h4>
            <vn-label-value label="{{tax.country.country}}"
                ng-repeat="tax in $ctrl.summary.item.taxes"
                value="{{tax.taxClass.description}}">
            </vn-label-value>
        </vn-one>
        <vn-one name="niche">
            <h4 translate>Niche</h4>
            <vn-label-value label="{{niche.warehouse.name}}"
                ng-repeat="niche in $ctrl.summary.niches"
                value="{{niche.code}}">
            </vn-label-value>
        </vn-one>
        <vn-one name="botanical">
            <h4 translate>Botanical</h4>
            <vn-label-value label="Botanical" 
                value="{{$ctrl.summary.botanical.botanical}}">
            </vn-label-value>
            <vn-label-value label="Genus" 
                value="{{$ctrl.summary.botanical.genus.latin_genus_name}}">
            </vn-label-value>
            <vn-label-value label="Specie" 
                value="{{$ctrl.summary.botanical.specie.latin_species_name}}">
            </vn-label-value>
        </vn-one>
        <vn-one name="barcode">
            <h4 translate>Barcode</h4>
            <p ng-repeat="barcode in $ctrl.summary.item.itemBarcode track by $index">
                <b>{{barcode.code}}</b>
            </p>
        </vn-one>
    </vn-horizontal>
</vn-card>