{% extends 'role/member/admin/admin_template.html.twig' %}

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

#icon_available {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-weight: bold;
}

.list li p
{
    margin: 0px 10px 0px 0px;
}
    
{% endblock %}



        {% block breadcrumbs %}
            {{ parent() }}
            <a href=""> > </a>
            <a href=""> liste des jeux</a>
        {% endblock %}
         
       
        {% block area_user %}
            {{ parent() }}   
        {% endblock %} 
         

    	{% block title_page %}
            {{ title }}
    	{% endblock %}
 
    

	    {% block body_content %}
	    	    
	    <a href="{{ path('admin_game_new', {'userid': app.user.id}) }}"><button class="btn-add">nouveau jeu</button></a>
	    
	       {% if games | length == 0 %}
               <p>Il n'y a aucun jeu de crée actuellement.</p>
           {% else %}
           
		        <ul class="list">   
			    {% for game in games %}
	
					<li>
						<img alt="poster" src="{{ asset('uploads/games/'~ game.poster) }}" >
			       		<a href="{{ path('admin_game_homepage', {'userid': app.user.id, 'gameid': game.id}) }}">{{ game.name }}</a>	
			       		<p id="icon_available" style="background-color: {% if game.isAvailable %}green{% else %}red{% endif %};"></p> 	       		
			       	</li>
			    {% endfor %}
			    </ul>
	    	{% endif %}
   
	    
	            {% for label, messages in app.flashes %}
				    {% for message in messages %}
				        <div class="alert alert-{{ label }}">
				            {{ message }}
				        </div>
				    {% endfor %}
				{% endfor %}
	    
	    
	    
		{% endblock %}
  
	          			




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

	
{% endblock %}