<vn-card class="summary">
    <h5>
        <a ng-if="::$ctrl.worker.id"
            vn-tooltip="Go to the worker"
            ui-sref="worker.card.summary({id: {{::$ctrl.worker.id}}})"
            name="goToSummary">
            <vn-icon-button icon="launch"></vn-icon-button>
        </a>
        <span>{{worker.firstName}} {{worker.lastName}}</span>
    </h5>
    <vn-horizontal class="vn-pa-md">
        <vn-one>
            <h4 ng-show="$ctrl.isHr">
                <a
                    ui-sref="worker.card.basicData({id:$ctrl.worker.id})">
                    <span translate vn-tooltip="Go to">Basic data</span>
                </a>
            </h4>
            <h4
                translates
                ng-show="!$ctrl.isHr">
                Basic data
            </h4>
            <vn-label-value label="Id"
                value="{{worker.id}}">
            </vn-label-value>
            <vn-label-value label="Email" no-ellipsize
                value="{{worker.user.emailUser.email}}">
            </vn-label-value>
            <vn-label-value label="Department">
                <span
                ng-click="workerDepartmentDescriptor.show($event, worker.department.department.id)"
                    class="link">
                    {{worker.department.department.name}}
                </span>
            </vn-label-value>
            <vn-label-value
                label="Boss">
                <span
                    ng-click="workerDescriptor.show($event, worker.boss.id)"
                    class="link">
                    {{::worker.boss.name}}
                </span>
            </vn-label-value>
            <vn-label-value label="Mobile extension">
                <vn-link-phone
                    phone-number="worker.mobileExtension"
                ></vn-link-phone>
            </vn-label-value>
            <vn-label-value label="Business phone">
                <vn-link-phone
                    phone-number="worker.phone"
                ></vn-link-phone>
            </vn-label-value>
            <vn-label-value label="Personal phone"
            >
            <vn-link-phone
                phone-number="worker.client.phone"
            ></vn-link-phone>
            </vn-label-value>
            <vn-label-value label="Locker"
            value="{{worker.locker}}">
            </vn-label-value>
        </vn-one>
        <vn-one>
            <h4 translate>User data</h4>
            <vn-label-value label="User id"
                value="{{worker.id}}">
            </vn-label-value>
            <vn-label-value label="User"
                value="{{worker.user.name}}">
            </vn-label-value>
            <vn-label-value label="Role"
                value="{{worker.user.role.name}}">
            </vn-label-value>
            <vn-label-value label="Extension"
                value="{{worker.sip.extension}}">
            </vn-label-value>
        </vn-one>
    </vn-horizontal>
</vn-card>
<vn-worker-descriptor-popover
    vn-id="workerDescriptor">
</vn-worker-descriptor-popover>
<vn-worker-department-descriptor-popover
    vn-id="workerDepartmentDescriptor">
</vn-worker-department-descriptor-popover>