{% extends 'WebelopingLanderBundle:ComunidadDeExpertos:layout.html.twig' %}

{% block _sectionId 'grid_question' %}

    {% block _data -%}
        {% if user is not empty %}
            <div class="row row-table first-row">
                <div class="col-xs-12 col-sm-8 col-md-5">
                    <div class="col-xs-4 col-sm-5 cell cont-user-avatar td-top pull-left">
                        <a href="{{ path('user_profile_by_user', { 'id' : user.id }) }}">
                            <img src="{{user.picture}}" class="img-circle {{app.user.id == user.id?"plateado"}}"/>
                        </a>
                    </div>
                    <div class="col-xs-8 col-sm-7 cell cont-user-info">
                        <span class="nick">
                            {{user.nick_name}}
                        </span>
                        <span class="route">
                            {{user.route}}
                        </span>
                        <span class="train">
                            {{user.machine}}
                        </span>
                        <a href="{{ path('user_profile_by_user', { 'id': user.id }) }}">
                            <span class="glyphicons glyphicons-zoom_in"></span>
                        </a>
                        {% if app.user.id != user.id %}
                            <a href="{{ path('challenge_pvp', { 'challengedId': user.id }) }}">
                                <span class="glyphicons glyphicons-user"></span>
                                <span class="glyphicons glyphicons-transfer"></span>
                                <span class="glyphicons glyphicons-user"></span>
                            </a>
                        {% endif %}
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-7">
                    <div class="col-xs-12 col-sm-12 cell cont-user-counter">
                        <div class="col-xs-4 col-sm-12 col-md-4 votes counter green">
                            <span class="value">
                                {{ user.total_positive_votes|number_format }}
                            </span>
                            <span class="title">
                                {{ 'votos positivos'|upper }}
                            </span>
                        </div>
                        <div class="col-xs-4 col-sm-12 col-md-4 votes counter red">
                            <span class="value">
                                {{ user.total_negative_votes|number_format }}
                            </span>
                            <span class="title">
                                {{ 'votos negativos'|upper }}
                            </span>
                        </div>
                        <div class="col-xs-4 col-sm-12 col-md-4 visits counter">
                            <span class="value">
                                {{ user.total_views|number_format }}
                            </span>
                            <span class="title">
                                {{ "user.views"|trans({},'USAnswerBundle')|upper }}
                            </span>
                        </div>
                        <div class="col-xs-3 favorites counter cyan hide">
                            <span class="value">
                                {{ user.total_favorites|number_format }}
                            </span>
                            <span class="title">
                                {{ "user.favorites"|trans({},'USAnswerBundle')|upper }}
                            </span>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 cell cont-user-counter">
                        <div class="col-xs-4 answers counter cyan">
                            <span class="value">
                                {{ user.total_answers|number_format }}
                            </span>
                            <span class="title">
                                {{"user.answers"|trans({},'USAnswerBundle')|upper}}
                            </span>
                        </div>
                        <div class="col-xs-4 draws counter cyan">
                            <span class="value">
                                {{ user.total_paints|number_format }}
                            </span>
                            <span class="title">
                                {{ "user.drawins"|trans({},'USAnswerBundle')|upper }}
                            </span>
                        </div>
                        <div class="col-xs-4 tags counter cyan">
                            <span class="value">
                                {{ user.total_tags|number_format }}
                            </span>
                            <span class="title">
                                {{ "user.tags"|trans({},'USAnswerBundle')|upper }}
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="margin"></div>
            <div class="row cont-summary">
                <div class="col-xs-6 col-sm-6 summary">
                    <div class="row row-table">
                        <div class="cell avatar">
                            <img src="/images/ferronet/questions.png"/>
                        </div>
                        <div class="cell counter">
                            <span class="value blue">{{ user.total_asks|number_format }}</span>
                            <span class="title">{{"user.questions_topics"|trans({},'USAnswerBundle')|upper}}</span>
                        </div>
                    </div>
                    {% if user.total_asks > 0 %}
                        <div class="row">
                            <div class="col-sm-9">
                                {{"user.last_questions"|trans({},'USAnswerBundle')|upper}}
                            </div>
{#                            <div class="col-sm-3 see-more">
                                {% if user.total_asks > user.asks|length %}
                                    <a href="{{ path('comunidad_expertos_question_list') }}">{{"user.see_more"|trans({},'USAnswerBundle')}}</a>
                                {% endif %}
                            </div>#}
                        </div>
                        <ul class="last-items">
                            {% for ask in user.asks %}
                                <li><span>{{ ask.title }}</span></li>
                                    {% endfor %}
                        </ul>
                    {% endif %}
                </div>
                <div class="col-xs-6 col-sm-6 summary">
                    <div class="row row-table">
                        <div class="cell avatar">
                            <img src="/images/ferronet/questions.png"/>
                        </div>
                        <div class="cell counter">
                            <span class="value blue">{{ user.total_answers|number_format }}</span>
                            <span class="title">{{"user.answers"|trans({},'USAnswerBundle')|upper}}</span>
                        </div>
                    </div>
                    {% if user.total_answers > 0 %}
                        <div class="row">
                            <div class="col-sm-9">
                                {{"user.last_answers"|trans({},'USAnswerBundle')|upper}}
                            </div>
{#                            <div class="col-sm-3 see-more">
                                {% if user.total_answers > user.answers|length %}
                                    <a href="{{ path('comunidad_expertos_question_list',{}) }}">{{"user.see_more"|trans({},'USAnswerBundle')}}</a>
                                {% endif %}
                            </div>#}
                        </div>
                        <ul class="last-items">
                            {% for answer in user.answers %}
                                <li><span>{{ answer.title }}</span></li>
                                    {% endfor %}
                        </ul>
                    {% endif %}
                </div>
            </div>
            <div class="margin"></div>
            <div class="row cont-summary">
                <div class="col-xs-6 col-sm-6 summary">
                    <div class="row row-table">
                        <div class="cell avatar">
                            <img src="/images/ferronet/drawings.png"/>
                        </div>
                        <div class="cell counter">
                            <span class="value blue">{{ user.total_paints|number_format }}</span>
                            <span class="title">{{"user.drawins"|trans({},'USAnswerBundle')|upper}}</span>
                        </div>
                    </div>
                    {% if user.total_paints > 0 %}
                        <div class="row">
                            <div class="col-sm-9">
                                {{"user.last_drawins"|trans({},'USAnswerBundle')|upper}}
                            </div>
{#                            <div class="col-sm-3 see-more">
                                {% if user.total_paints > user.paints|length %}
                                    <a href="{{ path('comunidad_expertos_paint_list') }}" class="oculto">{{"user.see_more"|trans({},'USAnswerBundle')}}</a>
                                {% endif %}
                            </div>#}
                        </div>
                        <ul class="last-items">
                            {% for paint in user.paints %}
                                <li><span>{{ paint.title }}</span></li>
                                    {%endfor%}
                        </ul>
                    {% endif %}
                </div>
                <div class="col-xs-6 col-sm-6 summary">
                    <div class="row row-table">
                        <div class="cell avatar">
                            <img src="/images/ferronet/favourites.png"/>
                        </div>
                        <div class="cell counter">
                            <span class="value blue">{{user.total_favorites|number_format }}</span>
                            <span class="title">{{"user.favorites"|trans({},'USAnswerBundle')|upper}}</span>
                        </div>
                    </div>
                    {% if user.total_favorites > 0 %}
                        <div class="row">
                            <div class="col-sm-9">
                                {{"user.last_favorites"|trans({},'USAnswerBundle')|upper}}
                            </div>
{#                            <div class="col-sm-3 see-more">
                                {% if user.total_favorites > user.favorites|length %}
                                    <a href="" class="oculto">{{"user.see_more"|trans({},'USAnswerBundle')}}</a>
                                {% endif %}
                            </div>#}
                        </div>
                        <ul class="last-items">
                            {% for favorite in user.favorites %}
                                <li><span>{{ favorite.title }}</span></li>
                                    {%endfor%}
                        </ul>
                    {% endif %}
                </div>
            </div>        
            <div class="margin"></div>
            <div class="row cont-summary">
                <div class="col-xs-6 col-sm-6 summary">
                    <div class="row row-table">
                        <div class="cell avatar">
                            <img src="/images/ferronet/tags.png"/>
                        </div>
                        <div class="cell counter">
                            <span class="value blue">{{ user.total_tags|number_format }}</span>
                            <span class="title">{{"user.tags"|trans({},'USAnswerBundle')|upper}}</span>
                        </div>
                    </div>
                    {% if user.total_tags %}
                        <div class="row">
                            <div class="col-xs-9 col-sm-9">
                                {{"user.last_tags"|trans({},'USAnswerBundle')|upper}}
                            </div>
{#                            <div class="col-xs-3 col-sm-3 see-more">
                                {% if user.total_tags > user.tags|length %}
                                    <a href="{{ path('comunidad_expertos_tag_list') }}">{{"user.see_more"|trans({},'USAnswerBundle')}}</a>
                                {% endif %}
                            </div>#}
                        </div>
                        <div class="cont-topic-list">
                            <ul class="cont-tag-list">
                                {% for tag in user.tags %}
                                    <li><a href="#" class="btn default-thin" title="{{ tag.title }}">{{ tag.title }}</a></li>
                                    {% endfor %}
                            </ul>
                        </div>
                    {% endif %}
                </div>
                <div class="col-xs-6 col-sm-6 summary">
                    <div class="row row-table">
                        <div class="cell avatar">
                            <img src="/images/ferronet/medals.png"/>
                        </div>
                        <div class="cell counter">
                            <span class="value blue">{{ user.total_achievements|number_format }}</span>
                            <span class="title">{{"user.social_badges"|trans({},'USAnswerBundle')|upper}}</span>
                        </div>
                    </div>
                    <ul class="row last-awards">
                        {% for achievement in user.achievements %}
                            <li class="col-sm-3" style="height: 110px;">
                                <img src="{{ achievement.icon }}">
                                <div>{{ achievement.name }}</div>
                            </li>
                            {% else %}
                                {#<li class="col-sm-3">
                                    <img src="/images/common/logro-uncompleted.png"/>
                                    <div>Sin medallas</div>
                                </li>#}
                                {% endfor %}
                                </ul>
                            </div>
                        </div>        
                        {% endif %}
                            {% endblock %}