{{define "title"}}{{ .App.Manifest.Title }} - Arcad{{end}}
{{define "body"}}
<div class="flex h-full w-full flex-col" data-controller="app" data-app-frame-src="./{{ .App.Manifest.ID }}/">
  <div class="app-header">
    <div class="flex justify-between">
      <div class="level-left">
        <a href="../" class="level-item button is-link is-small">
          <img class="custom-icon" width="50" height="50" src="/icons/house-solid.svg"/>
        </a>
      </div>
      <div class="level-right">
        {{if .App.Manifest.Options.HighscoresEnabled}}
        <a class="flex" href="../highscores/{{ .App.Manifest.ID }}" class="level-item button is-link is-small">
          <span class="mr-1">Classement</span>
          <img class="custom-icon" width="50" height="50" src="/icons/trophy-solid.svg"/>
        </a>
        {{end}}
      </div>
    </div>
  </div>
  <iframe class="app-frame" data-target="app.frame"
    scrolling="no" seamless="seamless"
    data-action="beforeunload->app#onFrameBeforeUnload load->app#onFrameLoad">
  </iframe>
</div>
{{end}}
{{template "base" .}}