<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    {% if title %}
    <title>{{ title }} - Geolens</title>
    {% else %}
    <title>Geolens</title>
    {% endif %}
    <link
      rel="stylesheet"
      href="{{ url_for('static', filename='css/app.css') }}"
    />
    <link
      rel="stylesheet"
      href="https://unpkg.com/maplibre-gl@4.7.0/dist/maplibre-gl.css"
      crossorigin="anonymous"
    />
  </head>
  <body class="antialiased bg-white dark:bg-gray-900">
    {% include '_header.html' %}

    <main>
      <div>{% block content %} {% endblock content %}</div>
      <div>{% include '_footer.html' %}</div>
    </main>

    <script src="{{ url_for('static', filename='vendor/flowbite/flowbite.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js/bundle.js') }}"></script>
  </body>
</html>
