<!DOCTYPE html>
<html>
  <head>
    <title>ECP</title>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
    <meta name="description" content="A school quality framework with multiple measures that offers a fair and comprehensive picture of school performance">

    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">

    <link href="https://fonts.googleapis.com/css?family=Bitter:400,600,700" rel="stylesheet" type="text/css"/>
    <link href="https://fonts.googleapis.com/css?family=Cabin:400,600,700" rel="stylesheet" type="text/css"/>

    <%= stylesheet_link_tag 'dashboard/sqm', media: 'all', 'data-turbo-track': 'reload' %>
    <%= stylesheet_link_tag 'dashboard/welcome', media: 'all', 'data-turbo-track': 'reload' %>

    <%= javascript_include_tag 'application', 'data-turbo-track': 'reload' %>
    <%= render partial: 'layouts/dashboard/google_analytics', locals: { google_analytics_id: @google_analytics_id } %>
  </head>
  <body>

    <header>
      <div class="container">
        <div class="row py-4 justify-content-between align-items-center">
          <div class="col d-flex justify-content-start align-items-center">
            <%= link_to image_tag('dashboard/logo.svg', alt: 'School Quality Measures Dashboard', size: "100x100"), welcome_path, class: 'me-7' %>
          </div>
        </div>
      </div>
    </header>

    <%= yield %>

    <div>
      <%= render partial: 'layouts/dashboard/footer' %>
    </div>

  </body>
</html>
