<settings-menu></settings-menu>
<div class="alert container-alert" role="alert" *ngIf="about && usingSqliteDatabase">
  Switching to a MySQL database can drastically improve performance and stability. See how to do that here: <a href="https://docs.ombi.app/guides/migrating-databases/" target="_blank">https://docs.ombi.app/guides/migrating-databases/</a>
</div>
<div *ngIf="about" class="small-middle-container">
  <legend>About</legend>

<div class="row">
  <div class="col-md-8">
  <div class="mat-table">
      <div class="mat-row" style="background:red;" *ngIf="notSupported">
          <div class="mat-cell" style="text-align: center;"><b>NOT SUPPORTED OS. Please use the docker image available on the Container Station (It's free)</b></div>
        </div>
    <div class="mat-row" *ngIf="connectedUsers">
      <div class="mat-cell">Users Online</div>
      <div class="mat-cell">{{connectedUsers.length}}</div>
    </div>
    <div class="mat-row">
      <div class="mat-cell">Version</div>
      <div class="mat-cell">{{about.version}} &nbsp; <a (click)="openUpdate()" *ngIf="newUpdate"
          style="color:#df691a; text-decoration: underline; cursor: pointer;"><b><i class="fas fa-code-branch"></i> (New Update Available)</b></a>
        <span *ngIf="!newUpdate"> <i class="far fa-thumbs-up" matTooltip="Nice work bro! Latest version FTW!"></i></span>
        </div>
    </div>

    <!-- <div class="mat-row">
      <div class="mat-cell">Branch</div>
      <div class="mat-cell">{{about.branch}}</div>
    </div> -->

    <div class="mat-row">
      <div class="mat-cell">Github</div>
      <div class="mat-cell"> <a href="https://github.com/Ombi-app/Ombi"
          target="_blank">https://github.com/Ombi-app/Ombi</a></div>
    </div>

    <div class="mat-row">
      <div class="mat-cell">Discord</div>
      <div class="mat-cell"><a href="https://discord.gg/Sa7wNWb" target="_blank">https://discord.gg/Sa7wNWb</a></div>
    </div>

    <div class="mat-row">
      <div class="mat-cell">Reddit</div>
      <div class="mat-cell"> <a href="https://www.reddit.com/r/Ombi/" target="_blank">https://www.reddit.com/r/Ombi/</a>
      </div>
    </div>

    <div class="mat-row">
      <div class="mat-cell">Issues</div>
      <div class="mat-cell"> <a href="https://github.com/Ombi-app/Ombi/issues"
          target="_blank">https://github.com/Ombi-app/Ombi/issues</a></div>
    </div>

    <div class="mat-row">
      <div class="mat-cell">Wiki</div>
      <div class="mat-cell"> <a href="https://docs.ombi.app"
          target="_blank">https://docs.ombi.app</a></div>
    </div>

    <div class="mat-row">
      <div class="mat-cell">OS Architecture</div>
      <div class="mat-cell"> {{about.osArchitecture}}</div>
    </div>

    <div class="mat-row">
      <div class="mat-cell">OS Description</div>
      <div class="mat-cell">{{about.osDescription}}</div>
    </div>

    <div class="mat-row">
      <div class="mat-cell">Process Architecture</div>
      <div class="mat-cell">{{about.processArchitecture}}</div>
    </div>

    <div class="mat-row">
      <div class="mat-cell">Application Base Path</div>
      <div class="mat-cell">{{about.applicationBasePath}}</div>
    </div>

    <div class="mat-row">
      <div class="mat-cell">Storage Path</div>
      <div class="mat-cell">{{about.storagePath}}</div>
    </div>

    <div class="mat-row">
      <div class="mat-cell">Ombi Database</div>
      <div class="mat-cell">{{about.ombiDatabaseType}}</div>
    </div>

    <div class="mat-row">
      <div class="mat-cell">External Database</div>
      <div class="mat-cell">{{about.externalDatabaseType}}</div>
    </div>

    <div class="mat-row">
      <div class="mat-cell">Settings Database</div>
      <div class="mat-cell">{{about.settingsDatabaseType}}</div>
    </div>


  </div>
  </div>
  <div class="col-md-4">
    <div>
      <a target="_blank" href='https://play.google.com/store/apps/details?id=com.tidusjar.Ombi&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'><img width="200px" alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/></a>
      <a target="_blank" href='https://apps.apple.com/us/app/ombi/id1335260043'><img width="155px" alt='Get it on App Store' [src]="appstoreImage"/></a>
    </div>
    <h2>News</h2>
    <div [innerHTML]="newsHtml"></div>
  </div>
  </div>
</div>
