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

{% block stylesheets %}
	{{ parent() }}
	<style>
	
		#layout
		{
			
		}
	
		#layout div
		{
			width:100%;
			margin:2% 0% 2% 2%;
		}
		
		#layout div div label
		{
			font-weight: bolder;
		}
	
    	#ask_invitation 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) ;
    	}
    	
    	#exception
		{
			height:30px;
			font-size:20px;
			border:solid 4px red;
			border-radius:15px 15px 15px 15px;
		}
	
	</style>
	
{% endblock %}


{% block breadcrumb %}
		<a href="{{ path('homepage') }}">accueil</a> > <a href="{{ path('dashboard') }}">tableau de bord</a> > <a href="{{ path('find_campaigns') }}">rechercher une campagne</a> > <a>voir la campagne</a>
{% endblock %}

{% block member_content %}

    <div id="layout">
    	<h1>afficher la campagne</h1>
    	
    	<div>
    		<div><a href="{{ path('ask_campaign_invitation', {'id': campaign.id}) }}"  id="ask_invitation"><button>demander une invitation</button></a></div>
    		<div><label>maître de jeu : </label>{{ campaign.owner }}</div>
    		<div><label>jeu : </label>{{ campaign.game.name }}</div>
    		<div><label>nom de la campagne : </label>{{ campaign.name }}</div>
    		<div><label>description : </label>{{ campaign.description }}</div>
    	</div>
    </div>	

    {% for message in app.flashes('message') %}
    	<div id="exception">{{ message }}</div>
    {% endfor %}
			
{% endblock %}