<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>{% block title %}Trading Bot{% endblock %}</title>

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Tabler CSS -->
  <link
    href="https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta19/dist/css/tabler.min.css"
    rel="stylesheet"
  />

  <!-- UI v2 base styles -->
  <link href="/static/css/base.css" rel="stylesheet" />
  <link href="/static/css/layout.css" rel="stylesheet" />
  <link href="/static/css/components.css" rel="stylesheet" />

  {% block extra_css %}{% endblock %}
</head>

<body>
  {% block body %}{% endblock %}

  <!-- Tabler JS -->
  <script src="https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta19/dist/js/tabler.min.js"></script>

  <!-- UI v2 core JS -->
  <!-- <script src="/static/js/app.js"></script>
  <script src="/static/js/api.js"></script>
  <script src="/static/js/router.js"></script> -->

  {% block extra_js %}{% endblock %}
</body>
</html>
