{% 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. Substance/Mixture Info</span>
        </h3>
        <div class="row">
            {# This form should add a list of substances. If only one, use substance id. If more than one, use mixture. And create any new mixture/substance as needed #}
            (to-do. embed substance+mixture form)
        </div>
    </div>
    <div class="container mt-4 border border-3 border-secondary rounded py-2">
        <h3>
            <span class="badge bg-secondary">2. Batch Info</span>
        </h3>
        <div class="row">
            <div class="col-md-4">
                {% htmx_number_input name="purity" label=" % Purity" placeholder="0-100%; leave blank if unknown" %}
            </div>
            <div class="col-md-4">(to-do. expiration date)</div>
        </div>
        <div class="row">
            <div>{% htmx_text_input name="supplier" placeholder="(optional) write 'internal' for in-house synthesis" %}</div>
            <div class="col-md-4">
                {% htmx_text_input name="supplier_catalog_number" label="Supplier Product #" placeholder="(optional) e.g. 50-177-2891" %}
            </div>
        </div>
        <div class="row">
            <div class="col-sm">{% include "core/forms/comments.html" %}</div>
        </div>
    </div>
    <div class="container mt-4 border border-3 border-secondary rounded py-2">
        <h3>
            <span class="badge bg-secondary">3. Container Info</span>
        </h3>
        <div class="row">(to-do. embed container form)</div>
    </div>
    {% include "data_explorer/dynamic_submit_button.html" %}
{% endblock %}