<vn-card class="summary">
    <h5>
        <a ng-if="::$ctrl.item.id"
            vn-tooltip="Go to the item"
            ui-sref="item.card.summary({id: {{::$ctrl.item.id}}})"
            name="goToSummary">
            <vn-icon-button icon="launch"></vn-icon-button>
        </a>
        <span>{{$ctrl.item.id}} - {{$ctrl.summary.item.name}}</span>
    </h5>
    <vn-horizontal>
        <vn-one>
            <img style="width: 100%; display: block;"
                ng-src="{{$root.imagePath('catalog', '200x200', $ctrl.item.id)}}" 
                zoom-image="{{$root.imagePath('catalog', '1600x900', $ctrl.item.id)}}" on-error-src/>
            <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 ng-show="$ctrl.isBuyer">
                <a 
                    ui-sref="item.card.basicData({id:$ctrl.item.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Basic data</span>
                </a>
            </h4>
            <h4
                translate 
                ng-show="!$ctrl.isBuyer">
                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="Item family" 
                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="Multiplier" 
                value="{{$ctrl.summary.item.stemMultiplier}}">
            </vn-label-value>
            <vn-label-value label="Buyer">
                <span 
                    ng-click="workerDescriptor.show($event, $ctrl.summary.item.itemType.worker.userFk)"
                    class="link">
                    {{$ctrl.summary.item.itemType.worker.user.name}}
                </span>
            </vn-label-value>
        </vn-one>
        <vn-one name="otherData">
            <h4 ng-show="$ctrl.isBuyer">
                <a 
                    ui-sref="item.card.basicData({id:$ctrl.item.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Other data</span>
                </a>
            </h4>
            <h4
                translate 
                ng-show="!$ctrl.isBuyer">
                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="Weight/Piece" 
                value="{{$ctrl.summary.item.weightByPiece}}">
            </vn-label-value>
            <vn-label-value label="Expense" 
                value="{{$ctrl.summary.item.expense.name}}">
            </vn-label-value>
        </vn-one>
        <vn-one name="tags">
            <h4 ng-show="$ctrl.isBuyer || $ctrl.isReplenisher">
                <a 
                    ui-sref="item.card.tags({id:$ctrl.item.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Tags</span>
                </a>
            </h4>
            <h4 
                translate
                ng-show="!$ctrl.isBuyer && !$ctrl.isReplenisher">
                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="description" ng-if="$ctrl.summary.item.description">
            <h4 ng-show="$ctrl.isBuyer">
                <a 
                    ui-sref="item.card.basicData({id:$ctrl.item.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Description</span>
                </a>
            </h4>
            <h4
                translate 
                ng-show="!$ctrl.isBuyer">
                Description
            </h4>
            <p>
                {{$ctrl.summary.item.description}}
            </p>
        </vn-one>
        <vn-one name="tax">
            <h4 ng-show="$ctrl.isBuyer || $ctrl.isAdministrative">
                <a 
                    ui-sref="item.card.tax({id:$ctrl.item.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Tax</span>
                </a>
            </h4>
            <h4 
                translate
                ng-show="!$ctrl.isBuyer && !$ctrl.isAdministrative">
                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="botanical">
            <h4 ng-show="$ctrl.isBuyer">
                <a 
                    ui-sref="item.card.botanical({id:$ctrl.item.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Botanical</span>
                </a>
            </h4>
            <h4 
                translate
                ng-show="!$ctrl.isBuyer">
                Botanical
            </h4>
            <vn-label-value label="Genus" 
                value="{{$ctrl.summary.botanical.genus.name}}">
            </vn-label-value>
            <vn-label-value label="Specie" 
                value="{{$ctrl.summary.botanical.specie.name}}">
            </vn-label-value>
        </vn-one>
        <vn-one name="barcode">
            <h4 ng-show="$ctrl.isBuyer || $ctrl.isReplenisher">
                <a 
                    ui-sref="item.card.itemBarcode({id:$ctrl.item.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Barcode</span>
                </a>
            </h4>
            <h4 
                translate
                ng-show="!$ctrl.isBuyer && !$ctrl.isReplenisher">
                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>
<vn-worker-descriptor-popover 
    vn-id="workerDescriptor">
</vn-worker-descriptor-popover>