<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    {csrf_meta_tag()}
    {live_title_tag assigns[:page_title] || "<%= inspect(app_module) %>", suffix: " · Phoenix Framework"}
    <link phx-track-static rel="stylesheet" href={Routes.static_path(@conn, "/assets/app.css")}/>
    <script defer phx-track-static type="text/javascript" src={Routes.static_path(@conn, "/assets/app.js")}></script>
  </head>
  <body>
    <header>
      <section class="container">
        <nav>
          <ul>
            <li><a href="https://hexdocs.pm/phoenix/overview.html">Get Started</a></li>
            {#if function_exported?(Routes, :live_dashboard_path, 2)}
              <li>{link "LiveDashboard", to: Routes.live_dashboard_path(@conn, :home)}</li>
            {/if}
            {#if Application.spec(:surface_catalogue)}
              <li><a href="/catalogue">Catalogue</a></li>
            {/if}
          </ul>
        </nav>
        <a href="https://phoenixframework.org/" class="phx-logo">
          <img src={Routes.static_path(@conn, "/images/phoenix.png")} alt="Phoenix Framework Logo"/>
        </a>
      </section>
    </header>
    {@inner_content}
  </body>
</html>
