{% extends 'members/member/rpg/campaign/homepage.html.twig' %}

{% block stylesheets %}
	{{ parent() }} 
	
       #content-config-layout
        {

            display: flex;
            flex-direction: row;
        }
        
        #content-config-layout ul
        {
            list-style-type: none;
        }
        
        #configuration-menu
        {

            flex:1;
        }
        
        #admin-config-layout
        {

            flex: 4;
            margin-left: 20px;
        }
        
        .menu-element
        {
            border: solid 1px;
            border-radius: 10px;
            flex:1;
            display: flex;
            flex-direction: column;
            margin: 0px 0px 10px 0px;
        }
        
        .menu-label
        {    
            padding-left: 20px;
            border: solid 1px;
            margin: none;
            background-color:  #7bdcf4;
            color: white;
            font-weight: bold;
            border-radius: 10px 10px 0px 0px;
        }

	
	
{% endblock %}




	{% block breadcrumb %}
	       {{ parent() }}
	       <li><a>tableau de bord</a></li>
	{% endblock %}



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


{% block campaign %}

            <h1>configuration de {{ campaign.name }}</h1>
            <div id="content-config-layout">
                
                <div id="configuration-menu">
                    {% block menu %}
                    {% include 'members/member/rpg/campaign/my_campaign/'~ campaign.game.code ~'/configuration_menu.html.twig' %}
                    {% endblock %}
                </div>
                       
                <div id="admin-config-layout">
                    {% block configuration %}

                        <p>
                            Cette section vous permet de configurer les éléments de règle de l'ensemble de {{ campaign.name }}. Sélectionnez les éléments du menu pour les configurer.
                        </p>

                    {% endblock %}
                </div>
            </div>
   
        
{% endblock %}


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

{% endblock %}