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

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

{% block content_main %}

<h1 class="title">{% trans %}Modifier cet utilisateur{% endtrans %}</h1>

<div class="row">
	<div class="col-md-6">
		<form role="form" method="POST" {{ form_enctype(form) }}>
			{{ form_errors(form) }}

            {{ form_row(form.username) }}
            {{ form_row(form.avatarFile) }}
			{% if form.vars.value.getWebAvatarPath is not null %}
				{{ form_row(form.removeAvatar) }}
			{% endif %}
			{{ form_row(form.firstName) }}
            {{ form_row(form.lastName) }}
            {{ form_row(form.email) }}
            {{ form_row(form.plainPassword) }}

            <div class="form-group">
                {{ form_widget(form.enabled) }}
                {{ form_label(form.enabled) }}
            </div>

            {{ form_row(form.isCompany) }}
            {{ form_row(form.job) }}
            {{ form_row(form.company) }}
            {{ form_row(form.telephone) }}
            {% if is_granted('ROLE_ADMIN') %}
            	{{ form_row(form.roles) }}
        	{% endif %}
			{{ form_widget(form._token) }}
			<input type="submit" value="{% trans %}Sauvegarder{% endtrans %}" class="btn btn-primary" />
		</form>
	</div>
	<div class="col-md-5 col-md-offset-1">
	    <div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title"><a>{{ form.vars.value.username }}</a></h3>
			</div>
			<div class="panel-body">
				{% if form.vars.value.getWebAvatarPath is not null %}
			        <p><img src="{{ asset(form.vars.value.getWebAvatarPath) }}" width="100" /></p>
			    {% endif %}
				<p>{{ form.vars.value.company }}</p>
				<p>{{ form.vars.value.firstName }} {{ form.vars.value.lastName }}</p>
				<p>{{ form.vars.value.job }}</p>
				<p>{{ form.vars.value.telephone }}</p>
				<p>{{ form.vars.value.email }}</p>
			</div>
		</div>
		{% if is_granted('ROLE_ADMIN') %}
        <div class="panel panel-default">
            <div class="panel-heading" role="tab" id="headingSocial">
                <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseSocial" aria-expanded="true" aria-controls="collapseSocial">{% trans %}Connexion réseaux sociaux{% endtrans %}</a>
                </h4>
            </div>
            <div id="collapseSocial" class="panel-collapse" role="tabpanel" aria-labelledby="headingSocial">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12">
                            <p>
                                {% if user.oauthToken is not null and user.oauthTokenSecret is not null %}
                                    <a href="{{ path('twitter_dissociate', { 'type' : 'user', 'id' : user.id }) }}" class="btn"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span>&nbsp;{% trans %}Dissocier le compte Twitter : {% endtrans %} {{ user.oauthPseudo }}</a>
                                {% else %}
                                    <a href="{{ path('user_twitter_sign_in', { 'type' : 'user', 'id' : user.id }) }}" class="btn">{% trans %}Associer un compte Twitter{% endtrans %}</a>
                                {% endif %}
                            </p>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-12">
                            <p>
                                {% if user.instagramAccessToken is not null and user.instagramAccessTokenUser is not null %}
                                    <a href="{{ path('instagram_dissociate', { 'type' : 'user', 'id' : user.id }) }}" class="btn"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span>&nbsp;{% trans %}Dissocier le compte Instagram : {% endtrans %} {{ user.instagramAccessTokenUser }}</a>
                                {% else %}
                                    <a href="{{ path('user_instagram_sign_in', { 'type' : 'user', 'id' : user.id }) }}" class="btn">{% trans %}Associer un compte Instagram{% endtrans %}</a>
                                {% endif %}
                            </p>
                        </div>
                    </div>
                
                </div>
            </div>
        </div>
        {% endif %}
	</div>
</div>

{% endblock %}