{% load static %}
{% load loggerpanel %}

<!DOCTYPE html>
<html class="h-100">
  <head>
    {% block head %}

      {% block meta %}
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta name="robots" content="NONE,NOARCHIVE" />
      {% endblock %}

      <title>{% block title %}{% if name %}{{ name }} – {% endif %}Django Logger Panel{% endblock %}</title>

      {% block style %}
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
      {% endblock %}
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
    {% endblock %}
    <!-- Custom styles for this template -->
    <link href="{% static 'loggerpanel/css/default.css' %}" rel="stylesheet">
  </head>


  {% block body %}
  <body class="d-flex flex-column h-100">
    <header>
      <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
        <div class="container-fluid">
          <a class="navbar-brand" href="{{base_url}}">Django Logger Panel</a>
        </div>
      </nav>
    </header>

    <!-- Begin page content -->
    <main class="flex-shrink-0">
      <div class="container">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb">
            {% for crumb in breadcrumbs %}
              {% if crumb.is_last %}
              <li class="breadcrumb-item active" aria-current="page">{{crumb.name}}</li>
              {% else %}
              <li class="breadcrumb-item"><a href="{{crumb.url}}">{{crumb.name}}</a></li>
              {% endif %}
            {% endfor %}
          </ol>
        </nav>
        {% if error %}
        <div class="alert alert-danger" role="alert">
          {{error}}
        </div>
        {% endif %}
    {% block content %}
    {% endblock %}
      </div>
    </main>
    <footer class="footer mt-auto py-3 bg-light">
      <div class="container text-center">
        <span class="text-dark">v{{project_version}}</span>
        <span class="text-dark">|</span>
        <a class="text-dark" href="https://github.com/jonathadv/django-logger-panel" target="_blank">Github</a>
      </div>
    </footer>
  </body>
  {% endblock %}
</html>
