{% 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.name }}</h3>
        <h4 class="card-subtitle"> {{ skill.numeric_notation }}</h4>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-6">
                <h4>Informations</h4>
                Notation : <a href="#">{{ skill.numeric_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>
            </div>
            <div class="col-md-6">
                {% if skill.ancestor.all %}
                <h4>Ancestor</h4>
                <ul>
                    {% for ancestor in skill.ancestor.all %}
                    <li><a href="{% url 'skill_details' ancestor.id %}">{{ ancestor.name }}</a></li>
                    {% endfor %}
                </ul>
                {% endif %}
            </div>
        </div>
    </div>
</div>

{% endblock %}

{% block footerscript %}

{% endblock %}