{% extends 'base.html' %}

{% block content %}
<h1>{% if is_edit %}✏️ Редактировать{% else %}➕ Добавить{% endif %} {{ model_verbose }}</h1>

<form method="post" enctype="multipart/form-data" style="max-width: 500px;">
    {% csrf_token %}
    
    <!-- 
        ============================================================
        НАСТРОЙТЕ ПОЛЯ ФОРМЫ ПОД ВАШУ МОДЕЛЬ
        ============================================================
        Укажите для каждого поля:
        - name: имя поля в модели
        - verbose_name: название для отображения
        - type: text, number, textarea, file, select
    -->
    
    {% for field in form_fields %}
    <div style="margin-bottom: 15px;">
        <label style="display: block; margin-bottom: 5px; font-weight: bold;">{{ field.verbose_name }}</label>
        
        {% if field.type == 'text' %}
            <input type="text" name="{{ field.name }}" value="{{ field_values|get_item:field.name|default:'' }}" 
                   style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 5px;">
                   
        {% elif field.type == 'number' %}
            <input type="number" name="{{ field.name }}" value="{{ field_values|get_item:field.name|default:'' }}" 
                   step="{{ field.step|default:'1' }}" style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 5px;">
                   
        {% elif field.type == 'textarea' %}
            <textarea name="{{ field.name }}" rows="4" style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 5px;">{{ field_values|get_item:field.name|default:'' }}</textarea>
            
        {% elif field.type == 'file' %}
            <input type="file" name="{{ field.name }}" style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 5px;">
            {% if field_values|get_item:field.name %}
                <small>Текущий: {{ field_values|get_item:field.name }}</small>
            {% endif %}
            
        {% elif field.type == 'select' %}
            <select name="{{ field.name }}" style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 5px;">
                <option value="">Выберите...</option>
                {% for choice in field.choices %}
                    <option value="{{ choice.id }}" {% if field_values|get_item:field.name == choice.id|stringformat:"s" %}selected{% endif %}>
                        {{ choice.name }}
                    </option>
                {% endfor %}
            </select>
        {% endif %}
        
        {% if field.help_text %}
            <small style="color: #666;">{{ field.help_text }}</small>
        {% endif %}
    </div>
    {% endfor %}
    
    <div style="margin-top: 20px;">
        <button type="submit" style="background: #70B2AF; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer;">
            💾 Сохранить
        </button>
        <a href="{% url 'crud_list' model_name %}" style="margin-left: 10px;">Отмена</a>
    </div>
</form>
{% endblock %}