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

{% block stylesheets %}
	{{ parent() }}
	
	<style>
	
	
	.activity_section_layout
	{
		display:flex;
		flex-direction:row;	
		justify-content:space-around;
		align-items:center;
		width:100%;	
		min-height:900px;
		flex-wrap: wrap;
	}

	.medal
	{
		min-width:260px;
		min-height:120px;
		border:solid 1px;
		margin:1% 0% 0% 0%;
		display:flex;
		flex-direction:row;
		box-shadow: -2px 0px 10px 5px rgba(0, 0, 0,1.5);
	}
	
	.medal img
	{
		flex:3;
		box-shadow: -2px 0px 10px 5px rgba(0, 0, 0,1.5) inset;
	}
	
	.medal div
	{
		flex:2;
		display:flex;
		flex-direction:column;
		justify-content:space-around;
		background-color:#4e4b42;
		color:white;
		box-shadow: -2px 0px 10px 5px rgba(0, 0, 0,1.5) inset;
	}
	
	.medal div label
	{
		text-align:center;
		text-decoration: none;
	}   
	

	
	
	</style>
	
{% endblock %}




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

{% block member_content %}

<h1>tableau de bord</h1>

<div class="activity_section_layout">

    <a href="{{ path('relations') }}"><div class="medal">
    {#<img style="background-image: url( {{ asset ('img/platform/homepage/features1.jpg') }});  > #}
    	<img class="black">			
        <div>
        	<label>mes contacts</label>
        	<label>{{ relations }}</label>
        </div>
    </div></a>
    
    <a href="{{ path('messages') }}"><div class="medal">
    {#<img style="background-image: url( {{ asset ('img/platform/homepage/features1.jpg') }});  > #}
    	<img  class="blue" >			
        <div>
        	<label>mes messages</label>
        	<label>{{ ownerMessages }}</label>
        </div>
    </div></a>
    
    <a href="{{ path('campaigns') }}"><div class="medal">
    {#<img style="background-image: url( {{ asset ('img/platform/homepage/features1.jpg') }});  > #}
    	<img  class="orange" >			
        <div>
        	<label>mes campagnes</label>
        	<label>{{ ownerCampaigns }}</label>
        </div>
    </div></a>
    
    <a href="{{ path('find_campaigns') }}"><div class="medal">
    {#<img style="background-image: url( {{ asset ('img/platform/homepage/features1.jpg') }});  > #}
    	<img  class="yellow" >			
        <div>
        	<label>rechercher une campagne</label>
        	<label>{{ campaigns }}</label>
        </div>
    </div></a>
    
    <a href="{{ path('figures') }}"><div class="medal">
    {#<img style="background-image: url( {{ asset ('img/platform/homepage/features1.jpg') }});  > #}
    	<img  class="green" >			
        <div>
        	<label>mes personnages</label>
        	<label>{{ ownerFigures }}</label>
        </div>
    </div></a>
    
    {% if (is_granted('ROLE_ADMIN')) %}
	<a href="{{ path('admin') }}"><div class="medal">
    {#<img style="background-image: url( {{ asset ('img/platform/homepage/features1.jpg') }});  > #}
    	<img  class="red" >			
        <div>
        	<label>administration</label>
        	<label>X</label>
        </div>
    </div></a>
    

    
	{% endif %}
    
</div>    

{% endblock %}
	
            			


{% block javascripts %}

{% endblock %}