<!DOCTYPE html>
<html lang="{{ app.locale }}">
<head>
	<title>{% trans %}general_app_name{% endtrans %}
		- {% block title %}{% trans %}general_app_slogan{% endtrans %}{% endblock %}</title>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<link rel="stylesheet" href="{{ asset('css/spectre/spectre.min.css') }}"/>
	<link rel="stylesheet" href="{{ asset('css/spectre/spectre-icons.min.css') }}"/>
	<link rel="stylesheet" href="{{ asset('css/custom.css') }}"/>
</head>
<body>
{% set route = app.current_route %}
<header class="navbar">
	<section class="navbar-section">
		<a href="{{ path('home') }}" class="navbar-brand mr-2">{% trans %}general_app_name{% endtrans %}</a>
	</section>
	<section class="navbar-section">
		<form action="{{ path('search') }}" method="get" class="input-group input-inline">
			<input class="form-input" type="text" name="q" value="{{ app.request.query.get('q') }}"
				   placeholder="{% trans %}general_search_placeholder{% endtrans %}">
			<button class="btn btn-primary input-group-btn">{% trans %}general_search_button{% endtrans %}</button>
		</form>
	</section>
</header>

<ul class="tab tab-block">
	<li class="tab-item{% if route in ['home', 'book_list', 'book_show', 'book_edit'] %} active{% endif %}">
		<a href="{{ path('book_list') }}">{% trans %}menu_list{% endtrans %}</a>
	</li>
	<li class="tab-item{% if route == 'search' %} active{% endif %}">
		<a href="{{ path('search') }}">{% trans %}menu_search{% endtrans %}</a>
	</li>
	<li class="tab-item{% if route in ['book_add', 'book_new', 'book_lookup'] %} active{% endif %}">
		<a href="{{ path('book_add') }}">{% trans %}menu_add{% endtrans %}</a>
	</li>
	<li class="tab-item{% if route == 'borrow_list' %} active{% endif %}">
		<a href="{{ path('borrow_list') }}">{% trans %}menu_borrowed{% endtrans %}</a>
	</li>
	<li class="tab-item{% if route in ['ousted_list', 'ousted_show', 'ousted_bulk'] %} active{% endif %}">
		<a href="{{ path('ousted_list') }}">{% trans %}menu_ousted{% endtrans %}</a>
	</li>
	<li class="tab-item">
		<a href="{{ path('inventory') }}">{% trans %}menu_inventory{% endtrans %}</a>
	</li>
</ul>

{% for type, messages in app.flashes %}
	{% for message in messages %}
		<div class="toast toast-{{ type }} flash">{{ message|trans }}</div>
	{% endfor %}
{% endfor %}

{% block content %}{% endblock %}

</body>
</html>
