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

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

	.user_area ul
	{
		background-color: white;
		border: none;
	}


    .red
    {
    	color: red;
    }
    
    .green
    {
    	color: green;
    }
    
	#route_game_homepage
	{
		background-color: #ecf0f1;
	}
	
	#route_users
	{
		background-color: #797d7f;
	}
	
	#route_game_books
	{
		background-color: #797d7f;
	}

	#route_news
	{
		background-color: #797d7f;
	}
	
	#member_template_layout
	{
		display: flex;
		flex-direction: row;
	}
	
	#member_template_layout div
	{
		margin: 10px;
	}

	#game_details
	{
		display: flex;
		flex-direction: column;
	}
	
	#content_layout
	{
		display: flex;
		flex-direction: column;
	}
	
	#detail_layout
	{
		display: flex;
		flex-direction: row;
	}
	
    
{% endblock %}



        {% block breadcrumbs %}
            {{ parent() }}
            <a href=""> > </a>
            <a href=""> liste des jeux</a>
            <a href=""> > </a>
            <a href="">{{ game.name }}</a>            
        {% endblock %}
          
       
        {% block area_user %}
        {#
            <li id="route_game_homepage"><a href="{{ path('admin_game_homepage', {'userid': app.user.id, 'gameid': game.id}) }}" >visualiser</a></li>
            <li id="route_news"><a href="{{ path('admin_book_edit', {'userid': app.user.id, 'gameid': game.id, 'bookid': book.id}) }}" >Editer</a></li>
            <li id="route_game_books"><a href="{{ path('admin_game_books', {'userid': app.user.id, 'gameid': game.id}) }}" >supprimer</a></li>
  		#}
        {% endblock %} 
         

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



	    {% block body_content %}
	    	
	    	<div id="content_layout">
		    	<div>
		    		<a href=""><button class="btn-edit">éditer</button></a>
					<a href="{{ path('admin_book_delete', {'userid':app.user.id,'gameid':book.game.id, 'bookid': book.id}) }}"><button class="btn-del">supprimer</button></a>
		    	</div>
	
		    	    
			    <div id="detail_layout">	    
				    <div>
				    	<img alt="poster" src="{{ asset('uploads/games/'~ book.poster) }}" >	    
				    </div>	    
				   	<div id="game_details">
					    <p><label class="{% if book.isAvailable %}green{% else %}red{% endif %}" >{% if book.isAvailable %} disponible {% else %}non disponible{% endif %}</label></p>	   	
					   	<p>jeu: {{ book.game.name }}</p>
					   	<p>code : {{ book.code }}</p>
				        <p>date de création: {{ book.dateCreation }}</p>
					    <p>date de dernière mise à jour: {{ book.dateLastUpdate }}</p>
					    <p>description: {{ book.description }}</p>
				   	</div> 
				</div>   	
			</div>
	    
	    
		{% endblock %}
  
	          			




{% block javascript %}
	{{ parent() }}
	
	
	function setColor (element)
	{
		id= element.id;
		if(id="profile")
		{
		
		}
		else
		{
		
		}
	}
	
{% endblock %}