{% extends "htmx/form_base.html" %}
{% block form %}
    {% include "data_explorer/general_search_options.html" %}
    <div class="container mt-4 border border-3 border-secondary rounded py-2">
        <h3>
            <span class="badge bg-secondary">1. Location Info</span>
        </h3>
        <div class="row">
            <div class="col-md-4">{% htmx_text_input name="name" placeholder="e.g. Fume hood A3" %}</div>
            <div class="col-md-4">
                {% htmx_number_input name="temperature_celsius" label="Temperature (&deg;C)" placeholder="leave at 20 for 'room temp'" %}
            </div>
        </div>
        {% if component.form_mode != "search" %}
            <div class="row">
                <div class="col-sm">
                    {% htmx_text_area name="description" placeholder="A quick description about this project and its scope" %}
                </div>
            </div>
        {% endif %}
    </div>
    {% include "data_explorer/dynamic_submit_button.html" %}
{% endblock %}