{% use 'WebelopingLanderBundle:Includes:cont_bar_box.html.twig' %}

{% block evolution_box %}
    <div class="row">
        <div class="col-sm-3">
            <div class="row">
                <div class="col-sm-12 cont-puntos">
                    <span class="puntos-title">PUNTOS</span>
                    <span class="score">{{ evolution.points_average|number_format }}</span>
                </div>
                <div class="col-sm-12">
                    <span class="puntos-title">USUARIOS</span>
                    <span class="score">{{ evolution.users|number_format }}</span>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <span class="puntos-title">
                PROGRESO
            </span>
            <div class="progress-bar-globe">
                {% include 'WebelopingLanderBundle:Includes:progress.html.twig' with {'big' : true, 'progress' : evolution.progress }%}
            </div>
        </div>
        <div class="col-sm-6 cont-progress-bars">
            {% set value = evolution.technical_knowledge|number_format %}
            {% set title = "CONOCIMENTO BÁSICO" %}
            {% set color = "yellow" %}
            {% set label = "progress-bar-warning" %}
            {{ block('cont_bar_box') }}

            {% set value = evolution.skills|number_format %}
            {% set title = "HABILIDADES" %}
            {% set color = "red" %}
            {% set label = "progress-bar-danger" %}
            {{ block('cont_bar_box') }}

            {% set value = evolution.best_practices|number_format %}
            {% set title = "BUENAS PRÁCTICAS" %}
            {% set color = "green" %}
            {% set label = "progress-bar-success" %}
            {{ block('cont_bar_box') }}

            {% set value = evolution.info_company|number_format %}
            {% set title = "CONOCIMIENTO CORPORATIVO" %}
            {% set color = "blue" %}
            {% set label = "progress-bar-info" %}
            {{ block('cont_bar_box') }}
        </div>
    </div>
{% endblock %}