<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css"
            integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
            crossorigin=""/>
    <link rel="stylesheet" href="{{ static( "style.css" ) }}" />
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"
            integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
            crossorigin="anonymous"></script>
    <link rel="stylesheet" href="{{ static( "jsonFormatter.min.css" ) }}" crossorigin="anonymous"></script>
    <script src="{{ static( "jsonFormatter.min.js" ) }}" crossorigin="anonymous"></script>

    <title>{{ metadata.pageTitle }}</title>
  </head>
  <body>
  <nav class="navbar navbar-light bg-light navbar-expand-sm">
      <div class="container">
          <div id="navbar" class="navbar-collapse collapse d-flex justify-content-between align-items-center">
              <ol class="breadcrumb bg-light my-0 pl-0">
              {% for nav in metadata.navigation %}
                  <li class="breadcrumb-item"><a href="{{ nav.href }}" >{{ nav.title }}</a></li>
              {% endfor %}
                  <li class="breadcrumb-item active">
                     {{ metadata.pageTitle }}
                  </li>
              </ol>
              <ul class="list-unstyled list-separated m-0 p-0 text-muted">
              {% for link in links_filter( links, "rel", "alternate" ) %}
                  <li><a rel="{{ link.rel }}" href="{{ link.href }}" target="_blank">{{ content_type_name( link.type ) }}</a></li>
              {% endfor %}
              </ul>
          </div>


      </div>
  </nav>
  <div class="container pt-4">
  <!-- END HEADER TEMPLATE header.html -->
