{% extends "base.html" %}
{% block content %}
<h1>Tareas</h1>
<form method="POST" action="/tareas/nueva" class="formulario">
    <input name="descripcion" placeholder="Descripción" required>
    <select name="tipo">
        <option value="riego">Riego</option>
        <option value="fumigacion">Fumigación</option>
        <option value="poda">Poda</option>
        <option value="abono">Abono</option>
        <option value="labranza">Labranza</option>
        <option value="cosecha">Cosecha</option>
    </select>
    <label>Fecha <input name="fecha_programada" type="date"></label>
    <select name="cultivo_id">
        <option value="">Sin cultivo</option>
        {% for c in cultivos %}
        <option value="{{ c.id }}">{{ c.nombre }} - {{ c.parcela.nombre if c.parcela }}</option>
        {% endfor %}
    </select>
    <input name="costo" type="number" step="0.01" placeholder="Costo estimado">
    <button type="submit">Programar tarea</button>
</form>

<table>
    <tr><th>Fecha</th><th>Descripción</th><th>Tipo</th><th>Cultivo</th><th>Estado</th><th>Acción</th></tr>
    {% for t in tareas %}
    <tr class="{{ 'completada' if t.estado == 'Completada' else '' }}">
        <td>{{ t.fecha_programada or '-' }}</td>
        <td>{{ t.descripcion }}</td>
        <td>{{ t.tipo }}</td>
        <td>{{ t.cultivo.nombre if t.cultivo else '-' }}</td>
        <td>{{ t.estado }}</td>
        <td>{% if t.estado != 'Completada' %}<a href="/tareas/completar/{{ t.id }}">✓ Completar</a>{% endif %}</td>
    </tr>
    {% endfor %}
</table>
{% endblock %}