{% extends "base.html" %}

<!-- {% block page_title %}.: {{ gymnast }} :.{% endblock %} -->

<!-- {% block title %}{{ gymnast }} - Semaine {{ week_number }}<br />Club : {{ gymnast.club.name }}{% endblock %} -->

{% block content %}
<div class="row">
    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title"><b>{{ gymnast }}</b></h3>
                <h4 class="card-subtitle mb-2 text-muted"><b>{{ gymnast.club.name }} - Semaine {{ week_number }}</b></h4>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-8">
        <div class="card mb-4">
            <div class="card-body row">
                <div class="col-1">
                    <table class="table table-striped">
                        <tbody>
                            {% for number in max_number_of_rounds %}
                                <tr>
                                    <td class="text-left">
                                        {{ number }}
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                {% for training in training_list %}
                <div class="col-3">
                    <table class="table table-striped">
                        <tbody>
                            {% for round in training.rounds.all %}
                                <tr>
                                    <td class="text-left">
                                        {{ round }}
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                {% endfor %}
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <p>{{ gymnast.content }}</p>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="card">
            <div class="card-body">
                <h4 class="text-center">Routines</h4>
                    {% if l1 or l2 or l3 or l4%}
                    <div class="row">
                        <div class="col-md-6 pr-1">
                            {% if l1 %}
                                <table class="table table-striped table-condensed">
                                    <thead>
                                        <th colspan="2" class="text-center">L1</th>
                                    </thead>
                                    <tbody>
                                        {% for skill_link in l1 %}
                                            <tr>
                                                <td class="text-left">{{ skill_link.skill.notation }}</td>
                                                <td class="text-left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                                            </tr>
                                        {% endfor %}
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                        </tr>
                                    </tbody>
                                </table>
                            {% endif %}
                        </div>
                        <div class="col-md-6 pl-1">
                            {% if l2 %}
                                <table class="table table-striped table-condensed">
                                    <thead>
                                        <th colspan="2" class="text-center">L2</th>
                                    </thead>
                                    <tbody>
                                        {% for skill_link in l2 %}
                                            <tr>
                                                <td class="text-left">{{ skill_link.skill.notation }}</td>
                                                <td class="text-right">{{ skill_link.skill.difficulty }}</td>
                                            </tr>
                                        {% endfor %}
                                        <tr>
                                            <td></td>
                                            <td class="text-right"><b>{{ difficulty_l2 }}</b></td>
                                        </tr>
                                    </tbody>
                                </table>
                            {% endif %}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 pr-1">
                            {% if l3 %}
                                <table class="table table-striped table-condensed">
                                    <thead>
                                        <th colspan="2" class="text-center">L3</th>
                                    </thead>
                                    <tbody>
                                        {% for skill_link in l3 %}
                                        <tr>
                                            <td class="text-left">{{ skill_link.skill.notation }}</td>
                                            <td class="text-right">{{ skill_link.skill.difficulty }}</td>
                                        </tr>
                                        {% endfor %}
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td class="text-right"><b>{{ difficulty_l3 }}</b></td>
                                        </tr>
                                    </tbody>
                                </table>
                            {% endif %}
                        </div>
                        <div class="col-md-6 pl-1">
                            {% if l4 or next_skill %}
                                <table class="table table-striped table-condensed">
                                    {% if l4 %}
                                        <thead>
                                            <th colspan="2" class="text-center">L4</th>
                                        </thead>
                                        <tbody>
                                            {% for skill_link in l4 %}
                                                <tr>
                                                    <td class="text-left">{{ skill_link.skill.notation }}</td>
                                                    <td class="text-right">{{ skill_link.skill.difficulty }}</td>
                                                </tr>
                                            {% endfor %}
                                            <tr>
                                                <td></td>
                                                <td class="text-right"><b>{{ difficulty_l4 }}</b></td>
                                            </tr>
                                        </tbody>
                                    {% else %}
                                        <thead>
                                            <th colspan="2" class="text-center">Next Skills</th>
                                        </thead>
                                        <tbody>
                                            {% for skill in next_skill %}
                                                <tr>
                                                    <td class="text-center" colspan="2"><a href="{% url 'skill_details' skill.id %}">{{ skill.notation }}</a></td>
                                                </tr>
                                            {% endfor %}
                                        </tbody>
                                    {% endif %}
                                </table>
                            {% endif %}
                        </div>
                    </div>
                {% else %}
                    Aucune série définie.
                {% endif %}
                <h4 class="text-center">Chronos</h4>
                <table class="table table-striped table-condensed">
                    <tbody>
                        <tr>
                            <td class="text-center"><b>L1</b></td>
                            <td class="text-center">{{ chrono_l1 }}</td>
                            <td class="text-center"><b>L3</b></td>
                            <td class="text-center">{% if chrono_l3 %}{{ chrono_l3 }}{% else %}-{% endif %}</td>
                        </tr>
                        <tr>
                            <td class="text-center"><b>L2</b></td>
                            <td class="text-center">{{ chrono_l2 }}</td>
                            <td class="text-center"></td>
                            <td class="text-center"></td>
                        </tr>
                        <tr>
                            <td class="text-center"><b>10|</b></td>
                            <td class="text-center">{{ chrono_best_ten }}</td>
                            <td class="text-center"><b>T/S</b></td>
                            <td class="text-center">{{ time_by_skill|floatformat:2 }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{% endblock%}