{% extends "plants/base.html" %}
{% block content %}
<h1>Dashboard</h1>
<div class="grid two">
  <section class="card">
    <h2>Due now <span class="count">{{ due|length }}</span></h2>
    <ul class="tasks">{% include "plants/_tasks.html" with tasks=due empty="Nothing due. Your plants are in good hands." %}</ul>
    {% if upcoming %}<h3>Coming up</h3><ul class="tasks">{% include "plants/_tasks.html" with tasks=upcoming empty="" %}</ul>{% endif %}
  </section>
  <section class="card">
    <h2>Plants</h2>
    <ul class="plain">
    {% for p in plants %}
      <li><a href="{% url 'plant_detail' p.pk %}"><strong>{{ p.name }}</strong></a> <span class="muted">{{ p.species }}</span></li>
    {% empty %}<li class="muted">No plants yet. <a href="{% url 'plant_create' %}">Add one</a>.</li>{% endfor %}
    </ul>
    <p class="muted">AI diagnoses today: {{ ai_used }} / {{ ai_limit }}</p>
  </section>
</div>
<section class="card">
  <h2>Recent diagnoses</h2>
  <table>
    <tr><th>When</th><th>Plant</th><th>Top cause</th><th>Mode</th><th>Outcome</th></tr>
    {% for d in recent %}
    <tr><td><a href="{% url 'diagnosis_detail' d.pk %}">{{ d.created_at|date:"M j" }}</a></td><td>{{ d.plant.name }}</td><td>{{ d.top_cause|default:"-" }}</td>
        <td><span class="badge {% if d.mode == 'ai' %}ok{% else %}warn{% endif %}">{{ d.get_mode_display }}</span></td><td>{{ d.get_outcome_display }}</td></tr>
    {% empty %}<tr><td colspan="5" class="muted">None yet.</td></tr>{% endfor %}
  </table>
</section>
{% endblock %}