{% extends "list.html" %}
{% load static %}
{% block title %}Projects{% endblock %}
{% block extra-head %}
    <link rel="stylesheet" href="{% static "projects.css" %}">
    <script src="{% static "projects.js" %}"></script>
{% endblock %}
{% block extra-class %}{% if element.parent.is_productive %}productive{% endif %}{% endblock %}
{% block element-name %}{{ element.name }}{% endblock %}
{% block element %}
    <div class="name">{{ element.name }}</div>
{% endblock %}
{% block actions %}
    <select class="parent-sel">
        <option value=""></option>
        {% for parent in parents %}
            <option value="{{ parent.id }}" {% if element.parent.id == parent.id %}selected{% endif %}>{{ parent.name }}</option>
        {% endfor %}
    </select>
    <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="task-count"></span> task imputation(s)</li>
    </ul>
{% endblock %}