{% extends 'base/principal.html' %}

{% block content %}

<div class="barra_superior">
    <div>
        <h1>Hola {{request.user|title}}</h1>
        <h3 style="margin:0">Tienes <i>{{count}}</i> tarea{{count|pluralize}} incompleta{{count|pluralize}}</h3>
    </div>

    {% if request.user.is_authenticated %}

    <a href="{% url 'logout' %}">Salir</a>

    {% else %}

    <a href="{% url 'login' %}">Iniciar sesión</a>

    {% endif %}

</div>

<!-- 
<a href="{% url 'crear-tarea' %}">Crear nueva tarea</a>

<form method="get" action="">
    {% csrf_token %}
    <input type="text" name="area-buscar" value="{{valor_buscado}}">
    <input type="submit" value="Buscar">
</form> 
-->

<div class="envoltorio-items-tarea">

    {% for tarea in tareas %}

    <div class="envoltorio-tarea">
        
        {% if tarea.completo %}

        <div class="titulo-tarea">

            <div class="icono-tarea-completa">

            </div>

            <i><s><a href="{% url 'editar-tarea' tarea.id %}">{{tarea}}</a></s></i>

        </div>
        <a class="enlace-eliminar" href="{% url 'eliminar-tarea' tarea.id %}">&#x2A2F;</a>
        {% else %}
        <div class="titulo-tarea">

            <div class="icono-tarea-incompleta">

            </div>

            <a href="{% url 'editar-tarea' tarea.id %}">{{tarea}}</a>

        </div>
        <a class="enlace-eliminar" href="{% url 'eliminar-tarea' tarea.id %}">&#x2A2F;</a>
        {% endif %}

    </div>

    {% empty %}
    <h3>No hay elementos en esta lista</h3>

    {% endfor %}

</div>



{% endblock content %}

