{% trans_default_domain 'FOSUserBundle' %}

<h1 class="title">{% trans %}Modifier votre profil{% endtrans %}</h1>

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

            {{ form_row(form.username) }}
            {{ form_row(form.current_password) }}
            {{ 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.job) }}
            {{ form_row(form.company) }}
            {{ form_row(form.telephone) }}

			{{ form_widget(form._token) }}

		    <div>
		        <input type="submit" class="btn btn-primary" value="{{ 'profile.edit.submit'|trans }}" />
		    </div>
		</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 form.vars.value.oauthToken is not null and form.vars.value.oauthTokenSecret is not null %}
                                    <a href="{{ path('twitter_dissociate', { 'type' : 'user', 'id' : form.vars.value.id }) }}" class="btn"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span>&nbsp;{% trans %}Dissocier le compte Twitter : {% endtrans %} {{ form.vars.value.oauthPseudo }}</a>
                                {% else %}
                                    <a href="{{ path('user_twitter_sign_in', { 'type' : 'user', 'id' : form.vars.value.id }) }}" class="btn">{% trans %}Associer un compte Twitter{% endtrans %}</a>
                                {% endif %}
                            </p>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-12">
                            <p>
                                {% if form.vars.value.instagramAccessToken is not null and form.vars.value.instagramAccessTokenUser is not null %}
                                    <a href="{{ path('instagram_dissociate', { 'type' : 'user', 'id' : form.vars.value.id }) }}" class="btn"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span>&nbsp;{% trans %}Dissocier le compte Instagram : {% endtrans %} {{ form.vars.value.instagramAccessTokenUser }}</a>
                                {% else %}
                                    <a href="{{ path('user_instagram_sign_in', { 'type' : 'user', 'id' : form.vars.value.id }) }}" class="btn">{% trans %}Associer un compte Instagram{% endtrans %}</a>
                                {% endif %}
                            </p>
                        </div>
                    </div>
                
                </div>
            </div>
        </div>
        {% endif %}

	</div>
</div>