{% extends 'base.html' %}
{% block content %}
<h2 class="mb-4">Submit a New Plant</h2>
<form method="POST" enctype="multipart/form-data">
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label">Common Name *</label>
            <input type="text" name="common_name" class="form-control" required>
        </div>
        <div class="col-md-6">
            <label class="form-label">Scientific Name</label>
            <input type="text" name="scientific_name" class="form-control">
        </div>
        <div class="col-md-3">
            <label class="form-label">Price ($)*</label>
            <input type="number" name="price" class="form-control" step="0.01" required>
        </div>
        <div class="col-md-3">
            <label class="form-label">Source</label>
            <input type="text" name="source" class="form-control">
        </div>
        <div class="col-md-3">
            <label class="form-label">Height (in)</label>
            <input type="number" name="height" class="form-control" step="0.1">
        </div>
        <div class="col-md-3">
            <label class="form-label">Width (in)</label>
            <input type="number" name="width" class="form-control" step="0.1">
        </div>
        <div class="col-md-3">
            <label class="form-label">Leaf Count</label>
            <input type="number" name="leaf_count" class="form-control">
        </div>
        <div class="col-md-3">
            <label class="form-label">Potting Mix</label>
            <input type="text" name="potting_mix" class="form-control">
        </div>
        <div class="col-md-3">
            <label class="form-label">Container Size</label>
            <input type="text" name="container_size" class="form-control">
        </div>
        <div class="col-md-3">
            <label class="form-label">Health Status</label>
            <select name="health_status" class="form-select">
                <option value="">Select</option>
                <option value="healthy">Healthy</option>
                <option value="minor damage">Minor Damage</option>
                <option value="pest observed">Pest Observed</option>
                <option value="recovering">Recovering</option>
            </select>
        </div>
        <div class="col-12">
            <label class="form-label">Notes</label>
            <textarea name="notes" class="form-control" rows="3"></textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Upload up to 5 images (jpg/png)</label>
            <input type="file" name="images" accept=".jpg,.jpeg,.png" class="form-control" multiple>
        </div>
    </div>
    <div class="mt-3">
        <button type="submit" class="btn btn-success">Submit</button>
    </div>
</form>
{% endblock %}