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

{% block stylesheets %}
	{{ parent() }}
	
	<style>
	
	#figures_layout
	{
		display:flex;
		flex-direction:column;
	}
	
	#figures_layout a, #figures_layout a:visited
	{
		text-decoration: none;
		margin:2% 2% 2% 2%;
		border:solid 1px;
		color:blue;
		height:100px;
		display:flex;
		flex-direction:row;
		align-items:center;

	}
	
	#figures_layout a span
	{
		flex:1;
		display:flex;
		flex-direction:row;
	}
	
	#figures_layout a span label
	{
		font-size:18px;
		flex:1;
		margin-left:5%;
	}

	
	</style>
	
{% endblock %}


{% block breadcrumb %}
	<a href="{{ path('homepage') }}">accueil</a> > <a href="{{ path('dashboard') }}">tableau de bord</a> > <a>mes personnages</a>
{% endblock %}
	
{% block member_content %}
			
	
	
	<div id="figures_layout">
	
	<h1>mes personnages</h1>
	
		{% if figures|length == 0 %}
			Vous n'avez aucun personnage actuellement	
    	{% else %}
           	{% for figure in figures %}
            		
           		<a href="{{ path('figure_find', {'id': figure.figure, 'game': figure.campaign.game.id}) }}">
               		<span >
               			<label>personnage : {{ figure.name }}</label>
               			<label>jeu : {{ figure.campaign.game.code }}</label>
               			<label>campagne : {{ figure.campaign.name }}</label>
               			<label>maître du jeu : {{ figure.campaign.owner.username }}</label>
               		</span>
               	</a>	
                	
           	{% endfor %}
        {% endif %}	
    </div>	
		
{% endblock %}