<select ng-model="ctrl.type" ng-model-options="{ debounce: 500 }" ng-change="ctrl.changeType(ctrl.type)">
	<option ng-repeat="option in ctrl.availableOptions" value="{{option.id}}">{{option.name}}</option>
</select>
<div>
	<label for="details-pobox">{{ctrl.t.poBox}}</label>
	<input type="text" id="details-pobox" name="address" ng-model="ctrl.data.value[0]" ng-model-options="{ debounce: 500 }" ng-change="ctrl.model.updateContact()"  value="" />
</div>
<div>
	<label for="details-address">{{ctrl.t.address}}</label>
	<input type="text" id="details-address" name="address" ng-model="ctrl.data.value[2]" ng-model-options="{ debounce: 500 }" ng-change="ctrl.model.updateContact()" value=""
		   focus-expression="$parent.ctrl.focus === ctrl.name" />
</div>
<div>
	<label for="details-postal-code">{{ctrl.t.postalCode}}</label>
	<input type="text" id="details-postal-code" name="postal-code" ng-model="ctrl.data.value[5]" ng-model-options="{ debounce: 500 }" ng-change="ctrl.model.updateContact()" value="" />
</div>
<div>
	<label for="details-city">{{ctrl.t.city}}</label>
	<input type="text" id="details-city" name="city" ng-model="ctrl.data.value[3]" ng-model-options="{ debounce: 500 }" ng-change="ctrl.model.updateContact()" value="" />
</div>
<div>
	<label for="details-state">{{ctrl.t.state}}</label>
	<input type="text" id="details-state" name="state" ng-model="ctrl.data.value[4]" ng-model-options="{ debounce: 500 }" ng-change="ctrl.model.updateContact()" value="" />
</div>
<div>
	<label for="details-country">{{ctrl.t.country}}</label>
	<input type="text" id="details-country" name="state" ng-model="ctrl.data.value[6]" ng-model-options="{ debounce: 500 }" ng-change="ctrl.model.updateContact()" value="" />
</div>
<button ng-click="ctrl.deleteField()" class="icon-delete" title="Delete"></button>
