{% load static %}
<!DOCTYPE html>
<html lang="de">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>{% block title %}FragDenRat{% endblock %}</title>
	<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
	<link rel="icon" href="{% static 'favicon.svg' %}" type="image/svg+xml">
	{% block extra_head %}{% endblock %}
	<style>
		body { background: #f8f9fa; }
		.navbar-brand img { height: 36px; }
	</style>
</head>
<body>
	<nav class="navbar navbar-expand-lg bg-white border-bottom">
		<div class="container">
			<a class="navbar-brand d-flex align-items-center" href="/">
				<img src="{% static 'favicon.svg' %}" alt="Logo" class="me-2"/>
				<strong>FragDenRat</strong>
			</a>
			<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse justify-content-end" id="mainNav">
				<ul class="navbar-nav">
					<li class="nav-item"><a class="nav-link" href="/">Start</a></li>
					<li class="nav-item"><a class="nav-link" href="/gemeinden/">Gemeinden</a></li>
					<li class="nav-item"><a class="nav-link" href="/mitglieder/">Stadträt:innen</a></li>
					<li class="nav-item"><a class="nav-link" href="/parteien/">Parteien</a></li>
					<li class="nav-item"><a class="nav-link" href="/fragen/">Fragen</a></li>
				</ul>
			</div>
		</div>
	</nav>

	<main class="container py-4">
		{% block content %}{% endblock %}
	</main>

	<script src="{% static 'js/bootstrap.bundle.min.js' %}"></script>
	{% block extra_js %}{% endblock %}
</body>
</html> 