<vn-portal slot="topbar">
    <vn-searchbar
        vn-focus
        info="Search departments by id, name or code"
        on-search="$ctrl.onSearch($params)"
        base-state="worker.department">
    </vn-searchbar>
</vn-portal>
<vn-card class="summary">
    <h5>
        <span>{{summary.name}}</span>
    </h5>
    <vn-horizontal class="vn-pa-md">
        <vn-one class="expand">
            <h4 ng-show="$ctrl.isHr">
                <a
                ui-sref="worker.department.card.basicData({id:summary.id})">
                <span translate vn-tooltip="Go to">Basic data</span>
            </a>
            </h4>
            <h4
                translates
                ng-show="!$ctrl.isHr">
                Basic data
            </h4>
        </vn-one>
        <vn-one>
            <vn-vertical>
                <vn-label-value label="Nombre"
                    value="{{summary.name}}">
                </vn-label-value>
                <vn-label-value label="Code"
                    value="{{summary.code}}">
                </vn-label-value>
                <vn-label-value label="Chat"
                    value="{{summary.chatName}}">
                </vn-label-value>
                <vn-label-value
                    label="Boss department">
                    <span
                        ng-click="workerDescriptor.show($event, summary.worker.id)"
                        class="link">
                        {{summary.worker.user.name}}
                    </span>
                </vn-label-value>
                <vn-label-value 
                    label="Email"
                    value="{{summary.notificationEmail}}">
                </vn-label-value>
                <vn-label-value label="Self-consumption customer"
                    value="{{summary.client.name}}">
                </vn-label-value>
            </vn-vertical>
        </vn-one>
        <vn-one>
            <vn-vertical>
                <vn-check
                    label="Telework"
                    ng-model="summary.isTeleworking"
                    disabled="true">
                </vn-check>
                <vn-check
                    label="Notify on errors"
                    ng-model="summary.hasToMistake"
                    disabled="true">
                </vn-check>
                <vn-check
                    label="worksInProduction"
                    ng-model="summary.isProduction"
                    disabled="true">
                </vn-check>
                <vn-check
                    label="Fill in days without physical check-ins"
                    ng-model="summary.hasToRefill"
                    disabled="true">
                </vn-check>
                <vn-check
                    label="Send check-ins by email"
                    ng-model="summary.hasToSendMail"
                    disabled="true">
                </vn-check>
            </vn-vertical>
        </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>