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


{% block stylesheets %}
	{{ parent() }}
	<style>
	
	#game_layout 
	{
		display:flex;
		flex-direction:column;
	}
	
	.game , .game:visited
	{
		text-decoration: none;
		margin:2% 2% 2% 2%;
		border:solid 1px;
		color:blue;
		height:100px;
		display:flex;
		flex-direction:row;
		align-items:center;
		border-radius:15px 15px 15px 15px;
	}
	
	#new_game
	{
		margin-left:2%;
	}
	
	@media only screen and (max-width: 600px)
	{
    	#new_game button
    	{
    		height:20px;
        	width:90px;
        	background-color:#red;
        	color:black;
        	font-weight:bold;
        	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);*/
        	box-shadow: -2px 0px 10px 5px rgba(17, 80, 30,1.5) ;
    	}
	}
	
	
	#new_game button
	{
		height:40px;
    	width:180px;
    	background-color:#56ed0a;
    	color:black;
    	font-weight:bold;
    	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);*/
    	box-shadow: -2px 0px 10px 5px rgba(17, 80, 30,1.5) ;
	}
	
	#game_layout a span
	{
		flex:1;
		display:flex;
		flex-direction:row;
	}
	
	#game_layout a span label
	{
		font-size:18px;
		flex:1;
		margin-left: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="">jeux</a> 
{% endblock %}
   
      

{% block admin_content %}
      

<div id="game_layout">
			
    			<h1>administrer les jeux</h1>
    			
    			<a href="{{ path('new_game') }}" id="new_game"><button>nouveau jeu</button></a>
    			
    			{% if games == null %}
					<p>Aucun jeu encore crée.</p>
			
				{% else %}	
    			
    			{% for game in games %}
        			<a href="{{ path('setup', {'id': game.id}) }}" class="game">
                		<span >
                			<label>jeu : {{ game.name }}</label>  
                			<label>campagnes créees : 0</label>            
                		</span>
                	</a>	
    			{% endfor %}
    			{% endif %}
</div>
		
		    

{% endblock %}