<div class="row" ng-controller="TransactionClientController">
    <div>
        <ul class="breadcrumb">
            <li><a href="#/clients">{{'label.anchor.clients' | translate}}</a></li>
            <li><a href="#/viewclient/{{clientId}}">{{'label.anchor.viewclient' | translate}}</a></li>
            <li class="active">{{'label.anchor.transferclient' | translate}}</li>
        </ul>
    </div>
    <api-validate></api-validate>
    <form class="form-horizontal well" ng-submit="submit()">
        <br>
        <fieldset>
            <div class="form-group">
                <label class="control-label col-sm-2">{{ 'label.input.office' | translate }}:<span
                        class="required">*</span></label>

                <div class="col-sm-3">
                    <select id="destinationOfficeId" ng-model="formData.destinationOfficeId" class="form-control"
                            ng-options="office.id as office.name for office in offices" value="{{office.id}}"></select>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-sm-2">{{'label.input.notes' | translate}}:</label>

                <div class="col-sm-3">
                    <textarea class="form-control" ng-model="formData.note"></textarea>
                </div>
            </div>
            <div class="col-md-offset-3">
                <a href='#/viewclient/{{clientId}}' class="btn btn-default">{{'label.button.cancel' | translate}}</a>
                <button id="save" type="submit" has-permission='PROPOSETRANSFER_CLIENT' class="btn btn-primary">{{'label.button.save' | translate}}</button>
            </div>

        </fieldset>
    </form>
</div>
