<div class="row">
    <div class="col-lg-12 col-xs-12 col-md-12 col-sm-12"><b>{{'Title' | translate}}</b></div>
    <div class="col-lg-12 col-xs-12 col-md-12 col-sm-12">
        <input ng-model="data.title" class="form-control inputForm" type="text" required />
    </div>
</div>
<div class="row">
    <div class="col-lg-12 col-xs-12 col-md-12 col-sm-12"><b>{{'Team members' | translate}}</b></div>
    <div class="col-lg-12 col-xs-12 col-md-12 col-sm-12">
        <div peoplepicker="" ng-model="data.members"></div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12 col-xs-12 col-md-12 col-sm-12"><b>{{'Team logo' | translate}}</b></div>
    <div class="col-lg-12 col-xs-12 col-md-12 col-sm-12">
        <div class="dropdown" style="display:inline">
            <a class="btn btn-default" data-toggle="dropdown" href="">
                <span ng-hide="modalOptions.formObject.Flag">{{'Select team logo' | translate}}</span>
                <span ng-show="modalOptions.formObject.Flag"><img height="20" width="40" ng-src="{{modalOptions.formObject.Flag}}" /></span>
                <b class="caret"></b>
            </a>
            <ul class="dropdown-menu" role="menu" style="height:100px;overflow-y:scroll;">
                <li ng-repeat="flag in modalOptions.flags" ng-click="modalOptions.formObject.Flag = flag.Path">
                    <a href=""><img height="11" width="16" ng-src="{{flag.Path}}" /> {{flag.Name}}</a>
                </li>
            </ul>
        </div>
    </div>
</div>
