{% 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">{{ intensity.time_quality | floatformat:1 }}%</span>
                        {% elif intensity.time_quality < 95.0 %}
                            <span class="text-warning">{{ intensity.time_quality | floatformat:1 }}%</span>
                        {% else %}
                            <span class="text-success">{{ intensity.time_quality | floatformat:1 }}%</span>
                        {% endif %}
                </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">{{ intensity.difficulty_quality | floatformat:1 }}%</span>
                        {% elif intensity.difficulty_quality < 95.0 %}
                            <span class="text-warning">{{ intensity.difficulty_quality | floatformat:1 }}%</span>
                        {% else %}
                            <span class="text-success">{{ intensity.difficulty_quality | floatformat:1 }}%</span>
                        {% endif %}
                </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">{{ intensity.quantity_of_skill_quality | floatformat:1 }}%</span>
                        {% elif intensity.quantity_of_skill_quality < 95.0 %}
                            <span class="text-warning">{{ intensity.quantity_of_skill_quality | floatformat:1 }}%</span>
                        {% else %}
                            <span class="text-success">{{ intensity.quantity_of_skill_quality | floatformat:1 }}%</span>
                        {% endif %}
                </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">{{ intensity.number_of_passes_quality | floatformat:1 }}%</span>
                        {% elif intensity.number_of_passes_quality < 95.0 %}
                            <span class="text-warning">{{ intensity.number_of_passes_quality | floatformat:1 }}%</span>
                        {% else %}
                            <span class="text-success">{{ intensity.number_of_passes_quality | floatformat:1 }}%</span>
                        {% endif %}
                </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"><b>Average</b></div>
                <div class="col-2 text-right pl-0">
                    <b>
                        {% if intensity.average_quality < 85.0 %}
                            <span class="text-danger">{{ intensity.average_quality | floatformat:1 }}%</span>
                        {% elif intensity.average_quality < 95.0 %}
                            <span class="text-warning">{{ intensity.average_quality | floatformat:1 }}%</span>
                        {% else %}
                            <span class="text-success">{{ intensity.average_quality | floatformat:1 }}%</span>
                        {% endif %}
                    </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">
                    <b>
                        {{ intensity.quantity_of_skill_by_passe | floatformat:3 }}
                    </b>
                </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>
                        {{ intensity.mean_quantity_of_skill_by_time | floatformat:3 }}
                    </b>
                </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-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.number_of_gymnast == 2 %}
                            {% if intensity.mean_time_by_passe > 3.50 %}
                                <span class="text-danger">{{ intensity.mean_time_by_passe | floatformat:3 }}</span>
                            {% elif intensity.mean_time_by_passe > 3.20 %}
                                <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 %}
                        {% elif intensity.number_of_gymnast == 3 %}
                            {% if intensity.mean_time_by_passe > 5.05 %}
                                <span class="text-danger">{{ intensity.mean_time_by_passe | floatformat:3 }}</span>
                            {% elif intensity.mean_time_by_passe > 4.40 %}
                                <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 %}
                        {% else %}
                            {{ intensity.mean_time_by_passe | floatformat:3 }}
                        {% endif %}
                    </b>
                </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-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">
                    <b>
                        {{ intensity.mean_time_by_skill | floatformat:3 }}
                    </b>
                </div>




                {% if intensity.to_markdown %}
                    <div class="col-12 mt-3 pt-0">
                        <h4 class="mb-0">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 %}