{% extends "::layout.html.twig" %}

{% block title %}{% trans %}Voir un utilisateur{% endtrans %} - {{ parent() }}{% endblock %}

{% block content_main %}

<div class="row">
	<div class="col-md-6">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title"><a>{{ user.username }}</a></h3>
			</div>
			<div class="panel-body">
				{% if user.getWebAvatarPath is not null %}
			        <p><img src="{{ asset(user.getWebAvatarPath) }}" width="100" /></p>
			    {% endif %}
				<p>{{ user.company }}</p>
				<p>{{ user.firstName }} {{ user.lastName }}</p>
				<p>{{ user.job }}</p>
				<p>{{ user.telephone }}</p>
				<p>{{ user.email }}</p>
			</div>
		</div>
	</div>
	<div class="col-md-6">
		<a href="{{ path('user_edit', { 'id' : user.id }) }}" class="btn btn-primary pull-right btn-plus">{% trans %}Editer l'utilisateur{% endtrans %}<i class="glyphicon glyphicon-pencil"></i></a>
	</div>
</div>

<hr />

<div class="wrapper-title row">
	<h1 class="title col-md-12">{% trans %}Les affichages{% endtrans %}</h1>
	<div class="btn-group col-md-4">
		<div class="dropdown">
		  	<button class="btn btn-block dropdown-toggle" type="button" id="filters-state" data-toggle="dropdown" aria-expanded="true">
		    	{% if state == 'current' %}
					{% trans %}Affichages en cours{% endtrans %}
		    	{% elseif state == 'future' %}
		    		{% trans %}Affichages à venir{% endtrans %}
		    	{% elseif state == 'past' %}
		    		{% trans %}Affichages terminés{% endtrans %}
		    	{% else %}
		    		{% trans %}Tous les affichages{% endtrans %}
		    	{% endif %}
		    	<span class="caret"></span>
		  	</button>
		  	<ul class="dropdown-menu dropdown-filters" role="menu" aria-labelledby="filters-state">
		    	<li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('user_view', { 'id' : user.id }) }}">{% trans %}Tous les affichages{% endtrans %}</a></li>
		    	<li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('user_view', { 'id' : user.id, 'state' : 'current' }) }}">{% trans %}Affichages en cours{% endtrans %}</a></li>
		    	<li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('user_view', { 'id' : user.id, 'state' : 'future' }) }}">{% trans %}Affichages à venir{% endtrans %}</a></li>
		    	<li role="presentation"><a role="menuitem" tabindex="-1" href="{{ path('user_view', { 'id' : user.id, 'state' : 'past' }) }}">{% trans %}Affichages terminés{% endtrans %}</a></li>
		  	</ul>
		</div>
	</div>
	<div class="col-md-8">
		<button data-toggle="modal" data-target="#associateEventModal" class="btn btn-primary btn-plus">{% trans %}Lier un affichage{% endtrans %}<i class="glyphicon glyphicon-link"></i></button>
	</div>
</div>

<div class="row">
{% for event in events %}
	{% include "OuibeatAppBundle:Backend:Event/list-event.html.twig" with {'event': event, 'dissociate': true } %}
{% else %}
	<div class="col-md-12">
		<p>{% trans %}Aucun affichage{% endtrans %}</p>
	</div>
{% endfor %}
</div>

<div class="modal fade" id="associateEventModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <form role="form" method="POST" {{ form_enctype(form) }}>
	        <div class="modal-content">
	            <div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	                <h4 class="modal-title">{% trans %}Lier un affichage{% endtrans %}</h4>
	            </div>
	            <div class="modal-body">
	            	{{ form_widget(form) }}
	            </div>
	            <div class="modal-footer">
	                <button type="button" class="btn btn-default" data-dismiss="modal">{% trans %}Annuler{% endtrans %}</button>
	                <input type="submit" value="{% trans %}Sauvegarder{% endtrans %}" class="btn btn-primary" />
	            </div>
	        </div>
        </form>
    </div>
</div>

{% endblock %}