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

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

<style>

#remove_relation
{
		height:40px;
    	width:180px;
    	background-color:red;
    	color:black;
    	font-weight:bold;
    	font-size:0.9em;
    	border-radius:15px 15px 15px 15px;
    	border-color:black;	

}

#add_relation
{
		height:40px;
    	width:180px;
    	background-color:#56ed0a;
    	color:black;
    	font-weight:bold;
    	font-size:0.9em;
    	border-radius:15px 15px 15px 15px;
    	border-color:black;	
}
</style>

{% endblock %}

{% block breadcrumb %}
<a href="{{ path('homepage') }}">accueil</a> > <a href="{{ path('dashboard') }}">tableau de bord</a> > <a href="{{ path('relations') }}">mes contacts</a> > <a href="{{ path('find_profile') }}">rechercher un contact</a> > <a>profil d'un utilisateur</a>
{% endblock %}
	
{% block member_content %}
	ceci est la page de profil du membre L'utilisateur est {{ relation.username }}
	
	<a href="{{ path('relation_add', {'id': relation.id}) }}"><button id="add_relation">ajouter aux contacts</button></a>
	<a href="{{ path('relation_remove', {'id': relation.id}) }}"><button id="remove_relation">supprimer des contacts</button></a>
	

	
	<img src="{{ asset('public/uploads/{{ user.getImage()}}.jpeg') }}" class="img-rounded" width=200px height=100px />
	{# {{ user.image }} #}
	
	{#  {{ user.description }} #}

{% endblock %}