{% load plant_extras %}
<div id="pruning-strip" class="pruning-strip {% if pruning_status == 'overdue' %}overdue{% endif %} mb-3 rounded-end">
    <div class="d-flex justify-content-between align-items-start">
        <div>
            <strong>✂️ Pruning</strong>
            {% if plant.pruning_months %}
            <div class="mt-1">{% month_strip plant.pruning_months %}</div>
            {% endif %}
            {% with plant.pruning_logs.first as last_log %}
            {% if last_log %}
            <div class="small text-muted mt-1">Last pruned: {{ last_log.pruned_on|date:"j M Y" }}</div>
            {% endif %}
            {% endwith %}
        </div>
        {% if pruning_status == 'overdue' %}
        <span class="badge bg-danger">Overdue</span>
        {% elif pruning_status == 'due_this_month' %}
        <span class="badge bg-warning text-dark">Due this month</span>
        {% endif %}
    </div>

    <form
        hx-post="{% url 'log_pruning' plant.pk %}"
        hx-target="#pruning-strip"
        hx-swap="outerHTML"
        class="mt-2"
    >
        {% csrf_token %}
        <div class="d-flex gap-2 align-items-end">
            {{ log_form.pruned_on }}
            <button type="submit" class="btn btn-sm btn-success">Log pruning</button>
        </div>
    </form>
</div>