{% block scripts %}
    <link rel="stylesheet" href="{{ asset('bundles/utilities/bootstrap-3.3.7/css/bootstrap.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/hirukodynamicsurveys/css/custom-survey.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/hirukodynamicsurveys/css/survey-print.css') }}"/>
    <script src="{{ asset('bundles/main/js/jquery-1.9.1.js') }}"></script>
    <link rel="stylesheet" href="{{ asset('bundles/hirukodynamicsurveys/css/datatable/dataTables.bootstrap.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/hirukodynamicsurveys/css/jqueryUi/jquery-ui.css') }}"/>

    <script type="text/javascript" src="{{ asset('bundles/hirukodynamicsurveys/js/datatable/datatables.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/hirukodynamicsurveys/js/datatable/dataTables.bootstrap.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/hirukodynamicsurveys/js/jqueryUi/jquery-ui.js')}}"></script>
    <script type="text/javascript">
        var urlEditState = "{{ path('hiruko_edit_state_surveys') }}";
        var urlReview    = "{{ path('hiruko_review_surveys') }}";
        var urlAudit     = "{{ path('hiruko_audit_admin_surveys') }}";
    </script>
    
    <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
    <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
    
{% endblock %}
<div id="dynamicSurvey" name="dynamicSurvey" style="padding-left: 5%;overflow-x: hidden;">
    {% if survey is not empty %}
        <div class="row">
            <h5>{{survey.form_name}}</h5>
            <h5>{{ 'Details.name.label'|trans([], 'LocalizationBundle')}}: {{survey.namePatient}}</h5>
        </div>
        <div class="row">
            <div class="col-sm-12"><hr></div>
        </div>
        <div class="row">
            {% for field in survey.fields %}
                {% set viewRequired = '' %}
                    {% set required = '' %}
                    {% if field.field_required  == 1 %}
                        {% set required = "required" %}
                        {% set viewRequired = '*' %}
                    {% endif %}
                <div class="col-6">
                    <div class="row">
                        <div class="col-sm-12">
                            <h5><strong>{{field.field_label}} {{viewRequired}}</strong></h5>
                            <h6 class="hidden-print">{{field.field_description}}</h6>
                        </div>
                        <div class="col-sm-12">
                            {#<h5>Respuesta:</h5>#}
                            <h6>
                                {% if field.field_type == "text" or field.field_type == "date" or field.field_type  == "number" or field.field_type  == "textarea"%}
                                    {{field.field_value}}
                                {% 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 %}
                                        {% if field.field_value is iterable %}
                                            {% if answer.id  in field.field_value %}
                                                {{answer.value}}<br>
                                            {% endif %} 
                                        {% else %}
                                            {% if answer.id  == field.field_value %}
                                                {{answer.value}}<br>
                                            {% endif %}   
                                        {% endif %}    
                                    {% endfor %}
                                {% elseif field.field_type  == "select" %}
                                        {% for answer in field.list_answers %}
                                            {% if answer.id  == field.field_value %}
                                                {{answer.value}}
                                            {% endif %}     
                                        {% endfor %}
                                {% elseif field.field_type  == "image" %}
                                    <img src="{{field.field_image}}" class="backgroundImageView">
                                    <img src="{{field.field_value}}" class="answerImageView">
                                {% endif %}
                            </h6>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    {% else %}
        <h3>{{ 'dynamicSurvey.messages.surveyData'|trans([], 'LocalizationBundle')}}</h3>
    {% endif %}
{# Visualizar Tabla Auditoria #}       
<div id="viewAudit"></div>
</div>