{% extends 'base.html' %}

{% block content %}
{% with messages = get_flashed_messages() %}
  {% if messages %}
    <ul>
      {% for message in messages %}
        <li>{{ message }}</li>
      {% endfor %}
    </ul>
  {% endif %}
{% endwith %}
<div class="card mt-5" style="max-width: 500px; margin: auto;">
    <div class="card-header">
        <h3 class="card-title">Subir Foto de Muestra</h3>
    </div>
    <div class="card-body">
    <form method="POST" action="{{ url_for('upload_image') }}" enctype="multipart/form-data">
        <label for="plant_id">Selecciona la planta:</label>
        <select name="plant_id">
            {% for plant in plants %}
            <option value="{{ plant['_id'] }}">{{ plant['_id'] }}, {{ plant['species'] }}</option>
            {% endfor %}
        </select>
        
        <label for="file">Selecciona la imagen:</label>
        <input type="file" name="file">
        
        <button type="submit">Subir Imagen</button>
    </form>
    
    

{% endblock %}