{% for field in custom_fields %}
    <div class="col-4">
        <div class="form-group d-flex flex-column">
            <label>{{ field.label }}{% if field.required %}*{% endif %}</label>
            {% if field.field_type == 'select' %}
                <select name="custom_field_{{ field.id }}" class="form-control" {% if field.required %}required{% endif %}>
                    <option value="">Select</option>
                    {% for option in field.option_list %}
                        <option value="{{ option }}" {% if option == field.current_value %}selected{% endif %}>{{ option }}</option>
                    {% endfor %}
                </select>
            {% elif field.field_type == 'number' %}
                <input type="number" name="custom_field_{{ field.id }}" class="form-control" value="{{ field.current_value|default:'' }}" {% if field.required %}required{% endif %}>
            {% elif field.field_type == 'date' %}
                <input type="date" name="custom_field_{{ field.id }}" class="form-control" value="{{ field.current_value|default:'' }}" {% if field.required %}required{% endif %}>
            {% else %}
                <input type="text" name="custom_field_{{ field.id }}" class="form-control" value="{{ field.current_value|default:'' }}" {% if field.required %}required{% endif %}>
            {% endif %}
        </div>
    </div>
{% endfor %}