<!DOCTYPE html>
<html lang="en">
  <head>
    <title>{{ title }}</title>
    {{#if scheme }}
      <!-- Icon Font Library -->
      <link rel="stylesheet" href="node_modules/@caweb/html-webpack-plugin/build/font-only.css" />

      <!-- Template Scheme CSS -->
      <link rel="stylesheet" href="node_modules/@caweb/html-webpack-plugin/build/{{ scheme }}.css" />
    {{/if}}


    {{#if htmlWebpackPlugin.options.meta }}
    {{#each htmlWebpackPlugin.options.meta }}
    <meta name="{{ @key }}" content="{{ this }}">
    {{/each}}
    {{/if}}

    {{#if assets }}
    {{#each assets }}
    {{#if (endsWith this ".css") }}
    <link rel="stylesheet" href="{{ this }}" />
    {{/if}}
    {{/each}}
    {{/if}}
  </head>
  <body>
      {{> header }}
      <div id="page-container" class="page-container">
          <div id="main-content" class="main-content" tabindex="-1">
            <main class="main-primary">
              {{#if htmlWebpackPlugin.options.templateParameters.bodyHtmlSnippet }}
              {{{ htmlWebpackPlugin.options.templateParameters.bodyHtmlSnippet }}}
              {{else}}
              {{> content }}
              {{/if}}
            </main>
          </div>
      </div>
      {{> footer }}
      {{#if scheme }}
      <script src="node_modules/@caweb/html-webpack-plugin/build/{{ scheme }}.js"></script>
      {{/if}}
      {{#if assets }}
      {{#each assets }}
      {{#if (endsWith this ".js") }}
      <script src="{{ this }}"></script>
      {{/if}}
      {{/each}}
      {{/if}}
  </body>
</html>
