<!DOCTYPE html>
<html lang="{{ language_code|none('en-us') }}" dir="{{ LANGUAGE_BIDI|yesno('rtl,ltr,auto') }}">
<head>
<title>{% block title %}{{ title|none('Admiral') }}{% endblock %}</title>
{% include "fomantic.html" %}
<link rel="stylesheet" type="text/css" href="/static/admin/admin.css">
{% block extrastyle %}{% endblock %}
{% block extrahead %}{% endblock %}
{% block responsive %}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{% endblock %}
{% block blockbots %}
<meta name="robots" content="NONE,NOARCHIVE">
{% endblock %}
</head>
<body>
{% block body %}
{% block header %}
<header id="header" class="ui small inverted top fixed main menu">
<a class="launch icon item">
<i class="content icon"></i>
</a>
<div class="item" id="branding">
{% block branding %}Miniweb{% endblock %}
</div>
<div class="right menu">
{% block usertools %}
<div class="item">Documentation</div>
<div class="icon item"><i class="tools link icon"></i></div>
{% endblock usertools %}
<div class="item">
<a class="ui blue image label">
<img src="/static/admin/teddy_bear.png">
Person
<div class="detail">Admin</div>
</a>
</div>
<div class="icon item">
<form id="logout-form" method="post" action="{{ url('admin:logout') }}">
<i class="power link icon" style="float: none;"></i>
</form>
</div>
</div>
</header>
{% endblock %}
{% block sidebar %}
<div class="ui vertical sidebar left visible overlay" id="main_sidemenu">
<div class="ui vertical inverted fluid menu">
<div class="item"><a href="{{admin_url}}">
<i class="big d20 dice icon" style="float: none;"></i>
<b>Administration</b>
</a>
</div>
<div class="item">
<div class="ui hidden right aligned search input" id="search">
<div class="ui inverted transparent icon input">
<input class="prompt" type="text" placeholder="Filter...">
<i class="search link icon" data-content="Search UI"></i>
</div>
<div class="results"></div>
</div>
</div>
<div class="item">
<div class="header">General</div>
<div class="menu">
<a class="item" href="#">
Introduction
</a>
<a class="item" href="#">
Status
</a>
<a class="item" href="#">
Settings
</a>
</div>
</div>
{% if available_apps %}
{% for app in available_apps %}
<div class="item">
<i class="cog link icon" href="{{ app.admin_url }}"></i>
<div class="header">{{ app.name }} </div>
<div class="menu">
{% for model in app.models %}
<div
class="item model-{{ model.key }}{% if model.admin_url in request.path|urlencode %} current-model{% endif %}">
{% if model.admin_url %}
<a href="{{ model.admin_url }}" hx-get="{{ model.admin_url }}" hx-target="#main" hx-push-url="true" {% if
model.admin_url in request.path|urlencode %} aria-current="page" {% endif %}>{{ model.name }}</a>
{% else %}
<span>{{ model.name }}</span>
{% endif %}
{% if model.add_url %}<i class="plus link icon" hx-get="{{ model.add_url }}" hx-target="#main"
hx-push-url="true">
{% if captions %}<a href="{{ model.add_url }}" class="addlink">{{ translate( 'Add') }}</a>{% endif %}</i>
{% endif %}
{% endfor %}
</table>
</div>
</div>
</div>
{% endfor %}
{% endif %}
</div>
</div>
{% endblock sidebar %}
<div class="pusher pushover" id="main_content">
<main id="main">
{% block content %}
{% endblock content %}
</main>
</div>
{% endblock body %}
{% block bodyjs %}
<script src="/static/htmx/htmx.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#main_sidemenu').sidebar({
transition: 'overlay',
dimPage: false,
closable: false,
onHide: function () {
$('#main_content').removeClass('pushover');
},
onShow: function () {
// This function is called when the sidebar is visible
$('#main_content').addClass('pushover');
}
}).sidebar('attach events', '.launch.icon.item').sidebar("show");
});
</script>
{% endblock bodyjs %}
</body>
</html>