{% block doc -%}
  <!doctype html>
  <html {% block html_attribs %}{% endblock html_attribs %}>
    {% block html %}
      <head>
        {%- block head %}
          <title>{% block title %}{{ title | default }}{% endblock title %}</title>

          {%- block metas %}
            <!-- Required meta tags -->
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
          {%- endblock metas %}

          {%- block styles %}
            <!-- Bootstrap CSS -->
            <link rel="stylesheet" href="{{ url_for('bootstrap.static', filename='css/bootstrap.min.css') }}">
          {%- endblock styles %}
        {%- endblock head %}
      </head>
      <body {% block body_attribs %}{% endblock body_attribs %}>
        {% block body -%}
          {% block navbar -%}
          {%- endblock navbar %}
          {% block content -%}
          {%- endblock content %}

          {% block scripts -%}
            <!-- Optional JavaScript -->
            <!-- jQuery first, then Popper.js, then Bootstrap JS -->
            <script src="{{ url_for('bootstrap.static', filename='jquery.slim.min.js') }}"></script>
            <script src="{{ url_for('bootstrap.static', filename='popper.min.js') }}"></script>
            <script src="{{ url_for('bootstrap.static', filename='js/bootstrap.min.js') }}"></script>
          {%- endblock scripts %}
        {%- endblock body %}
      </body>
    {% endblock html %}
  </html>
{% endblock doc -%}
