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


{% block stylesheets %}
	{{ parent() }}
		<style>
		
	#form_layout
	{
		width:100%;
		height:100%;
	}	
	
	#container
	{
		display:flex;
		flex-direction:row;
		min-height:600px;
		padding:5% 0% 0% 0%;
	}
	
	#bloc_left
	{
		flex:0.8;
    	border-radius:20px 0px 0px 20px;
    	display:flex;
    	flex-direction:column;
    	/*background: linear-gradient(#141414, 80%,#a0845f);*/
    	margin-left:15%;
    	border:solid 1px;
    	background-color:white;
    	box-shadow: -2px 0px 10px 5px rgba(0, 0, 0,1.5);
	}
	
	
	 #bloc_left form
    {
    	display:flex;
    	flex-direction:column;
    	margin:5%;
    	height:100%;
    }
    
    #bloc_left form input
    	{
    		height:40px;
    		font-size:20px;
    		background-color:white;
    		box-shadow: -2px 0px 10px 5px rgba(0, 0, 0,1.5) inset;
    		width:100%;
    		margin:20px 0px 20px 0px ;
    	}
	
	#bloc_left form textarea
	{
		min-width:100%;
		min-height:400px;
	}
	
	#bloc_left form button
	{
		height:40px;
        width:180px;
    	background-color:#EDCF40;
    	font-size:0.9em;
    	border-radius:15px 15px 15px 15px;
    	border-color:none;	
    	box-shadow: -2px 0px 10px 5px rgba(0, 0, 0,1.5);
    	margin:30px 0px 0px 0px;
	}
	
	#bloc_right
    	{
    		flex:0.5;
    		border-radius:0px 20px 20px 0px;
    		background: linear-gradient(#141414, 80%,#a0845f);
    		border:solid 1px;
    		color:white;
    		display:flex;
    		flex-direction:column;
    		margin-right:15%;
    		justify-content:space-around;
    		box-shadow: -2px 0px 10px 5px rgba(0, 0, 0,1.5);
    	}
    	
    	#bloc_right h2
    	{
    		text-align:center;
    		margin:5%;
    	}
    	
    	#bloc_right p
    	{
    		text-align:center;
    		margin:5%;
    		
    	}
		
	</style>
	
{% endblock %}	



{% block breadcrumb %}
	<a href="{{ path('homepage') }}">accueil</a> > <a href="{{ path('dashboard') }}">tableau de bord</a> > <a href="{{ path('admin') }}">tableau de bord administrateur</a> > <a href="{{ path('admin_games') }}">jeux</a> > <a>initialisation Prophecy</a>
{% endblock %}
      

{% block component_configure_game %}
	
	<div id="form_layout">
		<div id="container">
			<div id="bloc_left">
			
				<h1>{{ title }}</h1>
    			
    			{{ form(form) }}
			
			</div>
    		<div id="bloc_right">
    		
    			<h2>{{ title }}</h2>	
            	<p>Le nom identifie de manière unique votre campagne, et sera visible dans le menu recherche de campagnes.</p>
            	<p>Saisissez en description ce qui définit votre campagne, sa durée, ses spécificités.</p>
            	<p>Enfin, définissez à quel jeu elle correspond.</p>
                {% for flashError in app.flashes('verify_email_error') %}
                	<div class="alert alert-danger" role="alert">{{ flashError }}</div>
                {% endfor %}
    		
    		</div>
    	</div>		
    </div>
	
		
	
	
{% endblock %}