@(
  title: String,
  user: Option[com.gu.pandomainauth.model.User],
  config: io.circe.Json,
  gaId: String,
  presenceClientLib: String,
  maybePinboardLoaderUrl: Option[String]
)

@layout(title, user, config) {
  <div class="main" ui-view>
    @*<div class="splash__message">Loading...</div>*@
    <noscript class="splash__noscript"><p>Please enable JavaScript to use Workflow.</p></noscript>

      <link rel="stylesheet" type="text/css" href="@routes.Assets.versioned("static/spinner.css")"/>
      <div class="spinner">
          <div class="bounce1"></div>
          <div class="bounce2"></div>
          <div class="bounce3"></div>
      </div>

  </div>

  <script src="@routes.Assets.versioned("build/app.bundle.js")"></script>
  <script src="@presenceClientLib"></script>
  @if(gaId != "") {
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
              m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
    </script>
  }
  @maybePinboardLoaderUrl.map { pinboardLoaderUrl =>
    <script async src="@pinboardLoaderUrl"></script>
  }
}