{% load mptt_tags %}
<header class="blog-header py-3">
	<div class="row flex-nowrap justify-content-between align-items-center">
		<div class="col-2 pt-1">
			<a class="text-muted" href="#">Subscribe</a>
		</div>
		<div class="col-6 text-center">
			<a class="blog-header-logo text-dark" href="{% url "front:index" %}">SimpleMarket
          {% if storeFront %}
            :{{ storeFront.fullName }}
          {% endif %}
      </a>
		</div>
		<div class="col-4 d-flex justify-content-end align-items-center">
        <form class="form-inline mt-2 mt-md-0" action="{% url "front:search" %}" method="GET">
            {% if storeFront %}
            <input type="hidden" name='cstr' value='{{ storeFront.storeId }}' />
            {% endif %}
            <input class="form-control form-control-sm  mr-sm-2" type="text" placeholder="Search" aria-label="Search" name='q'>
            <button class="btn  btn-sm btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form>
            {% if user.is_authenticated %}
            <a class="ml-2 btn btn-sm btn-outline-secondary" href="{% url "logout" %}">Sign Out</a>
            {% else  %}
            <a class="btn btn-sm btn-outline-secondary mx-2" href="{% url "login" %}">Sign In</a>
            {% endif %}
		</div>
	</div>
</header>

<div class="nav-scroller py-1 mb-2">
	<nav class="nav d-flex justify-content-between">
		
      <!--<a class="p-2 text-muted" href="#">Home</a>-->
		<!--<a class="p-2 text-muted" href="#">News</a>-->
        <!--<a class="p-2 text-muted" href="#">Market</a>-->
		<!--<a class="p-2 text-muted" href="#">Articles</a>-->
		<!--<a class="p-2 text-muted" href="#">Forum</a>-->
    {% recursetree primaryMenu %}
    {% if node.name != "root" %}
    <a class="p-2 text-muted" href="{{ node.url }}">{{ node.name }}</a>
    {% endif %}
    {{ children }}
    {% endrecursetree %}
	</nav>
</div>

<hr>

