{% extends "plants/base.html" %}
{% block title %}Diagnose {{ plant.name }}{% endblock %}
{% block content %}
<h1>Diagnose {{ plant.name }}</h1>
<form method="post" enctype="multipart/form-data" class="card form">{% csrf_token %}
  {{ form.non_field_errors }}
  <div class="field">{{ form.photo.label_tag }} {{ form.photo }} {{ form.photo.errors }}
    <small class="muted">Resized to 1568 px and stripped of location metadata before anything is stored or sent.</small></div>
  <fieldset><legend>What do you see?</legend>
    <div class="checks">{% for box in form.symptoms %}<label>{{ box.tag }} {{ box.choice_label }}</label>{% endfor %}</div>
  </fieldset>
  <div class="field">{{ form.notes.label_tag }} {{ form.notes }}</div>
  <label class="ai">{{ form.use_ai }} {{ form.use_ai.label }}
    {% if not ai_available %}<span class="muted">(no API key: the offline rules ranking will be used)</span>{% endif %}</label>
  <button class="btn">Run diagnosis</button>
</form>
{% endblock %}