{% extends 'AppBundle:base.html.twig' %}

{% block header %}

			<header>
                <div class="logo_head">
                    <div class="mainmenu_btn">
                        <span class="ti-menu"></span>
                    </div><a href="/">SpaceDock</a>
                </div>
				<div class="menu_head">
					<ul>
						<li>
							<a href="#"><span class="icon icon-music-shuffle-button"></span>&nbsp;&nbsp;Random Mod</a>
						</li>
					</ul>
				</div>
				<div class="search_head">
					<span class="icon icon-basic-magnifier"></span>&nbsp;&nbsp;<input type="text"></input>
				</div>
				<div class="user_head">
					<span class="icon icon-basic-mail"></span>&nbsp;&nbsp;
                    {% if app.user %}
					{{ app.user.username }}
                    {% else %}
                        <ul class="user_nouser">
                            <li>
                                <a href="/register"><span class="icon icon-basic-key"></span>&nbsp;&nbsp;Sign up</a>
                            </li>
                            <li>
                                <a href="{{ path('fos_user_security_login') }}"><span class="icon icon-basic-lock-open"></span>&nbsp;&nbsp;{{ 'layout.login'|trans({}, 'FOSUserBundle') }}</a>
                            </li>
                        </ul>
                    {% endif %}
				</div>
			</header>
                <div class="mainmenu_container">
                    <ul>
                        <li class="mainmenu_home"><a href="/"><span class="icon icon-basic-home"></span>&nbsp;&nbsp;Home</a></li>
                        <li class="mainmenu_home"><a href="/"><span class="icon icon-basic-home"></span>&nbsp;&nbsp;Mods</a></li>
                    </ul>
                </div>
            {% if app.user %}
                <div class="usermenu_container">
                    <ul>
                        <li class="user_mail_btn">
                            <a href="#"><span class="icon icon-basic-mail"></span>&nbsp;&nbsp;Mail</a>
                        </li>
                        <li class="user_followers_btn">
                            <a href="#"><span class="icon icon-basic-heart"></span>&nbsp;&nbsp;Following</a>
                        </li>
                        <li class="user_stats_btn">
                            <a href="#"><span class="ti-stats-up"></span>&nbsp;&nbsp;Statistics</a>
                        </li>
                        <li class="user_pictures_btn">
                            <a href="#"><span class="icon icon-basic-picture"></span>&nbsp;&nbsp;Upload Pictures</a>
                        </li>
                        <li class="user_review_btn">
                            <a href="#"><span class="icon icon-basic-notebook-pencil"></span>&nbsp;&nbsp;Blog</a>
                        </li>
                        <li class="user_settings_btn">
                            <a href="#"><span class="icon icon-basic-gear"></span>&nbsp;&nbsp;Account Settings</a>
                        </li>
                        <li class="user_logout_btn">
                            <a href="{{ path('fos_user_security_logout') }}"><span class="icon icon-basic-lock"></span>&nbsp;&nbsp;Logout</a>
                        </li>

                    </ul>
                </div>
            {% endif %}
			<content>
{% endblock %}

{% block footer %}
			</content>
			<footer>
				test
			</footer>
	
{% endblock %}

{% block stylesheets %}
<link rel="stylesheet" href="/css/stylesheet.css" />
<style>
{% include 'AppBundle:Default:css/main.css.twig' %}
</style>
{% endblock %}
