{% extends "base.html" %}

{% block content %}
<div class="card mb-0">
    <div class="card-header">
        <h3 class="mb-0 I I’m ">{{ skill.short_label }}</h3>
        <h4 class="card-title"> {{ skill.notation }}</h4>
    </div>
    <div class="card-body pb-0 mb-0">
        <div class="row mr-1 ml-1 pb-0 mb-0">
            <div class="col-md-6">
                <h4>Détails</h4>
                <p>Notation : <a href="#">{{ skill.notation }}</a><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>
                <br />
                {% if skill.prerequisites.all %}
                <div class="row">
                    <div class="col-6">
                        <h4>Prerequisites</h4>
                        <ul>
                            {% if skill.prerequisites %}
                                {% for prerequisites in skill.prerequisites.all %}
                                <li><a href="{% url 'skill_details' prerequisites.id %}">{{ prerequisites.short_label }}</a></li>
                                {% endfor %}
                            {% else %}
                                No prerequisites defined.
                            {% endif %}
                        </ul>
                    </div>
                    <div class="col-6">
                        <h4>Educatives</h4>
                        <ul>
                            {% if skill.educatives %}
                                {% for educatives in skill.educatives.all %}
                                <li><a href="{% url 'skill_details' educatives.id %}">{{ educatives.short_label }}</a></li>
                                {% endfor %}
                            {% else %}
                                No educative defined.
                            {% endif %}
                        </ul>
                    </div>
                </div>
                {% endif %}
            </div>
            <div class="col-md-6 alert alert-secondary mr-0">
                {% if skill.informations %}
                    {{ skill.to_markdown | safe }}
                {% endif %}
            </div>
        </div>
    </div>
</div>

{% endblock %}

{% block footerscript %}

{% endblock %}