<div class="app-header bg-header-1">
  <div class="layout-fixed full-h text-center">
    <div class="full-h v-bottom-i pdB15">
      <div class="app-content-header bg-header-1">
        <div class="text-title-header-1 nowrap mgT10">New room</div>
      </div>
    </div>
  </div>
  <button class="popup-back-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#settingRoomManagementAdd')"></button>
</div>
<form class="app-content" id="formAddRooms" name="formAddRooms" ng-submit="createRooms(formAddRooms,file)" novalidate="">
  <div class="app-content-inner content-pd">
    <button type="submit" id="submitFormAddRooms" style="display:none;">Submit</button>
    <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false">
      <div class="box-setting-4 form-field-container no-saperator">
        <div class="content content-in">
          <div class="itm">
            <label class="label-form-field-1" ng-class="{ 'has-errors' : formAddRooms.name.$invalid  }">Name</label>
            <div class="layout-fixed">
              <div>
                <div class="input-form-field-1" ng-class="{ 'has-errors' : formAddRooms.name.$invalid  }" ng-click="focusHandle($event)">
                  <input type="text" class="h32px" id="name" name="name" ng-model="addRoomsData.name" required>
                </div>
              </div>
            </div>
          </div>
          <div class="itm">
            <label class="label-form-field-1" ng-class="{ 'has-errors' : formAddRooms.name.$invalid  }">Icon</label>
            <div class="layout-fixed">
              <div>
                <div class="input-form-field-1 non-select" ng-class="{ 'has-errors' : imageURI == ''}" ng-click="focusHandle($event)">
                  <div class="w60px h60px relative obove">
                    <img class="full" ng-src="{{imageURI}}" id="iconAddRoom"/>
                  </div>
                  <div class="sign-r clear">
                    <button class="bg-transparent full-h right pdR10" type="button" ng-click="openPickerForProfile()">
                      <svg class="h20px" viewBox="0 0 280.028 280.028"> <g> <path style="fill:#016A87;" d="M201.27,35.004h35.003c4.839,0,8.751,3.92,8.751,8.751v8.751h-52.505v-8.751   C192.519,38.925,196.43,35.004,201.27,35.004z" /> <path style="fill:#2C9AB9;" d="M17.502,52.506h245.024c9.661,0,17.502,7.841,17.502,17.502v140.014   c0,9.661-7.841,17.502-17.502,17.502H17.502C7.841,227.523,0,219.682,0,210.022V70.008C0,60.347,7.841,52.506,17.502,52.506z" /> <path style="fill:#FFF;" d="M122.512,35.004c57.992,0,105.01,47.018,105.01,105.01s-47.018,105.01-105.01,105.01   s-105.01-47.018-105.01-105.01S64.52,35.004,122.512,35.004z" /> <path style="fill:#016A87;" d="M122.512,61.257c43.5,0,78.758,35.257,78.758,78.758c0,43.492-35.257,78.758-78.758,78.758   s-78.758-35.257-78.758-78.758C43.754,96.523,79.011,61.257,122.512,61.257z" /> <path style="fill:#2B414D;" d="M122.512,87.51c29,0,52.505,23.514,52.505,52.505s-23.505,52.505-52.505,52.505   c-28.992,0-52.505-23.522-52.505-52.505S93.52,87.51,122.512,87.51z" /> <path style="fill:#FFFFFF;" d="M144.389,105.011c7.246,0,13.126,5.881,13.126,13.126c0,7.254-5.881,13.126-13.126,13.126   s-13.126-5.872-13.126-13.126S137.143,105.011,144.389,105.011z" /> <path style="fill:#FFFFFF;" d="M249.399,70.008c7.246,0,13.126,5.872,13.126,13.126s-5.881,13.126-13.126,13.126   c-7.246,0-13.126-5.872-13.126-13.126C236.273,75.88,242.154,70.008,249.399,70.008z" /> <g> <rect x="201.27" y="35.004" style="fill:#016A87;" width="8.751" height="17.502" /> <rect x="218.771" y="35.004" style="fill:#016A87;" width="8.751" height="17.502" /> <path style="fill:#016A87;" d="M236.273,35.004v17.502h8.751v-8.751C245.024,38.925,241.112,35.004,236.273,35.004z" /> </g> </g> </svg>
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="itm">
            <label class="label-form-field-1" ng-class="{'has-errors' : (addRoomsData.selectusers.length==0 || !addRoomsData.selectusers) }">User</label>
            <div class="layout-fixed">
              <div>
                <div class="input-form-field-1" ng-class="{'has-errors' : (addRoomsData.selectusers.length==0 || !addRoomsData.selectusers) }" ng-click="focusHandle($event)">
                  <textarea autocomplete="off"
                  class="ion-autocomplete"
                  external-model="initialUser"
                  ion-autocomplete=""
                  item-value-key="id"
                  item-view-value-key="screen_name"
                  items-clicked-method="onSelectUser(callback,'add')"
                  items-removed-method="onRemoveUser(callback,'add')"
                  items-method="filterUser(query,'add')"
                  items-method-value-key="items"
                  max-selected-items="50"
                  ng-model="autocompleteList.refferedUserAdd"
                  model-to-item-method="setValueForUser(modelValue)"
                  placeholder=""
                  readonly="readonly"
                  type="text"
                  style="width:100%" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </ion-scroll>
  </div>
</form>
<div class="app-control">
  <div class="layout-fixed full-h pdT2">
    <div class="full-h">
      <button class="button-form-field-1 darkgray position-left full" type="button" ng-click="closeTarget('#settingRoomManagementAdd');">
        Cancel
      </button>
    </div>
    <div class="full-h">
      <button class="button-form-field-1 position-right full" onclick="getElementById('submitFormAddRooms').click()" type="button">
        <svg class="icon h14px" viewBox="0 0 28.91 28.91"> <path style="fill:#030104;" d="M4.594,11.533c0,0-3.091,12.141-4.2,16.889l5.937-8.125c-0.539-1.199-0.214-3.018,0.729-4.049   c1.266-1.383,3.52-1.383,4.904-0.117s1.479,3.414,0.213,4.797c-0.959,1.053-2.733,1.477-3.989,1.008L0.771,28.91l15.646-6.059   l6.287-9.42l-8.229-7.705L4.594,11.533z" /> <polygon style="fill:#030104;" points="20.669,0 16.153,4.193 24.241,11.988 28.515,7.555  " /> </svg>
        Add
      </button>
    </div>
  </div>
</div>