{% extends "base.html" %}

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

<!-- {% block title %}Skill{% endblock %} -->

{% block content %}
<div class="card mb-0">
    <div class="card-header">
        <h3 class="card-title"> {{ skill.longLabel }}</h3>
        <h4 class="card-subtitle"> {{ skill.shortLabel }}</h4>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-6">
                <h4>Summary</h4>
                <ul>
                    <!-- <li>From <a href="/skill/departure/exact/{{ skill.departure.id }}">{{ skill.departure }}</a>,</li> -->
                    
                    <li>From <a href="{% url 'skill_listing_by_key' 'departure' 'exact' skill.departure.id %}">{{ skill.departure }}</a>,</li>
                    <li>Landing to <a href="{% url 'skill_listing_by_key' 'landing' 'exact' skill.landing.id %}">{{ skill.landing }}</a>,</li>
                    <li><a href="{% url 'skill_listing_by_key' 'rotation' 'exact' skill.rotation %}">{% if skill.rotation > 0 %}With {{ skill.rotation }} quart(s) of {{ skill.get_rotationType_display }} {% else %} Without {% endif %} somersault</a>,</li>
                    <li><a href="{% url 'skill_listing_by_key' 'twist' 'exact' skill.twist %}">{% if skill.twist > 0 %}And {{ skill.twist }} half turn{% else %} Without{% endif %} twist</a>.</li>
                </ul>
                Notation : <a href="#">{{ skill.notation }}</a> ({{ skill.simplyNotation }})<br />
                Difficulty : <a href="/skill/difficulty/exact/{{ skill.difficulty }}">{{ skill.difficulty }}</a><br />
                Level : <a href="{% url 'skill_listing_by_key' 'level' 'exact' skill.level %}">{{ skill.level }}</a><br />
                Rank : <a href="{% url 'skill_listing_by_key' 'rank' 'exact' skill.rank %}">{{ skill.level }}</a></p>
            </div>
            <div class="col-md-6">
                {% if skill.prerequisite.all %}
                <br />
                <h4>Prérequisites</h4>
                <ul>
                    {% for educative in skill.prerequisite.all %}
                    <li><a href="{% url 'skill_details' educative.id %}">{{ educative.longLabel }}</a></li>
                    {% endfor %}
                </ul>
                {% endif %}
                
                {% if skill.educative.all %}
                <br />
                <h4>Educatives</h4>
                <ul>
                    {% for educative in skill.educative.all %}
                    <li><a href="{% url 'skill_details' educative.id %}">{{ educative.longLabel }}</a></li>
                    {% endfor %}
                </ul>
                {% endif %}

                {% if skill.educativeOf.all %}
                <br />
                <h4>Educate to</h4>
                <ul>
                    {% for educative in skill.educativeOf.all %}
                    <li><a href="{% url 'skill_details' educative.id %}">{{ educative.longLabel }}</a></li>
                    {% endfor %}
                </ul>
                {% endif %}
            </div>
        </div>
        {% if skill.content %}
        <hr class="m-t">
        <div class="row">
            <div class="col-md-12">
                <!-- <h1>{{ skill.longLabel }}</h1> -->
                <span id="comment" class="text-justify">
                    {{ skill.to_markdown | safe }}
                </span>
            </div>
        </div>
        {% endif %}
    </div>
</div>

{% endblock %}

{% block footerscript %}

{% endblock %}