<div style="display: block">
  <div style="display: inline-block">
    <ng-container i18n="Select a version">Select a version:</ng-container>
  </div>
  @if (availableVersions) {
    <div style="display: inline-block; margin-left: 15px;">
      <mat-form-field>
        <mat-select [(ngModel)]="selectedVersion">
          @for (version of availableVersionsFiltered; track version) {
            <mat-option [value]="version['tag_name']">
              {{version['tag_name'] + (version === latestStableRelease ? ' - Latest Stable' : '') + (version['tag_name'] === CURRENT_VERSION ? ' - Current Version' : '')}}
            </mat-option>
          }
        </mat-select>
      </mat-form-field>
    </div>
  }
  @if (selectedVersion && selectedVersion !== CURRENT_VERSION) {
    <div style="display: inline-block; margin-left: 15px;">
      <button (click)="updateServer()" color="accent" mat-raised-button><mat-icon>update</mat-icon>&nbsp;&nbsp;
      @if (selectedVersion > CURRENT_VERSION) {
        Upgrade to
        }@if (selectedVersion < CURRENT_VERSION) {
        Downgrade to
      }&nbsp;{{selectedVersion}}</button>
    </div>
  }
</div>