<select ng-model="ctrl.type" ng-model-options="{ debounce: 500 }" ng-change="ctrl.changeType(ctrl.type)" ng-disabled="ctrl.model.addressBook.readOnly">
    <option ng-repeat="option in ctrl.availableOptions" value="{{option.id}}">{{option.name}}</option>
</select>
<a ng-if="ctrl.data.value.length" class="item-action" href="mailto:{{ctrl.data.value}}">
    <i class="icon-mail"></i>
</a>
<input type="email" id="details-{{ctrl.name}}-{{ctrl.index}}" name="email"
       ng-model="ctrl.data.value" email-model ng-model-options="{ debounce: 500 }"
       ng-change="ctrl.model.updateContact()" value=""
       placeholder="{{ctrl.meta.readableName}}"
       focus-expression="$parent.ctrl.focus === ctrl.name"
       ng-disabled="ctrl.model.addressBook.readOnly"
/>
<button ng-click="ctrl.deleteField()" class="icon-delete" title="{{ctrl.t.delete}}" ng-if="!ctrl.model.addressBook.readOnly"></button>
