<vn-card class="summary">
    <h5>
        <a 
            ng-if="::summary.id"
            vn-tooltip="Go to the user"
            ui-sref="account.card.summary({id: {{::summary.id}}})"
            name="goToSummary">
            <vn-icon-button icon="launch"></vn-icon-button>
        </a>
        <span>{{summary.id}} - {{summary.nickname}}</span>
    </h5>
    <vn-horizontal class="vn-pa-md">
        <vn-one>
            <h4 ng-show="$ctrl.isHr">
                <a 
                    ui-sref="account.card.basicData({id:summary.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Basic Data</span>
                </a>
            </h4>
            <h4
                translate 
                ng-show="!$ctrl.isHr">
                Basic Data
            </h4>
            <vn-label-value
                label="Id" 
                value="{{summary.id}}">
            </vn-label-value>
            <vn-label-value
                label="User" 
                value="{{summary.name}}">
            </vn-label-value>
            <vn-label-value
                label="Role" 
                value="{{summary.role.name}}">
            </vn-label-value>
        </vn-one>
    </vn-horizontal>
</vn-card>