{% extends 'role/member/master/rules/master_campaign_rules.html.twig' %}

{% block stylesheets %}
	{{ parent() }}  
	
	#member_template_layout
	{
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	
	#member_template_layout div
	{
		margin: 10px;
	}

	#game_details
	{
		display: flex;
		flex-direction: column;
	}
	
	#content_layout
	{
		display: flex;
		flex-direction: row;
		width: 80%;
		justify-content: space-around;
	}
	
	#detail_layout
	{
		display: flex;
		flex-direction: row;
	}
	
	#component_menu
	{

		flex: 1;
	}
	
	#component_layout
	{
	   border: solid 1px;
	   border-radius: 20px;	
	   display: flex;
	   flex-direction: column;
	   flex: 2;

	}
	
	.menu-element
	{
	   border: solid 1px;
	   border-radius: 20px;	
	   padding: 10px;
	}

{% endblock %}

{% block breadcrumbs %}
		{{ parent() }}
        <a href=""> > </a>
        <a href=""> campagne {{ campaign.name }} </a>      
{% endblock %}
	
{% block member_navigation %}
	<li><a href="" class="btn-nav">règles de campagne</a></li>
	<li><a href="" class="btn-nav">personnages</a></li>	
	<li><a href="" class="btn-nav">p.n.j.</a></li>
	<li><a href="" class="btn-nav">scénarios</a></li>
	<li><a href="{{ path('master_campaign_edit', {'userid': app.user.id, 'campaignid': campaign.id}) }}" class="btn-nav">editer</a></li>				
{% endblock %}  
    
    
{% block member_template_layout %}
	
	    	<div id="content_layout">
	    	
	    	    <div id="component_menu">
	    {% include 'role/member/master/rules/menus/'~ campaign.game.code ~'_menu.html.twig' %}
	   
                </div>
                
                <div id="component_layout">
            
                    {% block component %}
			          {{ parent() }}
			          <a href="{{ path('master_campaign_component_new', {'userid': app.user.id, 'campaignid': campaign.id, 'component': component}) }}"><button class="btn-add">nouveau</button></a>
			                    
			              <ul>      
				          {% for element in components %}          
				          	<li><a href="{{ path('master_campaign_component_edit', {'userid': app.user.id, 'campaignid':campaign.id, 'component': component, 'componentid': element.id}) }}">{{ element.name }}</a></li>
				          {% endfor %}            
			              </ul> 
                    {% endblock %}
                </div>  
  	
			</div>
			 
                      		
 
{% endblock %}
	    
	          			




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