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

{% block stylesheets %}
	{{ parent() }}
	<style>
	h1
	{
		text-transform: uppercase;
	}
	
	#games_layout
	{
		display:flex;
		flex-direction:column;
	}
	
	#games_layout a
	{
		text-decoration: none;
	}
	
	#games_layout div
	{
		border:solid;
		margin:20px;
		min-height:100px;
		display:flex;
		flex-direction: column;
		align-items:center;
		color:white;
		justify-content: center;
		font-size: 3em;
	}
	
	
	
	</style>
	
{% endblock %}	

{% block breadcrumb %}
	<a href="{{ path('homepage') }}">accueil</a> > <a href="">jeux</a> 
{% endblock %}

{% block general_content %}

<div id="games_layout">

	<h1>jeux disponibles</h1>
	
	 {% for game in games %}
	 {% set image = game.image %}
	 	
	 	<a href="{{ path('game_view', {'id': game.id}) }}"><div style="background-image: url( {{ asset ('uploads/games/'~image) }});  
    								min-height:600px;background-repeat:no-repeat;background-size:cover; ">
	 		<label>{{ game.name }}</label>
	 		<label>disponible : 
	 		{% if game.available == 1 %} 
	 			oui
	 		{% else %}
	 			en prévision
	 		{% endif %}
	 		</label>
	 	</div></a>
	 	
	 {% endfor %}
</div>


{#
	
	
	<div id="game_layout">
			
    
    			
   
            <a href=">
            	<span >
                    <label>jeu : {{ game.name }}</label>
                    <label>description : {{ game.description }}</label> 
                    <label>disponible : {{ game.available }}</label>             
                </span>
         	</a>	
    
	</div>		
#}

{% endblock %}