<!DOCTYPE html>
<html>
  <head>
    <title><%= @page.blank? ? 'Akademia Technologii' : "Akademia Technologii: #{@page.title}" %></title>
    <%= csrf_meta_tags %>
    <link rel="shortcut icon" type="image/x-icon" href="/assets/favicon.ico">
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= stylesheet_link_tag 'main' %>
    <%= javascript_include_tag 'application', 'jquery', 'whcookies', 'data-turbolinks-track': 'reload' %>
    <%= yield :header_scripts %>
  </head>

  <body>
    <div id="page-wrapper">
      <!-- Header -->
      <section id="header">
        <div class="container">
          <div class="row">
            <div class="col-12">

              <!-- Logo -->
              <h1>
                <a href="/" id="logo">Akademia Technologii</a>
              </h1>

              <!-- Nav -->
              <nav id="nav">
                <%= raw menu_top(@pages) %>
              </nav>

            </div>
          </div>
        </div>
        <%= yield :banner %>
      </section>

      <%= yield %>
      <!-- Copyright -->
      <div id="copyright">
        &copy; Akademia Technologii 2018. | Design:
        <a href="http://html5up.net">HTML5 UP</a>
      </div>
    </div>
    <%= javascript_include_tag 'browser.min', 'breakpoints.min', 'util', 'main' %>
    <%= yield :footer_scripts %>
  </body>
</html>
