<div class="form-group">
    <label class="col-sm-{{$ctrl.labelcols}} control-label" for="{{$ctrl.label}}">{{$ctrl.label | translate}}</label>
    <div class="col-sm-{{$ctrl.inputcols}}" ng-class="{ 'has-error': $ctrl.hasError()}">
        <div class="input-group" ng-class="{ 'has-error': $ctrl.hasError()}">
            <input id="{{$ctrl.label}}" name="{{$ctrl.name}}" class="form-control" type="text" readonly="readonly" ng-model="$ctrl.model"
                 ng-required="{{$ctrl.required != null && $ctrl.required != 'false'}}"
                 ng-attr-placeholder="{{$ctrl.placeholder | translate}}"
                 focus-if="{{$ctrl.autofocus != null}}"/>
            <span class="input-group-btn">
                <fileselect filefilter="$ctrl.filefilter" onselectfile="$ctrl.selectFile(file)"></fileselect>
            </span>
        </div>
    </div>
    <div class="col-sm-{{$ctrl.inputcols}} col-sm-offset-{{$ctrl.labelcols}}">
        <validationmessages field="$ctrl.field"></validationmessages>
    </div>
</div>