{% extends 'base.html' %}
{% load static %}

{% block title %}Edit Form - {{ form.title }}{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card shadow">
            <div class="card-header bg-warning text-dark">
                <h2 class="mb-0"><i class="fas fa-edit me-2"></i>Edit Form</h2>
            </div>
            
            <form method="post" class="needs-validation" novalidate>
                {% csrf_token %}
                
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label for="{{ form.title.id_for_label }}" class="form-label">
                                {{ form.title.label }}
                                <span class="text-danger">*</span>
                            </label>
                            {{ form.title }}
                            {% if form.title.errors %}
                                <div class="invalid-feedback d-block">
                                    {% for error in form.title.errors %}{{ error }}{% endfor %}
                                </div>
                            {% endif %}
                        </div>
                        
                        <div class="col-md-12 mb-3">
                            <label for="{{ form.description.id_for_label }}" class="form-label">
                                {{ form.description.label }}
                            </label>
                            {{ form.description }}
                            <div class="form-text">You can use Markdown formatting for rich text.</div>
                            {% if form.description.errors %}
                                <div class="invalid-feedback d-block">
                                    {% for error in form.description.errors %}{{ error }}{% endfor %}
                                </div>
                            {% endif %}
                        </div>
                    </div>
                    
                    <hr>
                    
                    <h5 class="mb-3"><i class="fas fa-cog me-2"></i>Form Settings</h5>
                    
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="{{ form.is_active.id_for_label }}" name="{{ form.is_active.html_name }}" {% if form.is_active.value %}checked{% endif %}>
                                <label class="form-check-label" for="{{ form.is_active.id_for_label }}">
                                    {{ form.is_active.label }}
                                </label>
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="{{ form.allow_multiple_submissions.id_for_label }}" name="{{ form.allow_multiple_submissions.html_name }}" {% if form.allow_multiple_submissions.value %}checked{% endif %}>
                                <label class="form-check-label" for="{{ form.allow_multiple_submissions.id_for_label }}">
                                    {{ form.allow_multiple_submissions.label }}
                                </label>
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label for="{{ form.submission_limit.id_for_label }}" class="form-label">
                                {{ form.submission_limit.label }}
                            </label>
                            {{ form.submission_limit }}
                            <div class="form-text">Leave empty for unlimited submissions</div>
                            {% if form.submission_limit.errors %}
                                <div class="invalid-feedback d-block">
                                    {% for error in form.submission_limit.errors %}{{ error }}{% endfor %}
                                </div>
                            {% endif %}
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label for="{{ form.expires_at.id_for_label }}" class="form-label">
                                {{ form.expires_at.label }}
                            </label>
                            {{ form.expires_at }}
                            <div class="form-text">Leave empty if form never expires</div>
                            {% if form.expires_at.errors %}
                                <div class="invalid-feedback d-block">
                                    {% for error in form.expires_at.errors %}{{ error }}{% endfor %}
                                </div>
                            {% endif %}
                        </div>
                        
                        <div class="col-md-12 mb-3">
                            <label for="{{ form.success_message.id_for_label }}" class="form-label">
                                {{ form.success_message.label }}
                            </label>
                            {{ form.success_message }}
                            {% if form.success_message.errors %}
                                <div class="invalid-feedback d-block">
                                    {% for error in form.success_message.errors %}{{ error }}{% endfor %}
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>
                
                <div class="card-footer">
                    <div class="d-flex justify-content-between">
                        <a href="{% url 'form_detail' object.pk %}" class="btn btn-outline-secondary">
                            <i class="fas fa-arrow-left me-1"></i>Cancel
                        </a>
                        <button type="submit" class="btn btn-warning">
                            <i class="fas fa-save me-1"></i>Update Form
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}