{% extends 'base_template.html.twig' %}

{% block stylesheets %}
	{{ parent() }}  
	
           
            .nav_member
            {
                flex:1;
                display:flex;
                flex-direction:row;
                height:100%;
                margin:0px;
                padding:0px;
                font-size: 14px;

            }
                 
            .nav_member ul
            {
                flex:4;
                display:flex;
                flex-direction:row;
                height:100%;
                padding:0%;
                margin:0%;
                background-color: green;
            }
            
            .nav_member ul li, .nav ul li a, .nav ul li a:visited
            {
                flex:1;
                height:100%;
                text-decoration:none;
                display:flex;
                flex-direction:row;
                justify-content:center;
                align-items:center;
                color:white; 
            }
            
            .nav_member span
            {
                flex:1;
                height:100%;
                display:flex;
                flex-direction:row;
            }
            
            .nav_member span a
            {
                display:flex;
                flex-direction:row;
                width:90%;
            }

	
	#route_profile
	{
		background-color: #ecf0f1;
	}
	
	#route_messages
	{
		background-color: #797d7f;
	}
	
	#route_contacts
	{
		background-color: #797d7f;
	}


{% endblock %}

{% block main_content %}

	<div class= "breadcrumbs">
		{% block breadcrumbs %}
			<a href="{{ path('homepage') }}">accueil </a>
			<a href=""> > </a>
			<a href=""> espace membre</a>
		{% endblock %}
    </div>
         
	    	<nav class="user_area">
	    		<ul>
				{% block area_user %}
					<li id="route_profile"><a href="{{ path('member_profile_view', {'userid': app.user.id}) }}" >profil</a></li>
					<li id="route_messages"><a href="{{ path('member_messages', {'userid': app.user.id}) }}" >messages</a></li>
					<li id="route_contacts"><a href="{{ path('member_contacts', {'userid': app.user.id}) }}" >contacts</a></li>
					
				{% endblock %}
	    	</nav>         
         
         
    <h1 class="page_title">
    	{% block title_page %}
    	{% endblock %}
    </h1>  
    
    <div id="member_template_layout">
	    {% block body_content %}
	    
	    
		{% endblock %}
	</div>     
	          			
{% endblock %}



{% block javascript %}
	{{ parent() }}
	
	
	
{% endblock %}