{% extends "garden/base.html" %}
{% block content %}
<div class="row-between"><h1>Your gardens</h1><a class="btn" href="{% url 'garden_create' %}">New garden</a></div>
{% if not gardens %}<p class="muted">No gardens yet. Create one, or run <code>python manage.py seed_demo</code>.</p>{% endif %}
<div class="cards">
{% for g in gardens %}
  <a class="card" href="{% url 'garden_detail' g.pk %}">
    <h2>{{ g.name }}</h2>
    <p class="muted">{{ g.get_hemisphere_display }} hemisphere · {{ g.latitude|floatformat:1 }}&deg; · {{ g.elevation_m|floatformat:0 }} m</p>
    <p>{{ g.beds.count }} bed{{ g.beds.count|pluralize }}{% if g.city %} · {{ g.city|title }} climate{% endif %}</p>
  </a>
{% endfor %}
</div>
{% endblock %}