<div class="header">
  <div>
    <a [routerLink]="['/']">
      <img src="/assets/keisatsu-chan.png" class="header-image" alt="keisatsu-chan~!">
    </a>
  </div>
  <div>
    <h2>/nise.moe/</h2>
    <ul style="font-size: 15px; line-height: 19px;">
      <li><a [routerLink]="['/']">./home</a></li>
      <li><a [routerLink]="['/sus']">./suspicious-scores</a></li>
      <li><a [routerLink]="['/stolen']">./stolen-replays</a></li>
      <li><a [routerLink]="['/search']">./advanced-search</a></li>
    </ul>
    <form (ngSubmit)="onSubmit()">
      <input style="width: 100%" type="text" [(ngModel)]="term" [ngModelOptions]="{standalone: true}" id="nise-osu-username" required minlength="2" maxlength="50" placeholder="Search for users...">
    </form>
    <div style="margin-top: 6px">
      <ng-container *ngIf="this.userService.isUserLoggedIn()">
        hi, <span class="user-details" [title]="this.userService.currentUser?.username">{{this.userService.currentUser?.username}}</span> <a [href]="this.userService.getLogoutUrl()">Logout</a>
      </ng-container>
      <ng-container *ngIf="!this.userService.isUserLoggedIn()">
        <a [href]="this.userService.getLoginUrl()">Login</a>
      </ng-container>
    </div>
  </div>
</div>
<router-outlet></router-outlet>
<div class="text-center version">
  v20240305
</div>
