{% extends 'members/member/dashboard.html.twig' %}

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

        
        #form_game_layout
        {
            width:100%;
            height: 78vh;
            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-height:95%;
            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;
            justify-content: space-around;
            flex:3;
            font-size: 16px;
        }
        
        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 main_content %}

	<div id="breadcrumb">
		<ul>
	{% block breadcrumb %}
           {{ parent() }}
           > <li><a href="">jeux</a></li>
	{% endblock %}
		</ul>
	</div>
	
	{% block tab_bar %}
        {{ parent() }}
    {% endblock %}


	{% block content %}
        <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_start(form) }}
        {{ form_row(form.name) }}
        {{ form_row(form.game) }}
        {{ form_row(form.description) }}
        {{ form_row(form.poster) }}
        {{ form_end(form) }} 
                {% for flashError in app.flashes('verify_email_error') %}
                    <div class="alert alert-danger" role="alert">{{ flashError }}</div>
                {% endfor %}
            </div>
        
        
        
        </div>

	{% endblock %}

{% endblock %}

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