{% extends 'members/member/rpg/campaign/homepage.html.twig' %}

{% block stylesheets %}
	{{ parent() }} 
	
	    #campaign-layout a button
        {
            background-color: #3FB626;
            color: white;
            height: 50px;
            width: 10%;
            min-width: 80px;
            border: solid 1px;
        }
        
        #message-layout
        {
            border: solid 1px;
            margin: 10px 0px 10px 0px;
        }
	
	
{% endblock %}




	{% block breadcrumb %}
	       {{ parent() }}
	       <li><a>tableau de bord</a></li>
	{% endblock %}



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


{% block campaign %}
        <h1>{{ title }}</h1>
            <a href="{{ path('member_form_campaign', {'id': app.user.id}) }}"><button>invitation</button></a>
        
        
            {% if messages | length == 0 %}
                <div id="message-layout">
                    <p>
                        Vous n'avez aucune demande d'invitation.
                    </p>
                </div>
                
            {% else %}
        
                {% for message in messages %}
                    <div id="message-layout">
                        <div id="actions">
                            <a href="">accepter</a>
                            <a href="">refuser</a>
                        </div>
                        
                        <div>
                           <label>date : le</label><label>{{ message.dateCreation }}</label>
                        </div>
                        
                        <div>
                           <label>expéditeur : </label><label>{{ message.sender }}</label>
                        </div>
                         
                        <div>
                           <h3>{{ message.subject }}</h3>
                        </div>
                        
                        <div>
                           <p>{{ message.message }}...</p>
                        </div>
                    </div>
                {% endfor %}
            {% endif %}                
        
        </div>
   
        
{% endblock %}


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

{% endblock %}