{% extends "../base.html" %}

{% block subtitle %}{{ _("Blog") }}{% end block %}

{% block menu %}
	<form class="form-inline ml-auto my-2 my-lg-0" action="/search" method="GET">
		<input class="form-control form-control-sm mr-sm-2" type="search" name="q"
			placeholder="{{ _("Search") }}" aria-label="{{ _("Search") }}">
	</form>

	<ul class="navbar-nav">
		<li class="nav-item">
			<a class="nav-link" href="https://www.ipfire.org/">IPFire.org</a>
		</li>
	</ul>
{% end block %}

{% block content %}
	<div class="row">
		<div class="col-12 col-md-3">
			<nav class="mb-5">
				<ul class="nav flex-column">
					<li class="nav-item">
						<a class="nav-link {% if request.path == "/" %}active{% end %}" href="/">
							{{ _("Newest") }}
						</a>
					</li>

					<li class="nav-item">
						<a class="nav-link {% if request.path == "/tags/featured" %}active{% end %}" href="/tags/featured">
							{{ _("Featured") }}
						</a>
					</li>

					<li class="nav-item">
						<a class="nav-link {% if request.path == "/tags/lightning-wire-labs" %}active{% end %}" href="/tags/lightning-wire-labs">
							{{ _("Lightning Wire Labs") }}
						</a>
					</li>
				</ul>
			</nav>
		</div>

		<div class="col">
			{% block main %}{% end block %}
		</div>

		{% block right %}{% end block %}
	</div>
{% end block %}