{% extends "base.html" %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-12 col-sm-12 col-md-8 col-lg-6 col-xl-6">
        <div class="card">
            <div class="card-header">
                <h4 class=""><a href="{% url 'gymnast_details_tab' season_information.gymnast.id 'season_informations' %}"><i>{{ season_information.gymnast }}</i></a>' Season {{ season_information.season }} informations</h4>
            </div>
            <div class="card-body">
                <form class="form-horizontal" id="formulaire" name="formulaire">
                    {% csrf_token %}

                    <div class="form-group row mb-0">
                        <label for="id_season" class="col-sm-3 col-md-3 col-lg-3 col-xl-3 col-form-label">Season</label>
                        <div class="col-sm-3 col-md-4 col-lg-4 col-xl-3 pt-2">
                            {{ season_information.season }}
                        </div>
                    </div>

                    <div class="form-group row mb-0">
                        <label for="id_club" class="col-4 col-sm-3 col-form-label">Club</label>
                        <div class="col-8 col-md-9 pt-2">
                            {{ season_information.club.name }}
                        </div>
                    </div>

                    <div class="form-group row mb-0">
                        <label for="id_number_of_training_sessions_per_week" class="col-sm-3 col-md-3 col-lg-3 col-xl-3 col-form-label">Training/week</label>
                        <div class="col-sm-3 col-md-3 col-lg-2 pt-2">
                            {{ season_information.number_of_training_sessions_per_week }} t/w
                        </div>
                    </div>

                    <div class="form-group row mb-0">
                        <label for="id_number_of_hours_per_week" class="col-sm-3 col-md-3 col-lg-3 col-xl-3 col-form-label">Hours/week</label>
                        <div class="col-sm-3 col-md-3 col-lg-2 pt-2">
                            {{ season_information.number_of_hours_per_week }} h/w
                        </div>
                    </div>

                    <div class="form-group row mb-0">
                        <label for="id_number_of_s_and_c_sessions_per_week" class="col-sm-3 col-md-3 col-lg-3 col-xl-3 col-form-label">S&C Training/week</label>
                        <div class="col-sm-3 col-md-3 col-lg-2 pt-2">
                            {{ season_information.number_of_s_and_c_sessions_per_week }} t/w
                        </div>
                    </div>

                    <div class="form-group row mb-0">
                        <label for="id_number_of_s_and_c_hours_per_week" class="col-sm-3 col-md-3 col-lg-3 col-xl-3 col-form-label">S&C Hours/week</label>
                        <div class="col-sm-3 col-md-3 col-lg-2 pt-2">
                            {{ season_information.number_of_s_and_c_hours_per_week }} h/w
                        </div>
                    </div>

                    <div class="form-group row mb-0">
                        <label for="id_category" class="col-sm-3 col-md-3 col-lg-3 col-xl-3 col-form-label">
                            Category
                        </label>
                        <div class="col-sm-3 col-md-3 col-lg-3 pt-2">
                            {{ season_information.category.long_label }}
                        </div>
                    </div>

                    {% if season_information.informations %}
                    <div class="form-group row mb-0">
                        <label for="id_information" class="col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label">Informations</label>
                    </div>
                    <div class="form-group row">
                        <div class="col-12 ml-2">
                            {{ season_information.informations }}
                        </div>
                    </div>
                    {% endif %}
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}