{% extends "base.html" %}
{% block content %}
    <title>Agregar Planta</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <div class="card mt-5" style="max-width: 500px; margin: auto;">
        <div class="card-header">
            <h3 class="card-title">Agregar Muestra</h3>
        </div>
        <div class="card-body">
            <form action="/add_plant" method="POST">
                <label for="species">Especie:</label>
                <input type="text" id="species" name="species" required><br>
                <label for="num_experiment">Número de Experimento:</label>
                <input type="number" id="num_experiment" name="num_experiment" required><br>
                <label for="num_plant">Número de Planta:</label>
                <input type="number" id="num_plant" name="num_plant" required><br>
                <br><br>
                <label for="initial_weight">Peso Inicial (g):</label>
                <input type="number" id="initial_weight" name="initial_weight" step="0.01" min="0" required><br>

                <button type="submit" class="btn btn-primary">Agregar</button>
            </form>
            {% with messages = get_flashed_messages() %}
            {% if messages %}
                <ul>
                    {% for message in messages %}
                        <li>{{ message }}</li>
                    {% endfor %}
                </ul>
            {% endif %}
        {% endwith %}
        </div>
    </div>
{% endblock %}