<div class="vn-descriptor">
    <vn-horizontal class="header">
        <a translate-attr="{title: 'Return to module index'}" ui-sref="worker.index">
            <vn-icon icon="chevron_left"></vn-icon>
        </a>
        <a translate-attr="{title: 'Preview'}" ui-sref="worker.card.summary({id: $ctrl.worker.id})">
            <vn-icon icon="desktop_windows"></vn-icon>
        </a>
        <span></span>
    </vn-horizontal>
    <div class="body">
        <div class="attributes">
            <h5 title="{{$ctrl.worker.firstName}} {{$ctrl.worker.lastName}}">
                {{$ctrl.worker.firstName}} {{$ctrl.worker.lastName}}
            </h5>
            <vn-label-value label="Id" 
                value="{{$ctrl.worker.id}}">
            </vn-label-value>
            <vn-label-value label="User" 
                value="{{$ctrl.worker.user.name}}"
                title="{{$ctrl.worker.firstName}} {{$ctrl.worker.lastName}}">
            </vn-label-value>
            <vn-label-value label="Email" 
                value="{{$ctrl.worker.user.emailUser.email}}">
            </vn-label-value>
            <vn-label-value label="Department" 
                value="{{$ctrl.worker.department.department.name}}">
            </vn-label-value>
            <vn-label-value ng-repeat ="phone in $ctrl.worker.phones"
                label="Phone" 
                value="{{phone.phone}}">
            </vn-label-value>
            <vn-label-value label="Extension" 
                value="{{$ctrl.worker.sip.extension}}">
            </vn-label-value>
        </div>
        <vn-quick-links
            links="$ctrl.quicklinks">
        </vn-quick-links>
    </div>
</div>