@inherits LayoutComponentBase
@using Blazored.Toast.Configuration
@inject IJSRuntime js

<div class="page">
  <div class="sidebar">
    <NavMenu />
  </div>

  <div class="main">
    <div class="top-row px-4">
      <em>(&hellip;and Jobs - <a class="audio" @onclick="PlayJobs">Let's Vote for Jobs!</a>)</em>
    </div>

    <div class="content px-4">
      @Body
    </div>
    <audio id="pelosijobs">
      <source src="/audio/pelosi-jobs.mp3">
    </audio>

    <div class="app-version">
      Jobs, Jobs, Jobs @AppState.Version.Value &bull; <a href="/privacy-policy">Privacy Policy</a>
      &bull; <a href="/terms-of-service">Terms of Service</a>
    </div>
  </div>
</div>
@if (InitToasts)
{
  <BlazoredToasts Position="ToastPosition.BottomRight"
                  ShowProgressBar="true" />
}

@code {
    bool InitToasts = false;
    async void PlayJobs() => await js.InvokeVoidAsync("Audio.play", "pelosijobs");

    protected override void OnAfterRender(bool firstRender)
    {
        base.OnAfterRender(firstRender);
        if (!InitToasts) InitToasts = true;
    }
}