<vn-card class="summary">
    <h5>
        <a ng-if="::$ctrl.summary.id"
            vn-tooltip="Go to the supplier"
            ui-sref="supplier.card.summary({id: {{::$ctrl.summary.id}}})"
            name="goToSummary">
            <vn-icon-button icon="launch"></vn-icon-button>
        </a>
        <span>{{::$ctrl.summary.name}} - {{::$ctrl.summary.id}}</span>
    </h5>
    <vn-horizontal>
        <vn-one>
            <h4 ng-show="$ctrl.isAdministrative">
                <a 
                    ui-sref="supplier.card.basicData({id:$ctrl.supplier.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Basic data</span>
                </a>
            </h4>
            <h4 
                translate
                ng-show="!$ctrl.isAdministrative">
                Basic data
            </h4>
            <vn-vertical>
                <vn-label-value 
                    label="Id" 
                    value="{{::$ctrl.summary.id}}">
                </vn-label-value>
                <vn-label-value 
                    label="Alias" 
                    value="{{::$ctrl.summary.nickname}}">
                </vn-label-value>
                <vn-label-value label="Responsible">
                    <span 
                        ng-click="workerDescriptor.show($event, $ctrl.summary.workerFk)"
                        class="link">
                        {{$ctrl.summary.worker.user.nickname}}
                    </span>
                </vn-label-value>
                <vn-label-value no-ellipsize
                    label="Notes" 
                    value="{{::$ctrl.summary.note}}">
                </vn-label-value>
                <vn-check
                    label="Verified" 
                    ng-model="$ctrl.summary.isSerious" 
                    disabled="true">
                </vn-check>
                <vn-check
                    label="Is active" 
                    ng-model="$ctrl.summary.isActive" 
                    disabled="true">
                </vn-check>
            </vn-vertical>
        </vn-one>
        <vn-one>
            <h4 ng-show="$ctrl.isAdministrative">
                <a 
                    ui-sref="supplier.card.billingData({id:$ctrl.supplier.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Billing data</span>
                </a>
            </h4>
            <h4 
                translate
                ng-show="!$ctrl.isAdministrative">
                Billing data
            </h4>
            <vn-label-value 
                label="Pay method" 
                value="{{::$ctrl.summary.payMethod.name}}">
            </vn-label-value>
            <vn-label-value 
                label="Payment deadline" 
                value="{{::$ctrl.summary.payDem.payDem}}">
            </vn-label-value>
            <vn-label-value 
                label="Pay day" 
                value="{{::$ctrl.summary.payDay}}">
            </vn-label-value>
            <vn-label-value 
                label="Account" 
                value="{{::$ctrl.summary.account}}">
            </vn-label-value>
            <vn-check
                label="Is Farmer" 
                ng-model="$ctrl.summary.isFarmer" 
                disabled="true">
            </vn-check>
        </vn-one>
    </vn-horizontal>
    <vn-horizontal>
        <vn-one>
            <h4 ng-show="$ctrl.isAdministrative">
                <a 
                    ui-sref="supplier.card.fiscalData({id:$ctrl.supplier.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Fiscal data</span>
                </a>
            </h4>
            <h4 
                translate
                ng-show="!$ctrl.isAdministrative">
                Fiscal data
            </h4>
            <vn-label-value 
                label="Sage tax type" 
                value="{{::$ctrl.summary.sageTaxType.vat}}">
            </vn-label-value>
            <vn-label-value
                title="{{::$ctrl.summary.sageTransactionType.transaction}}"
                label="Sage transaction type" 
                value="{{::$ctrl.summary.sageTransactionType.transaction}}">
            </vn-label-value>
            <vn-label-value
                title="{{::$ctrl.summary.sageWithholding.withholding}}"
                label="Sage withholding" 
                value="{{::$ctrl.summary.sageWithholding.withholding}}">
            </vn-label-value>
        </vn-one>
    </vn-horizontal>
    <vn-horizontal>
        <vn-one>
            <h4 ng-show="$ctrl.isAdministrative">
                <a 
                    ui-sref="supplier.card.fiscalData({id:$ctrl.supplier.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Fiscal address</span>
                </a>
            </h4>
            <h4 
                translate
                ng-show="!$ctrl.isAdministrative">
                Fiscal address
            </h4>
            <vn-label-value 
                label="Social name" 
                value="{{::$ctrl.summary.name}}">
            </vn-label-value>
            <vn-label-value 
                label="Tax number" 
                value="{{::$ctrl.summary.nif}}">
            </vn-label-value>
            <vn-label-value 
                label="Street"
                value="{{::$ctrl.summary.street}}">
            </vn-label-value>
            <vn-label-value 
                label="City"
                value="{{::$ctrl.summary.city}}">
            </vn-label-value>
            <vn-label-value 
                label="Postcode" 
                value="{{::$ctrl.summary.postCode}}">
            </vn-label-value>
            <vn-label-value 
                label="Province" 
                value="{{::$ctrl.summary.province.name}}">
            </vn-label-value>
            <vn-label-value 
                label="Country" 
                value="{{::$ctrl.summary.country.country}}">
            </vn-label-value>
        </vn-one>
    </vn-horizontal>
</vn-card>
<vn-worker-descriptor-popover 
    vn-id="workerDescriptor">
</vn-worker-descriptor-popover>