{% extends "base.html" %}
{% load i18n %}
{% load wagtailcore_tags %}
{% load widget_tweaks %}
{% load cms_extras %}

{% block content %}
<div class="ContribView" style="background-color: {{site_config.color}};">
    <div class="DVHeader topleft"><a href="/"><img src="/static/gfx/alps_x.svg" alt="close"></a></div>
    <div class="ContribViewContent">
        <h1 class="HeaderTitle big-text">{{ page.title }}</h1>
        <div class="CVText medium-text" style="margin-top: 26px; margin-bottom: 26px;">
            {{ page.details|richtext }}
        </div>
        <div>
            <form action="{% pageurl page %}" method="POST" enctype="multipart/form-data">
                {% csrf_token %}
                {% for field in form %}
                    {% if 'rows' in field.field.widget.attrs %}
                    <div class="CVForm CVDescInput">
                        <label class="small-text">{{ field.help_text|default:field.label_tag }}</label>
                        {% render_field field class+="textarea medium-text" rows="5" cols="20" %}
                        {% if field.errors %}
                            <div class="flex-break"></div>
                            <div class="offset-label"></div>
                            <div class="errors">
                                {% for error in field.errors %}
                                    <span class="small-text">{{error}}</span>
                                {% endfor %}
                            </div>
                        {% endif %}
                    </div>
                    {% elif field.field.widget.input_type in "text,email,url,number" %}
                    <div class="CVPersonalInfosInputs">
                        <div class="CVForm">

                            <label class="small-text">{{ field.help_text|default:field.label_tag }}</label>
                            {% render_field field class+="medium-text" rows="5" %}
                            {% if field.errors %}
                                <div class="flex-break"></div>
                                <div class="offset-label"></div>
                                <div class="errors">
                                    {% for error in field.errors %}
                                        <span class="small-text">{{error}}</span>
                                    {% endfor %}
                                </div>
                            {% endif %}
                        </div>
                    </div>
                    {% elif field.field.widget.input_type == "radio" %}
                    {% if field.field.choices|longest_element|length > 80 %}
                    <div class="CVForm CVKeepInput">
                    {% else %}
                    <div class="CVForm CVObjectTypeRadio">
                    {% endif %}
                        {% if field.label|length < 32 %}
                        <label class="small-text">{{ field.help_text|default:field.label_tag }}</label>
                        {% elif field.field.choices|longest_element|length < 80 %}
                        <label class="small-text">&nbsp;</label>
                        {% endif %}
                        <div class="medium-text">
                            {% if field.label|length > 32 %}
                            <div style="padding-top: 20px">
                                {{ field.help_text|default:field.label_tag }}
                            </div>
                            {% endif %}
                            {% render_field field %}
                            {% if field.errors %}
                                <div class="flex-break"></div>
                                <div class="offset-label"></div>
                                <div class="errors">
                                    {% for error in field.errors %}
                                        <span class="small-text">{{error}}</span>
                                    {% endfor %}
                                </div>
                            {% endif %}
                        </div>
                    </div>
                    {% elif field.field.widget.input_type == "file" %}
                    {% if MODE != "internal"  %}
                        <div class="CVForm CVUploadInput" id="upload-wetransfer-container">
                            <label class="small-text">{{ field.help_text|default:field.label_tag }}</label>
                            {% render_field field %}
                            {% if field.errors %}
                                <div class="flex-break"></div>
                                <div class="offset-label"></div>
                                <div class="errors">
                                    {% for error in field.errors %}
                                        <span class="small-text">{{error}}</span>
                                    {% endfor %}
                                </div>
                            {% endif %}
                        </div>
                    {% endif %}
                    {% elif field.field.widget.input_type == "checkbox" %}
                        {% if field.field.choices|length > 1 %}
                        <div class="CVForm CVAGBInput" style="padding-left: 0;">
                            <label class="small-text">{{ field.help_text|default:field.label_tag }}</label>

                            <div class="medium-text">
                                {% render_field field class+="checkboxAGB" %}
                            </div>
                            {% if field.errors %}
                                <div class="flex-break"></div>
                                <div class="offset-label"></div>
                                <div class="errors">
                                    {% for error in field.errors %}
                                        <span class="small-text">{{error}}</span>
                                    {% endfor %}
                                </div>
                            {% endif %}
                        </div>
                        {% else %}
                        <div class="CVForm CVAGBInput">
                            <div class="medium-text">
                                {% render_field field class+="checkboxAGB" %}
                                &nbsp; {{ field.help_text|default:field.label_tag }}
                            </div>
                            {% if field.errors %}
                                <div class="flex-break"></div>
                                <div class="offset-label"></div>
                                <div class="errors">
                                    {% for error in field.errors %}
                                        <span class="small-text">{{error}}</span>
                                    {% endfor %}
                                </div>
                            {% endif %}
                        </div>
                        {% endif %}
                    {% elif field.field.widget.input_type == "hidden" and field.name == "object_id" %}
                    {% with object_id_value=request.get_full_path|get_query_parameter:"object_id" %}
                        {% render_field field value=object_id_value %}
                    {% endwith %}
                    {% else %}
                    {% render_field field%}
                    This field {{field.field.widget.input_type}} rendering is missing. Please ask your developer to add it.
                    {% endif %}
                {% endfor %}
                <div class="CVForm CVSubmit">
                    <input type="submit" class="submitbtn big-text" value='{% trans "Send now!" %}'>
                </div>
            </form>

            {% for block in page.bottom_details %}
                {% if block.block_type == "paragraph" %}
                {% include_block block %}
                {% elif block.block_type == "medium_text" %}
                <div class="medium-text mt-3">
                    <p>{% include_block block %}</p>
                </div>
                {% elif block.block_type == "h1_big_text" %}
                <h1 class="big-text">{{ block.value }}</h1>
                {% elif block.block_type == "modal" %}
                {% include_block block with type="form" %}
                {% else %}
                {% include_block block %}
                {% endif %}
            {% endfor %}
        </div>
    </div>

</div>
{% endblock %}