{% extends "plants/base.html" %}
{% block title %}Edit Area — BloomBase{% endblock %}
{% block content %}

<div class="d-flex align-items-center gap-2 mb-3">
    <a href="{% url 'location_list' %}" class="btn btn-sm btn-outline-secondary">←</a>
    <h5 class="mb-0 flex-grow-1">Edit area</h5>
</div>

<form method="post">
    {% csrf_token %}
    <div class="mb-3">
        <input type="text" name="name" value="{{ location.name }}" class="form-control" required autofocus>
    </div>
    <div class="d-flex gap-2">
        <button type="submit" class="btn btn-success">Save</button>
        <a href="{% url 'location_list' %}" class="btn btn-outline-secondary">Cancel</a>
    </div>
</form>

{% endblock %}