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

{% block stylesheets %}
	{{ parent() }} 

        #breadcrumb
        {
            background-color:  #7bdcf4 ;
        }
             
        #form_game_layout
        {
            width:100%;
            min-height: 800px;
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content: center;
            margin: 1% 0% 0% 0%;
        }
        


        .container {
            background-image: linear-gradient(to right,#1b2631,  #b2babb);
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border:solid 1px;
            min-width: 30%;
            color: #fff;
            background-color: #000;
            display: flex;
            flex-direction: column;
            box-shadow: 8px 10px 12px rgba(0, 0, 0, 0.7);
        }
        
        #container-logo 
        {
            flex:1;
            display: flex;
            flex-direction: row;
            justify-content: center;
        }
        
        form
        {
            margin-top: 50px; 
            display: flex;
            flex-direction: column;
            flex:3;
            font-size: 16px;
            justify-content: center;

        }
        
        form div
        {
            margin: 0px 0px 50px 20px;;
        }
        
        form div input
        {
            width: 60%;
            height:50px;
            font-size: 20px;
 
        }
        
        
        form div label 
        {
            margin: 0px 20px 0px 0px;
        }
        

        
        form button
        {
            width: 200px;
            height:50px;
            background-color: #f0bc26;
        }  


{% endblock %}




{% block breadcrumb %}
           {{ parent() }}
           <li><a href="{{ path('admin_dashboard', {'id': app.user.id}) }}">panneau d'administration</a></li>

{% endblock %}

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


{% block configuration %}
    <div id="form_game_layout">
            <div class="container">
                <span id="container-logo"><img src="{{ asset('img/portal/homepage/logo_160.png') }}" alt="logo"></span>
        {{ form(form) }}
                {% for flashError in app.flashes('verify_email_error') %}
                    <div class="alert alert-danger" role="alert">{{ flashError }}</div>
                {% endfor %}
            </div>
        
        
        
        </div>

{% endblock %}


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