{% 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. Tag Info</span>
        </h3>
        <div class="row">
            <div class="col-md-4">{% htmx_selectbox name="tag_type" method_name="update_tag_type" %}</div>
            {% if component.form_data.tag_type == "project-specific" or component.table_entry and component.table_entry.project_id %}
                <div class="col-md-4">{% htmx_selectbox name="project_id" options=component.project_options %}</div>
            {% endif %}
        </div>
        <div class="row">
            <div class="col-md-4">{% htmx_text_input name="name" placeholder="ex: Ring A" max_length="30" %}</div>
        </div>
        {% if component.form_mode != "search" %}
            <div class="row">
                <div class="col-sm">
                    {% htmx_text_area name="description" placeholder="1-2 sentences describing the goal and/or core idea" %}
                </div>
            </div>
        {% endif %}
    </div>
    {% include "data_explorer/dynamic_submit_button.html" %}
{% endblock %}
