{% 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>Quality</b></div>

                <div class="col-4 col-sm-3 pr-0">Time (min)</div>
                <div class="col-2 text-right pl-0">{{ intensity.time }} / {{ intensity.theorical_time }}</div>
                <div class="col-sm-2 d-none d-sm-block"></div>
                <div class="col-4 col-sm-3 pr-0">Time</div>
                <div class="col-2 text-right pl-0">
                    {% if intensity.time_quality <= 85.0 %}
                        <span class="text-danger">
                    {% elif intensity.time_quality <= 95.0 %}
                        <span class="text-warning">
                    {% else %}
                        <span class="text-success">
                    {% endif %}
                    {{ intensity.time_quality | floatformat:1 }}%</span>
                </div>


                <div class="col-4 col-sm-3 pr-0">Difficulty</div>
                <div class="col-2 text-right pl-0">{{ intensity.difficulty_in_unit }} / {{ intensity.difficulty_asked_in_unit }}</div>
                <div class="col-sm-2 d-none d-sm-block"></div>
                <div class="col-4 col-sm-3 pr-0">Diff.</div>
                <div class="col-2 text-right pl-0">
                    {% if intensity.difficulty_quality <= 85.0 %}
                        <span class="text-danger">
                    {% elif intensity.difficulty_quality <= 95.0 %}
                        <span class="text-warning">
                    {% else %}
                        <span class="text-success">
                    {% endif %}
                    {{ intensity.difficulty_quality | floatformat:1 }}%</span>
                </div>


                <div class="col-4 col-sm-3 pr-0"># Skill</div>
                <div class="col-2 text-right pl-0">{{ intensity.quantity_of_skill }} / {{ intensity.quantity_of_skill_asked }}</div>
                <div class="col-sm-2 d-none d-sm-block"></div>
                <div class="col-4 col-sm-3 pr-0">Skill</div>
                <div class="col-2 text-right pl-0">
                    {% if intensity.quantity_of_skill_quality <= 85.0 %}
                        <span class="text-danger">
                    {% elif intensity.quantity_of_skill_quality <= 95.0 %}
                        <span class="text-warning">
                    {% else %}
                        <span class="text-success">
                    {% endif %}
                    {{ intensity.quantity_of_skill_quality | floatformat:1 }}%</span>
                </div>


                <div class="col-4 col-sm-3 pr-0"># Passes</div>
                <div class="col-2 text-right pl-0">{{ intensity.number_of_passes }} / {{ intensity.number_of_passes_asked }}</div>
                <div class="col-sm-2 d-none d-sm-block"></div>
                <div class="col-4 col-sm-3 pr-0">Passes</div>
                <div class="col-2 text-right pl-0">
                    {% if intensity.number_of_passes_quality <= 85.0 %}
                        <span class="text-danger">
                    {% elif intensity.number_of_passes_quality <= 95.0 %}
                        <span class="text-warning">
                    {% else %}
                        <span class="text-success">
                    {% endif %}
                    {{ intensity.number_of_passes_quality | floatformat:1 }}%</span>
                </div>


                <div class="col-6 col-sm-5 text-center">{{ intensity.number_of_gymnast }} gymnasts on trampoline</div>
                <div class="col-sm-2 d-none d-sm-block"></div>
                <div class="col-4 col-sm-3 pr-0">
                    {% if intensity.average_training_quality <= 85.0 %}
                        <span class="text-danger">
                    {% elif intensity.average_training_quality <= 95.0 %}
                        <span class="text-warning">
                    {% else %}
                        <span class="text-success">
                    {% endif %}
                    Average</span>
                </div>
                <div class="col-2 text-right pl-0">
                    <b>
                        {% if intensity.average_training_quality <= 85.0 %}
                            <span class="text-danger">
                        {% elif intensity.average_training_quality <= 95.0 %}
                            <span class="text-warning">
                        {% else %}
                            <span class="text-success">
                        {% endif %}
                        {{ intensity.average_training_quality | floatformat:1 }}%</span>
                    </b>
                </div>
            </div>
            <div class="card-body row pb-0">
                <div class="col-12 text-center"><b>Statistics</b></div>

                <div class="col-4 col-sm-3 pr-0">Skill/passe</div>
                <div class="col-2 text-right pl-0">
                        {{ intensity.average_quantity_of_skill_by_passe | floatformat:3 }}
                </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">
                        {{ intensity.average_quantity_of_skill_by_time | floatformat:3 }}
                </div>


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

                <div class="col-4 col-sm-3 pr-0">Diff/passe</div>
                <div class="col-2 text-right pl-0">
                        {{ intensity.average_difficulty_by_passe_in_unit | floatformat:3 }}
                </div>
                <div class="col-sm-2 d-none d-sm-block"></div>
                <div class="col-4 col-sm-3 pr-0">Time/Skill</div>
                <div class="col-2 text-right pl-0">
                        {{ intensity.average_time_by_skill | floatformat:3 }}
                </div>




                {% if intensity.to_markdown %}
                    <div class="col-12 mt-3 pt-0 text-justify">
                        <p><b><u>Informations</u></b></p>
                        {{ 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 %}