{% extends "board_base.html" %}
{% load i18n %}

{% block header %}

<div class="navbar-fixed-top-spacing">&nbsp;</div>
<div class="navbar navbar-default navbar-fixed-top machina-navbar" role="navigation" style="background:black; color: white;">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="" href="/"><img src="https://static.wolnelektury.pl/img/logo-neon.71fa40570160.png" alt="Towarzystwo Przyjaciół Wolnych Lektur" style="height:50px"></a>
    </div>
    <div class="collapse navbar-collapse">
      {% block header_collapse %}
      <div class="col-sm-7 col-md-8 col-lg-7">
        <form class="navbar-form form-inline" role="search" action="{% url 'forum_search:search' %}">
          <div class="form-group col-sm-6 col-md-7">
            <div class="input-group">
              <input type="text" class="form-control" placeholder="{% trans 'Search...' %}" name="q">
              <div class="input-group-btn">
                <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
              </div>
            </div>
          </div>
          <div class="form-group col-sm-5">
            <a href="{% url 'forum_search:search' %}" class="btn btn-link">{% trans "Advanced search" %}</a>
          </div>
        </form>
      </div>

      <div class="col-sm-3 col-md-2 col-lg-2 navbar-right">
	   <div style="padding: 1em">
	      {{ user }}
	   </div>
      </div>
      {% endblock header_collapse %}
    </div>
  </div>
</div>



{% endblock header %}