<ion-view view-title="{{'Settings' | translate}}">
  <ion-content>

    <form ng-submit="updateWebSocketUrl()" ng-if="settings.webSocketUrl">
      <label class="item item-input">
        <div class="input-label" translate>
          Connection
        </div>
        <input ng-model="settings.webSocketUrl" style="text-align: right" type="text">
      </label>
    </form>

    <label class="item item-input item-select">
      <div class="input-label" translate>
        Language
      </div>
      <select ng-model="settings.locale"
              ng-options="id as locale.displayName for (id, locale) in locales"
              >
      </select>
    </label>

    <label class="item item-input item-select">
      <div class="input-label" translate>
        Theme
      </div>
      <select ng-model="settings.stylesheet">
        <option value="css/ionic.min.css">Ionic</option>
        <option value="css/ionic-ios.min.css">Ionic iOS</option>
      </select>
    </label>

    <label class="item item-input item-select">
      <div class="input-label" translate>
        Default Click Action
      </div>
      <select ng-model="settings.action">
        <option value="add" translate>Add to Tracklist</option>
        <option value="add+play" translate>Play Track</option>
      </select>
    </label>

  </ion-content>

</ion-view>
