Account form

<h1>Account</h1>
<form name="accountForm">
    <fieldset>
        <legend>Personal details</legend>
        <div class="row-fluid">
            <div class="span3">
                <label>First name</label>
                <input type="text" class="input-block-level" ng-model="user.firstName" ng-required="true" />
            </div>
            <div class="span3">
                <label>Last name</label>
                <input type="text" class="input-block-level" ng-model="user.lastName" ng-required="true" />
            </div>
            <div class="span3">
                <label>Birthdate</label>
                <input type="text" class="input-block-level" ng-model="user.birthDate" data-szdb-dutch-date="" required="required" placeholder="DD-MM-JJJJ" />
            </div>
        </div>
    </fieldset>

    <fieldset>
        <legend>Adres</legend>
        <div class="row-fluid">
            <div class="span4">
                <label>Zip code</label>
                <input type="text" class="input-block-level" ng-model="user.address.postalCode" ng-required="true" ng-change="updateAddress()" />
            </div>
            <div class="span4">
                <label>House number</label>
                <input type="text" class="input-block-level" ng-model="user.address.houseNumber" ng-pattern="/^\d+[a-zA-Z]*$/" maxlength="7" required="required" />
            </div>
        </div>
        <div class="row-fluid">
            <div class="span4">
                <label>Straat</label>
                <input type="text" class="input-block-level" value="{{ user.address.street ? user.address.street + ' ' + user.address.houseNumber : '' }}" readonly="readonly" />
            </div>
            <div class="span4">
                <label>Plaats</label>
                <input type="text" class="input-block-level" value="{{user.address.place}}" readonly="readonly" />
            </div>
        </div>
    </fieldset>

    <fieldset>
        <legend>Phone numbers</legend>
        <div class="row-fluid hidden-phone">
            <div class="span3">
                <label>Number</label>
            </div>
            <div class="span3">
                <label>Description</label>
            </div>
        </div>
        <div class="row-fluid" ng-repeat="item in user.phoneNumbers">
            <div class="span3">
                <label class="visible-phone">Number</label>
                <input type="text" class="input-block-level" ng-model="item.nr" ng-pattern="/^(\+[1-9])?[0-9 ]+[0-9]$/" ng-minlength="10" maxlength="16" required="required" />
            </div>
            <div class="span3">
                <label class="visible-phone">Description</label>
                <input type="text" class="input-block-level" ng-model="item.description" />
            </div>
            <div class="span6">
                <button class="btn btn-danger" ng-click=".remove()"><i class="icon-remove"></i></button>
            </div>
            <div class="visible-phone space3"></div>
        </div>
        <div class="row-fluid">
            <div class="span3">
                <label class="visible-phone">Number</label>
                <input type="text" class="input-block-level" ng-model="newPhoneNumber.nr" ng-pattern="/^(\+[1-9])?[0-9 ]+[0-9]$/" ng-minlength="10" maxlength="16" />
            </div>
            <div class="span3">
                <label class="visible-phone">Description</label>
                <input type="text" class="input-block-level" ng-model="newPhoneNumber.description" />
            </div>
            <div class="span6">
                <button class="btn btn-success" ng-disabled="!newPhoneNumber.nr" ng-click=".add(newPhoneNumber); newPhoneNumber={}"><i class="icon-plus"></i></button>
            </div>
            <div class="visible-phone space3"></div>
        </div>
    </fieldset>

    <fieldset>
        <legend>E-mailaddresses</legend>
        <div class="row-fluid hidden-phone">
            <div class="span3">
                <label>E-mailaddress</label>
            </div>
            <div class="span3">
                <label>Description</label>
            </div>
        </div>
        <div class="row-fluid" ng-repeat="item in user.emailAddresses">
            <div class="span3">
                <label class="visible-phone">E-mailaddress</label>
                <input type="email" class="input-block-level" ng-model="item.address" required="required" maxlength="45" />
            </div>
            <div class="span3">
                <label class="visible-phone">Description</label>
                <input type="text" class="input-block-level" ng-model="item.description" />
            </div>
            <div class="span6 btn-group">
                <button class="btn btn-danger" ng-click=".remove()"><i class="icon-remove"></i></button>
                <button class="btn" ng-click="emailSetMain(.getIndex())"
                        ng-class="{ 'btn-info': !item.main, 'btn-primary': item.main, active: item.main }"
                        tooltip="{{ item.main ? 'This is the main e-mailaddress' : 'Press to make this the main e-mailaddress' }}">
                    <i class="icon-envelope"></i>
                </button>
            </div>
            <div class="visible-phone space3"></div>
        </div>
        <div class="row-fluid">
            <div class="span3">
                <label class="visible-phone">E-mailaddress</label>
                <input type="email" class="input-block-level" ng-model="newEmail.address" maxlength="45" />
            </div>
            <div class="span3">
                <label class="visible-phone">Description</label>
                <input type="text" class="input-block-level" ng-model="newEmail.description" />
            </div>
            <div class="span6">
                <button class="btn btn-success" ng-disabled="!newEmail.address" ng-click="newEmail.main = user.emailAddresses.length === 0; emailAddresses.add(newEmail); newEmail={};"><i class="icon-plus"></i></button>
            </div>
            <div class="visible-phone space3"></div>
        </div>
    </fieldset>
    <p class="btn-group">
        <button type="submit" class="btn btn-primary btn-large" ng-disabled="accountForm.$invalid || isLoading" ng-click="save()">Save</button>
        <a href="/" class="btn btn-large">Cancel</a>
    </p>
</form>