{% load static %}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}Core{% endblock %}</title>
<link href="{% static 'core/css/output.css' %}" rel="stylesheet" type="text/css">
{# <meta http-equiv="refresh" content="10">#}
</head>
<body>
<div class="navbar mb-2 shadow-lg bg-neutral text-neutral-content rounded-box">
<div class="flex-none lg:hidden">
<label for="my-drawer-3" class="btn btn-square btn-ghost">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
class="inline-block w-6 h-6 stroke-current">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</label>
</div>
<div class="flex-1 px-2 mx-2 navbar-start">
<a href="{% url 'home_view' %}" class="text-lg font-bold">
{% block home_logo %}DaisyUI{% endblock %}
</a>
</div>
<div class="flex-none gap-2">
{% block navbar_extra %}
<div class="form-control">
<input type="text" placeholder="Search" class="input input-bordered"/>
</div>
{% endblock %}
<div class="dropdown dropdown-end">
{% block account_picture %}
<label tabindex="0" class="btn btn-ghost btn-circle avatar">
<div class="w-10 rounded-full">
<img src="https://placeimg.com/80/80/people"/>
</div>
</label>
{% endblock %}
<ul tabindex="0"
class="mt-3 p-2 shadow menu menu-compact dropdown-content bg-base-100 text-base-content rounded-box w-52">
{% block account_dropdown_list %}
<li>
<a href="{% url 'password_change' %}">Passwort ändern</a>
</li>
<li>
<a href="{% url 'logout' %}">{{ user.username }} abmelden</a>
</li>
{% endblock %}
</ul>
</div>
</div>
</div>
<div class="drawer drawer-mobile">
<input id="my-drawer-3" type="checkbox" class="drawer-toggle"/>
<div class="drawer-content flex flex-col">
<!-- Navbar -->
<!-- Page content here -->
<main>
<div class="p-4 lg:pl-0">
{% block content %}
{% endblock %}
</div>
</main>
</div>
<div class="drawer-side sm:shadow-lg sm:rounded-box m-4">
<label for="my-drawer-3" class="drawer-overlay"></label>
<ul class="menu p-4 w-fit m-w-xs bg-base-100">
<!-- Sidebar content here -->
{% block sidebar_list %}
<li><a>Sidebar Item 1</a></li>
<li><a>Sidebar Item 2</a></li>
{% endblock %}
</ul>
</div>
</div>
</body>
</html>