{% extends "list.html" %}
{% load static %}
{% block title %}Parents{% endblock %}
{% block extra-head %}
    <link rel="stylesheet" href="{% static "parents.css" %}">
    <script src="{% static "parents.js" %}"></script>
{% endblock %}
{% block extra-class %}{% if element.is_productive %}productive{% endif %}{% endblock %}
{% block element-name %}{{ element.name }}{% endblock %}
{% block element %}
    <div class="name">{{ element.name }}</div>
    {% if element.project_num %}
        <div class="project_num">({{ element.project_num }})</div>
    {% endif %}
{% endblock %}
{% block actions %}
    <button class="edit">Edit</button>
    <button class="delete">Delete</button>
{% endblock %}
{% block delete-desc %}
    Are sure you want to delete <span class="elmt-name"></span> ?
    This action is <u>IRREVERSIBLE</u> ! By deleting this element, you will also delete:
    <ul>
        <li><span class="project-count"></span> project(s)</li>
        <li><span class="task-count"></span> task imputation(s)</li>
    </ul>
{% endblock %}