{% load static %}
{% load messagehelpers %}
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>KumiDC | {{ title }}</title>

  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet" href="https://fontproxy.kumi.systems/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome Icons -->
  <link rel="stylesheet" href="{% static "frontend/dist/css/fontawesome-all.min.css" %}">
  <!-- Theme style -->
  <link rel="stylesheet" href="{% static "frontend/dist/css/adminlte.min.css" %}">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">

  {% include "frontend/navbar.html" %}
  {% include "frontend/sidebar.html" %}

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">{{ title }}</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">{{ title }}</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    {% for message in messages %}
    <div class="card text-white bg-{% message_to_bootstrap_level message.level %} mb">
        <div class="card-body">
          <p class="card-text">{{ message }}</p>
        </div>
      </div>
    {% endfor %}

    {% block content %}
    {% endblock %}

  </div>
  <!-- /.content-wrapper -->
  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Control sidebar content goes here -->
    <div class="p-3">
      <h5>Title</h5>
      <p>Sidebar content</p>
    </div>
  </aside>
  <!-- /.control-sidebar -->

  <!-- Main Footer -->
  <footer class="main-footer">
    <!-- To the right -->
    <div class="float-right d-none d-sm-inline">
      Have a nice day! <i class="fas fa-heart"></i>
    </div>
    <!-- Default to the left -->
    <strong>Made in Europe with love – 2022 <a href="https://kumi.systems">Kumi Systems e.U.</a></strong>
  </footer>
</div>
<!-- ./wrapper -->

<!-- REQUIRED SCRIPTS -->

<!-- jQuery -->
<script src="{% static "frontend/dist/js/jquery.min.js" %}"></script>
<!-- Bootstrap 4 -->
<script src="{% static "frontend/dist/js/bootstrap.bundle.min.js" %}"></script>
<!-- AdminLTE App -->
<script src="{% static "frontend/dist/js/adminlte.min.js" %}"></script>
</body>
</html>
