{% extends 'role/member/member_template.html.twig' %}

{% block stylesheets %}
	{{ parent() }}  
	
	   .layout
       {
           width: 100%;
           min-height: 800px;
           display: flex;
           flex-direction: column;
           justify-content: space-around;
           align-items: center;
       }
	
	
	#member_template_layout
	{
		border: solid 1px;
		display: flex;
		flex-direction: column;
	}

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

	
{% endblock %}

{% block breadcrumbs %}
	{{ parent() }}
		<a href="">></a>
		<a href="{{ path('member_profile_view', {'userid': app.user.id}) }}">profil</a>		
		<a href=""> > </a>
		<a href="{{ path('member_profile_edit', {'userid': app.user.id}) }}">editer mon profil</a>
{% endblock %}

{% block title_page %}
	{{ title }}
{% endblock %}

{% block body_content %}

	<div class="layout">
    
        {{ form_start(form, {'attr': {'class': 'form'}}) }}
            {{ form (form) }}
        {{ form_end(form) }} 
        
        {% for flashError in app.flashes('verify_email_error') %}
            <div class="alert alert-danger" role="alert">{{ flashError }}</div>
        {% endfor %}
    </div>	       
	 
	   
{% endblock %}


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