{% extends "plants/base.html" %}
{% block title %}{{ plant.name }}{% endblock %}
{% block content %}
<div class="head">
  <div><h1>{{ plant.name }}</h1>
  <p class="muted">{{ plant.species|default:"Species unknown" }} &middot; {{ plant.location|default:"No location set" }} &middot;
    {% if plant.pot_size_cm %}{{ plant.pot_size_cm }} cm {% endif %}{{ plant.get_pot_material_display|lower }} pot{% if not plant.has_drainage %} (no drainage){% endif %}
    {% if plant.acquired %}&middot; acquired {{ plant.acquired }}{% endif %}</p></div>
  <div><a class="btn" href="{% url 'diagnose' plant.pk %}">Diagnose a problem</a> <a class="btn ghost" href="{% url 'plant_edit' plant.pk %}">Edit</a></div>
</div>
<div class="grid two">
  <section class="card">
    <h2>Care log</h2>
    <form method="post" action="{% url 'care_add' plant.pk %}" class="inline">{% csrf_token %}
      {{ care_form.kind }} {{ care_form.date }} {{ care_form.notes }} <button class="btn small">Log</button>
    </form>
    <table>
      {% for e in events %}<tr><td>{{ e.date }}</td><td>{{ e.get_kind_display }}</td><td class="muted">{{ e.notes }}</td></tr>
      {% empty %}<tr><td class="muted">Nothing logged yet.</td></tr>{% endfor %}
    </table>
  </section>
  <section class="card">
    <h2>Open follow-ups</h2>
    <ul class="tasks">{% include "plants/_tasks.html" with tasks=tasks empty="No open follow-ups." %}</ul>
    <h2>Diagnoses</h2>
    <ul class="plain">
      {% for d in diagnoses %}<li><a href="{% url 'diagnosis_detail' d.pk %}">{{ d.created_at|date:"M j, Y" }}</a>: {{ d.top_cause|default:"no cause found" }} <span class="muted">({{ d.get_outcome_display }})</span></li>
      {% empty %}<li class="muted">None yet.</li>{% endfor %}
    </ul>
  </section>
</div>
{% endblock %}