{% extends "base.html" %}

{% block content %}

<div class="row justify-content-center">
    <div class="col-12 col-sm-8 col-md-6">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0"><a href="{% url 'gymnast_details_tab' intensity.gymnast.id 'routine' %}">{{ intensity.gymnast }}</a>'s training intensity for the {{ intensity.date | date:"j F Y" }}</h4>
            </div>
            <div class="card-body row pb-0">
                <div class="col-6 col-sm-5 text-center"><b>Encoded data</b></div>
                <div class="col-sm-2 d-none d-sm-block"></div>
                <div class="col-6 col-sm-5 text-center"><b>Average</b></div>

                <div class="col-4 col-sm-3 pr-0">Time (min)</div>
                <div class="col-2 text-right pl-0">{{ intensity.time }}</div>
                <div class="col-sm-2 d-none d-sm-block"></div>
                <div class="col-4 col-sm-3 pr-0">Diff/passe</div>
                <div class="col-2 text-right pl-0"><b>{{ intensity.mean_difficulty_by_passe_in_unit | floatformat:3 }}</b></div>

                <div class="col-4 col-sm-3 pr-0">Difficulty</div>
                <div class="col-2 text-right pl-0">{{ intensity.difficulty_in_unit }}</div>
                <div class="col-sm-2 d-none d-sm-block"></div>
                <div class="col-4 col-sm-3 pr-0">Diff/Skill</div>
                <div class="col-2 text-right pl-0"><b>{{ intensity.mean_difficulty_by_skill_in_unit | floatformat:3 }}</b></div>

                <div class="col-4 col-sm-3 pr-0"># Skill</div>
                <div class="col-2 text-right pl-0">{{ intensity.quantity_of_skill }}</div>
                <div class="col-sm-2 d-none d-sm-block"></div>
                <div class="col-4 col-sm-3 pr-0">Skill/passe</div>
                <div class="col-2 text-right pl-0">
                    <b>
                        {% if intensity.quantity_of_skill_by_passe > 7.37 %}
                            <span class="text-danger">{{ intensity.quantity_of_skill_by_passe | floatformat:3 }}</span>
                        {% elif intensity.mean_quantity_of_skill_by_time > 6.95 %}
                            <span class="text-warning">{{ intensity.quantity_of_skill_by_passe | floatformat:3 }}</span>
                        {% else %}
                            <span class="text-success">{{ intensity.quantity_of_skill_by_passe | floatformat:3 }}</span>
                        {% endif %}
                    </b>
                </div>

                <div class="col-4 col-sm-3 pr-0"># Passes</div>
                <div class="col-2 text-right pl-0">{{ intensity.number_of_passes }}</div>
                <div class="col-sm-2 d-none d-sm-block"></div>
                <div class="col-4 col-sm-3 pr-0">Skill/time</div>
                <div class="col-2 text-right pl-0">
                    <b>
                        {% if intensity.mean_quantity_of_skill_by_time > 2.37 %}
                            <span class="text-danger">{{ intensity.mean_quantity_of_skill_by_time | floatformat:3 }}</span>
                        {% elif intensity.mean_quantity_of_skill_by_time > 2.05 %}
                            <span class="text-warning">{{ intensity.mean_quantity_of_skill_by_time | floatformat:3 }}</span>
                        {% else %}
                            <span class="text-success">{{ intensity.mean_quantity_of_skill_by_time | floatformat:3 }}</span>
                        {% endif %}
                    </b>
                </div>

                <div class="col-4 col-sm-3"></div>
                <div class="col-2"></div>
                <div class="col-sm-2 d-none d-sm-block"></div>
                <div class="col-4 col-sm-3 pr-0">Time/passe</div>
                <div class="col-2 text-right pl-0">
                    <b>
                        {% if intensity.mean_time_by_passe > 4.13 %}
                            <span class="text-danger">{{ intensity.mean_time_by_passe | floatformat:3 }}</span>
                        {% elif intensity.mean_time_by_passe > 3.80 %}
                            <span class="text-warning">{{ intensity.mean_time_by_passe | floatformat:3 }}</span>
                        {% else %}
                            <span class="text-success">{{ intensity.mean_time_by_passe | floatformat:3 }}</span>
                        {% endif %}
                    </b>
                </div>

                {% if intensity.to_markdown %}
                    <div class="col-12 mt-3 pt-0">
                        <h4>More details</h4>
                        {{ intensity.to_markdown | safe }}
                    </div>
                {% endif %}

            </div>
            <div class="card-footer row">
                <div class="col-6">
                    <a href="{% url 'intensity_list' %}">
                        <button type="submit" value="add" class="btn btn-icon btn-warning ">
                            <i class="tim-icons icon-double-left"></i>
                        </button>
                    </a>
                </div>
                <div class="col-6 col-1 ml-auto text-right">
                    <a href="{% url 'intensity_update' intensity.id %}">
                        <button type="submit" value="update" class="btn btn-icon btn-warning">
                            <i class="tim-icons icon-pencil"></i>
                        </button>
                    </a>
                </div>

            </div>
        </div>
    </div>
</div>
{% endblock %}