{% extends 'base.html' %}

{% block content %}
<h2>Add New Component</h2>
<form method="post">
    {% for col in columns %}
        {% if col.name != 'id' %}
            <label for="{{ col.name }}">{{ col.name|capitalize }}:</label><br>
            {% if col.type.upper() == 'TEXT' %}
                <input type="text" id="{{ col.name }}" name="{{ col.name }}"><br>
            {% elif col.type.upper() == 'INTEGER' %}
                <input type="number" id="{{ col.name }}" name="{{ col.name }}"><br>
            {% else %}
                <input type="text" id="{{ col.name }}" name="{{ col.name }}"><br>
            {% endif %}
        {% endif %}
    {% endfor %}
    <br>
    <button type="submit">Add Component</button>
    <a href="{{ url_for('index') }}">Cancel</a>
</form>
{% endblock %}