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

{% block stylesheets %}
	{{ parent() }}
	<link rel="stylesheet" type="text/css" href="{{ asset ('style/platform/member/base.css') }}"> 
	
	<style>
	
	h1
	{
		text-transform: uppercase;
	}
	
	#layout_messages
	{
		display:flex;
		flex-direction: column;
		align-items:center;
		
	}
	
	form
	{
		display:flex;
		flex-direction: column;
		border:solid 1px;
    	background-color:white;
    	box-shadow: -2px 0px 10px 5px rgba(0, 0, 0,1.5);
		align-items:center;
		width:80%;
		padding:20px;
		margin:10px 0px 10px 0px;
	}
	
	form div
	{
		width:100%;
		margin:0px 0px 10px 0px;
	}
	
	form div label
	{
		margin:0 50px 0px 0px;
	}
	
	form div textarea
	{
		    min-width:100%;
    		max-width:100%;
    		min-height:180px;
    		max-height:180px;
	}
	
    .message_valid
    {
    	height:40px;
        width:180px;
        background-color:#EDCF40;
        font-size:0.9em;
        border-radius:15px 15px 15px 15px;
        border-color:none;	
        box-shadow: -2px 0px 10px 5px rgba(0, 0, 0,1.5);
    }

	
	 
	</style>
	
{% endblock %}

{% block breadcrumb %}
	<a href="{{ path('homepage') }}">accueil</a> > <a href="{{ path('dashboard') }}">tableau de bord</a> > <a href="{{ path('messages') }}">mes messages</a> > <a href="">nouveau message</a>
{% endblock %}

{% block member_content %}
<h1>message prive</h1>
	<div id=layout_messages>	
	
		{{ form(form) }}
		
	</div>
{% endblock %}