{%extends 'layout.html.twig' %}
{% block stylesheets %}
  {{parent()}}
  <link href="{{ asset('css/competition.css') }}" media="screen" rel="stylesheet" type="text/css">
  <link href="{{ asset('css/trivial.css') }}" media="screen" rel="stylesheet" type="text/css">
  <link href="{{ asset('css/user.css') }}" media="screen" rel="stylesheet" type="text/css">
{% endblock %}
{% block body %}
    {{ parent() }}
     <div class="container marketing lista">
        <div class="competition-return">    
              <div class="competition-return-image"><img src="{{asset('img/competition-return.png')}}"></div>
              {% if app.user.role == 'ROLE_ADMIN' %}
                     <a class="competition-return-text" href="{{ path('user_list') }}">Volver a lista de usuarios</a>
               {% elseif app.user.role == 'ROLE_TUTOR'%}
                <a class="competition-return-text"  href="{{ path('user_client_list', {id: app.user.cliente.id}) }}">Volver a lista de usuarios</a>
                {% endif %}
            </div>
        <div class ="fondo col-xs-12">
         <div id="user-view" class="col-xs-12 trivial-edit-form" style="border-top:none">
             <div class="col-xs-12 text-left user-profile-name">
                {{ user.name }} {{ user.firstSurname }} {{ user.secondSurname }}
            </div>
            <div class="col-xs-12 text-left user-profile-role">
                {% if user.role == "ROLE_ADMIN" %}
                    Administrador
                {% elseif user.role == "ROLE_TUTOR" %}
                    Tutor
                {% else %}
                    Usuario
                {% endif %}
            </div> 
            <div class="col-md-3 user-profile-image-badges">
                <div class="user-profile-image">
                    <img id="user-profile-image-img" src="{{ asset('images/users/'~user.image) }}"/>
                </div>
                {% if app.user.role != 'ROLE_TUTOR' %}
                    <div class="user-profile-badges">
                        <div class="user-profile-badges-title">Medallas conseguidas</div>
                        {% for gainedBadges in user.userInReference %}
                            {% if gainedBadges.isGained == 1 %}
                                <div class="col-md-4 user-profile-badges-content">
                                    <img class="user-profile-badges-image" title="{{gainedBadges.trivial.name}}" src="{{ asset('images/badges/'~gainedBadges.badges.imageName~'') }}" />
                                </div>
                            {% endif %}
                        {% endfor %}
                        <div class="col-md-12 user-profile-badges-viewall"><a href="{{ path('user_badges', {user: user.id}) }}"> Ver todas... </a> </div>
                    </div>
                {% endif %}
                </div>
                <div class="col-md-9 text-left user-view-info">
                    <div class="col-md-12">
                        <div class="col-md-4 user-profile-label">Departamento:</div>
                        <div class="col-md-8 user-view-info-data">{{user.departamento}}</div>
                    </div>
                    <div class="col-md-12">
                        <div class="col-md-4 user-profile-label">Puesto:</div>
                        <div class="col-md-8 user-view-info-data">{{user.puesto}}</div>
                    </div>
                    <div class="col-md-12">
                        <div class="col-md-4 user-profile-label">Correo electrónico:</div>
                        <div class="col-md-8 user-view-info-data">{{user.email}}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
  {% endblock %}