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

{% block stylesheets %}
	{{ parent() }}
	
	<style>
	
	#alert
	{
		color:red;
	}
	
	#sheet_navigation
	{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		margin:0% 2% 0% 2%;
	}
	
	.figure_stat_line
	{
		display:flex;
		flex-direction:row;
		border:solid 1px;
		width:100%;
		
	}
	
	#figure_name
	{
		border:solid 1px;
		flex:1;
		
	}

	#figure_name ul 
	{
		display:flex;
		flex-direction:column;
	}
	
	#figure_name ul li
	{
		height:40px;
	}

	#carac_major_attributes
	{
		display:flex;
		flex-direction:row;
		flex:3;		
	}
	
	#carac_major_attributes ul
	{
		flex:1;
	}
	
	.figure_stat_line ul li
	{
		list-style-type: none;
	}
	
	/*

	*/
	
	#edit_prophecy_figure_main_form_caracteristics
	{
	
		display:flex;
		flex-direction:column;

	flex:1;
	}
	
	#edit_prophecy_figure_main_form_caracteristics div
	{
		width:100%;
		height:25px;
		margin:0px 0px 0px 10px;
	}
	
	.caracteristic_name
	{
		width:100%;

	}
	    
	.caracteristic_value
	{
		width:20%;
		margin:0px 0px 0px 5px;
	}
	
	.caracteristics
	{

		display:flex;
		flex-direction:row;

	}
	
	#edit_prophecy_figure_main_form_majorAttributes
	{
		display:flex;
		flex-direction:column;
	}
	
	#edit_prophecy_figure_main_form_majorAttributes div
	{
			display:flex;
		flex-direction:row;
	}
	
	
	.caracteristic_value
	{
	
		width:50px;
		border-radius: 15px;
		height:20px;
	}
	

	.skill_major_attribute
	{
		display:flex;
		flex-direction:column;
		flex:1;
	}
	
	#tendencies_minor_attributes
	{
		flex:1;
	}
	
	#tendencies_minor_attributes ul
	{
		flex:1;
		border:solid 1px;
	}
	
	#figure_layout
	{
		background-color:#f0dfb1;
	}
	
	h3
	{
		text-align:left;
	}
	
	#skills_zone
	{
		display:flex;
		flex-direction:row;
		width:100%;
		border:solid 1px;
	}



	
	
	</style>
	
{% endblock %}

{% block breadcrumb %}
	<a href="{{ path('homepage') }}">accueil</a> > <a href="{{ path('dashboard') }}">tableau de bord</a> > <a href="{{ path('figures') }}">mes personnages</a> > <a>personnage {{ figure.name }}</a>
{% endblock %}

{% block member_content %}
<div id="figure_layout">
	<div  id="sheet_navigation">
        <a href="{{ path('prophecy_figure_view_background', {'id': figure.id}) }}"><button>précédent</button></a>
            {% if master == true %}
            	<a href=""><button>valider le personnage</button></a>
            {% elseif master == false and figure.isValide == false  %}
            	<strong id="alert">personnage en attente de validation du maître de jeu</strong>
            {% endif %}
        <a href="{{ path('prophecy_figure_view_magic', {'id': figure.id}) }}"><button>suivant</button></a>
    </div>    
    {{ form_start(form) }}
    <div class="figure_stat_line">
    
    	<div id="figure_name">
    		<ul >
    			<li><strong>Personnage :</strong> {{ figure.name  }}</li>
    			<li><strong>taille : </strong>{{ figure.size }}</li>
    			<li><strong>poids :</strong> {{ figure.weight }}</li>
    			<li><strong>age : </strong>{{ figure.age }}</li>
    			<li><strong>caste : </strong> {{ figure.caste }}</li>
    		</ul>
    	</div>
    	
    	
    	<div  id="carac_major_attributes">
    	    
    		<ul><h3>CARACTERISTIQUES</h3>
    		
    		{{ form_widget(form.caracteristics) }}
    
    		</ul>
    		
    		<ul><h3>ATTRIBUTS MAJEURS</h3>
    		
    		{{ form_widget(form.majorAttributes) }}
    
    		</ul>
    	</div>
    </div>
    
    <div class="figure_stat_line">
    	<div>blessures
    		{% for wound in figure.wounds%}
    			blassue
    		{% endfor %}
    	</div>
    </div>
    <div class="figure_stat_line" id="tendencies_minor_attributes">
    
    		<ul><h3>TENDANCES</h3>
    
    		{{ form_widget(form.tendencies) }}	
    		
    		</ul>
    		
    		<ul><h3>ATTRIBUTS MINEURS</h3>
    		
    		{{ form_widget(form.minorAttributes) }}
    		
    		</ul>
    		
    		<ul>
    			<li>Expérience : <strong>{{ figure.xperience }}<strong/></li>
    		</ul>
    
    </div>
    <h3>COMPETENCES</h3>
    <div class="figure_stat_line">
    
    
    <div id="skills_zone">
    
    
    {% set count = 0 %}
    
    {% for majorAttribute in figure.majorAttributes %}
    
    		<div class="skill_major_attribute"><strong>{{ majorAttribute.majorAttribute.name | upper  }}</strong> 
    		{% for skillCategory in skillCategories %}
    	
    			{% if skillCategory.majorAttribute.name is same as (majorAttribute.majorAttribute.name) %}
    			 
    				<ul class=""><strong>{{ skillCategory.name }}</strong>
    					
        			{% for skill in skills  %}
                        {% if skill.skill.skillCategory.name is same as (skillCategory.name) %}					
                        	{{ form_rest(form.skills[count]) }}
            		    		{% if count < figure.skills | length %}
                                    {% set count = count + 1 %}
                                {% endif %}	
        		        {% endif %}
        		    	 
        	    	{% endfor %}
        	    	 
    	    		</ul>
    	        {% endif %}
    	
    	    {% endfor %}
    		</div>
    {% endfor %}
    
    </div>
    	
    </div>
    
    	{{ form_end(form) }}
</div>	

{% endblock %}

{% block javascript %}
	{{ parent() }}
<script>
$(document).ready(function()
{
    $("#edit_prophecy_figure_main_form_valider").click(function()
    {
     	alert("salut");
    });
});

</script>


{% endblock %}