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


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

	}
	
	#new_campaign
	{
		margin-left:2%;
	}
	
	@media only screen and (max-width: 600px)
	{
    	#new_campaign button
    	{
    		height:20px;
        	width:90px;
        	background-color:#red;
        	color:black;
        	font-weight:bold;
        	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);*/
        	box-shadow: -2px 0px 10px 5px rgba(17, 80, 30,1.5) ;
    	}
	}
	
	
	#new_campaign button
	{
		height:40px;
    	width:180px;
    	background-color:#56ed0a;
    	color:black;
    	font-weight:bold;
    	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);*/
    	box-shadow: -2px 0px 10px 5px rgba(17, 80, 30,1.5) ;
	}
	
	#campaign_layout a span
	{
		flex:1;
		display:flex;
		flex-direction:row;
	}
	
	#campaign_layout a span label
	{
		font-size:18px;
		flex:1;
		margin-left:5%;
	}
	
	.yes
	{
		color:green;
	}
	
	.no
	{
		color:red;
	}
	
	
	</style>
	
{% endblock %}	


{% block breadcrumb %}
<a href="{{ path('homepage') }}">accueil</a> > <a href="{{ path('dashboard') }}">tableau de bord</a> > <a href="{{ path('campaigns') }}">mes campagnes</a> > <a href="">ma campagne</a> > personnages de la campagne
{% endblock %}
   
      
	
	
{% block content_campaign %}

<div id="campaign_layout">
         
            {% for figure in figures %}
            
            	<a href="{{ path(code~'_figure_view', {'id': figure.id}) }}" class="campaign">
                		<span >
                			<label>joueur : {{ figure.owner.username }}</label>
                			<label>personnage : {{ figure.name }}</label> 
                			<label>création terminée : {% if (figure.isfinish) %} <strong class="yes">oui</strong> {% else %} <strong class="no">non</strong> {% endif %}</label>  
                			<label>validé : {% if (figure.isvalide) %} <strong class="yes">oui</strong> {% else %} <strong class="no">non</strong> {% endif %}</label>         
                		</span>
                	</a>	
            {% endfor %}
</div>            
          
{% endblock %}