{% block content %}
<div id="dynamicSurvey" name="dynamicSurvey">
    <h3>{{survey.form_name}}</h3>
    {% set count = 0 %}
        {% for field in survey.fields %}
            {% if field.field_state  == 1 %}
                {% set viewRequired = '' %}
                    {% set required = '' %}
                    {% if field.field_required  == 1 %}
                        {% set required = "required" %}
                        {% set viewRequired = '*' %}
                    {% endif %}
                <div class="row" style="margin-top:10px;">
                    <div class="col-md-5">
                        <h5>{{field.field_label}} {{viewRequired}}</h5>
                        <h6>{{field.field_description}}</h6>
                    </div>
                    <div class="col-md-7 ">
                        {% if field.field_type == "text" or field.field_type == "date" %}
                            <input
                                    type      = "text"
                                    value     = "{{field.field_value}}"
                                    name      = "{{field.id}}"
                                    {% if field.field_type != "date" %}
                                        {% set fieldDate = '' %}
                                        id        = "{{field.id}}"
                                        maxlength = "{{field.field_max}}"
                                    {% else %}
                                        id          = "date_{{field.id}}"
                                        placeholder = "dd-mm-yyyy"
                                    {% endif %}
                                    class = "form-control {{required}}"
                            />
                        {% elseif field.field_type  == "image" %}   
                            <div class="col-md-4">
                                <div class="contGenColor">
                                    <label class="labelColor">
                                        {{ 'dynamicSurvey.structSurvey.currentColor'|trans([], 'LocalizationBundle')}}
                                    </label>
                                    <div class="checkColor form-control" 
                                         id ="checkColor{{count}}"
                                        style = "background-color:{{field.list_colors.0.value}}"
                                    ></div>
                                    <label class="labelColor">
                                        {{ 'dynamicSurvey.structSurvey.colors'|trans([], 'LocalizationBundle')}}
                                    </label>
                                    <div class="contColor" id="contColor{{count}}">
                                        {% set countList  = 0 %}
                                        {% set checkColor = 'checked' %}
                                        {% for color in field.list_colors %}
                                            <input 
                                                type  = "radio" 
                                                name  = "listColor{{count}}" 
                                                id    = "liscolor{{count}}_color{{countList}}"
                                                value = "{{color.value}}"
                                                {{checkColor}}
                                            >
                                            <label 
                                                for   = "liscolor{{count}}_color{{countList}}" 
                                                class = "form-control"
                                                style = "background-color:{{color.value}}"
                                            />
                                            {% set countList = countList + 1 %}
                                            {% set checkColor = '' %}
                                        {% endfor %}
                                    </div>
                                    <button 
                                        class="btn btn-primary clearCanvas" 
                                        id="{{count}}" 
                                    >
                                        <span class="glyphicon glyphicon-trash">
                                            {{ 'dynamicSurvey.structSurvey.clean'|trans([], 'LocalizationBundle')}}
                                        </span> 
                                    </button>
                                    <button 
                                        class="btn btn-primary eraseCanvas" 
                                        id="{{count}}" 
                                    >
                                        <span class="glyphicon glyphicon-unchecked"> 
                                            {{ 'dynamicSurvey.structSurvey.delete'|trans([], 'LocalizationBundle')}}
                                        </span> 
                                    </button>
                                    <button 
                                        class="btn btn-primary drawCanvas" 
                                        id="{{count}}" 
                                    >
                                        <span class="glyphicon glyphicon-pencil">
                                            {{ 'dynamicSurvey.structSurvey.draw'|trans([], 'LocalizationBundle')}}
                                        </span> 
                                    </button>
                                </div>
                            </div>
                            <div class="col-md-8">
                                <canvas class="canvasImage" id="{{count}}"></canvas>
                                <img src="{{field.field_image}}" class="backgroundImage">
                            </div>
                            {% set count = count + 1 %}
                        {% elseif field.field_type  == "number" %}
                            <input
                                    type  = "{{field.field_type}}"
                                    value = "{{field.field_value}}"
                                    id    = "{{field.id}}"
                                    name  = "{{field.id}}"
                                    min   = "{{field.field_min}}"
                                    {% if field.field_max > field.field_min %}
                                        max   = "{{field.field_max}}"
                                    {% endif %}
                                    class = "form-control {{required}}"
                            />
                        {% elseif field.field_type  == "radio" or field.field_type  == "checkbox"%}
                            {% set nameOption = field.id %}
                            {% if field.field_type  == "checkbox"  %}
                                {% set nameOption = "#{field.id}[]" %}
                            {% endif %}
                            {% for answer in field.list_answers %}
                                <label>
                                <input
                                type  = "{{field.field_type}}"
                                value = "{{answer.id}}"
                                id    = "{{answer.id}}"
                                name  = "{{nameOption}}"
                                class = "{{required}}"
                                /> {{answer.value}}</label> <br>
                            {% endfor %}
                        {% elseif field.field_type  == "select" %}
                            <select name="{{field.id}}" class = "form-control {{required}}">
                                <option value="">Seleccione</option>
                                {% for answer in field.list_answers %}
                                    {% set selected = '' %}
                                    {% if answer.id  == field.field_value %}
                                        {% set selected = "selected" %}
                                    {% endif %}
                                    <option value="{{answer.id}}" {{selected}}>{{answer.value}}</option>
                                {% endfor %}
                            </select>
                        {% elseif field.field_type  == "textarea" %}
                            <textarea 
                                class = "form-control {{required}}" 
                                name  = "{{field.id}}" 
                                id    = "{{field.id}}"
                            >{{field.field_value}}</textarea>
                        {% endif %}
                    </div>
                </div>
            {% endif %}
        {% endfor %}
</div>
{% endblock %}