{% extends 'adminBase.html.twig' %}
{% block body %}
    <div class="container" style="padding-left: 20px; padding-right: 20px;">
        <div class="row" style="margin-bottom: 25px;">
            <div class="col-12">
                <a href="{{ path('surveys') }}" role="button" class="btn btn-outline-secondary"><i class="fas fa-arrow-left"></i> Retour</a>
            </div>
            <div class="col-12">
                <h1 class="companyName text-center">Company : {{ companyName }}</h1>
            </div>
        </div>
        {% for i in 1..60 %}
            {# response \App\Entity\Response #}
            {% for response in responses %}

                {# Pour les questions dites classique text et array et question 3#}
                {% if i == response.questionNumber %}
                    {% if response.type == 'TextResponse' %}
                        {# response \App\Entity\TextResponse #}
                        <div class="row answer">
                            <div class="col-12">
                                <p class="question-title">Question {{ response.questionNumber }}: <span>{{ questionsTitles[i]|raw }}</span></p>
                                <p>Answer : {{ response.response }}</p>
                                {% if response.otherField is not null %}
                                    <p>Complement : {{ response.otherField }}</p>
                                {% endif %}
                            </div>
                        </div>
                    {% elseif response.type == 'ArrayResponse' %}
                        {# response \App\Entity\ArrayResponse #}
                        <div class="row answer">
                            <div class="col-12">
                                <p class="question-title">Question {{ response.questionNumber }}: <span>{{ questionsTitles[i]|raw }}</span></p>
                                <p>Answer :</p>
                                {% if i in [12,17,48] %}
                                    <ol>
                                        {% for answer in response.response %}
                                            <li>{{ answer }}</li>
                                        {% endfor %}
                                    </ol>
                                {% else %}
                                    <ul>
                                        {% for answer in response.response %}
                                        <li>{{ answer }}</li>
                                        {% endfor %}
                                    </ul>
                                {% endif %}
                                {% if response.otherField is not null %}
                                    <p>Complement : {{ response.otherField }}</p>
                                {% endif %}
                            </div>
                        </div>
                    {% elseif response.type == 'TextAreaResponse' %}
                        {# response \App\Entity\TextResponse #}
                        <div class="row answer">
                            <div class="col-12">
                                <p class="question-title">Question {{ response.questionNumber }}: <span>{{ questionsTitles[i]|raw }}</span></p>
                                <p>Answer : {{ response.response }}</p>
                            </div>
                        </div>
                    {% elseif response.type == 'Q49Response' %}
                        {# response \App\Entity\Q49Response #}
                        <div class="row answer">
                            <div class="col-12">
                                <p class="question-title">Question {{ response.questionNumber }}: <span>{{ questionsTitles[i]|raw }}</span></p>
                                <p>Sustainable management of forest resources: {{ response.answer1 }}</p>
                                <p>Controlled production and distribution processes: {{ response.answer2 }}</p>
                                <p>Respect of human rights, of health and safety: {{ response.answer3 }}</p>
                                <p>Transparency of the charcoal supply chain: {{ response.answer4 }}</p>
                            </div>
                        </div>
                        {# pour la question 3#}
                    {% elseif response.questionNumber == 3 %}
                        {# response \App\Entity\InfoCompResponse #}
                        <div class="row answer">
                            <div class="col-12">
                                <p class="question-title">Question {{ response.questionNumber }}: <span>{{ questionsTitles[i]|raw }}</span></p>
                                <p>Answer</p>
                                <ul>
                                    <li>Company Name: {{ response.companyName }}</li>
                                    <li>Job Title: {{ response.jobTitle }}</li>
                                    <li>Surname: {{ response.surname }}</li>
                                    <li>Name: {{ response.name }}</li>
                                    <li>Email: {{ response.email }}</li>
                                </ul>
                            </div>
                        </div>
                    {% endif %}
                {% endif %}
            {% endfor %}


            {# pour la question 58 produit#}
            {% if i == 58 and survey.products is not null %}
                <div class="row answer">
                    <div class="col-12">
                        <p class="question-title">Question {{ i }}: <span>{{ questionsTitles[i]|raw }}</span></p>

                        {# product \App\Entity\Product #}
                        {% for product in survey.products %}
                        <div class="row product-display">
                            <div class="col-3 product-item">
                                <p class="item-name">GTIN-/EANCODE:</p>
                                <p>{{ product.eancode }}</p>
                            </div>
                            <div class="col-3 product-item">
                                <p class="item-name">Brand name:</p>
                                <p>{{ product.brandName }}</p>
                            </div>
                            <div class="col-3 product-item">
                                <p class="item-name">Type of charcoal:</p>
                                <p>{{ product.charcoalType }}</p>
                            </div>
                            <div class="col-3 product-item">
                                <p class="item-name">Declared KG:</p>
                                <p>{{ product.declaredKg }}</p>
                            </div>
                            <div class="col-3 product-item">
                                <p class="item-name">Declared Liters:</p>
                                <p>{{ product.declaredLiters }}</p>
                            </div>
                            <div class="col-3 product-item">
                                <p class="item-name">Declared species:</p>
                                <p>{{ product.declaredSpecies }}</p>
                            </div>
                            <div class="col-3 product-item">
                                <p class="item-name">Country of origin:</p>
                                <p>{{ product.rawMaterialOrigin }}</p>
                            </div>
                            <div class="col-3 product-item">
                                <p class="item-name">Certification:</p>
                                <p>{{ product.charcoalCertification }}</p>
                            </div>
                            <div class="col-3 product-item">
                                <p class="item-name" >Reseller name:</p>
                                <p>{{ product.resellerName }}</p>
                            </div>
                            <div class="col-3 product-item">
                                <p class="item-name">Brand owner:</p>
                                <p>{{ product.brandOwner }}</p>
                            </div>
                            <div class="col-3 product-item">
                                <p class="item-name">Carbon-Fix rate:</p>
                                <p>{{ product.carbonFixRate }}</p>
                            </div>
                            <div class="col-3 product-item">
                                <p class="item-name">Health Safety inscriptions:</p>
                                <p>{{ product.safetyInscriptions }}</p>
                            </div>

                            {% if product.imageFilename is not null  %}
                                <div class="col-2 product-item colonne-centree">
                                    <p class="item-name text-center">Image:</p>

                                    <img  class="img-fluid image-preview" src="{{ path('product_image',
                                        {'cryptId': survey.cryptId,
                                            'imageFilename': product.imageFilename,
                                            'productId': product.id,
                                        }) }}" alt="{{ product.imageFilename }}">
                                </div>
                            {% endif %}
                        </div>
                        {% endfor %}
                    </div>

                </div>


            {% elseif i == 59 and survey.excelFile is not null %}
                <div class="row answer">
                    <div class="col-12">
                        <p class="question-title">Question {{ i }}: <span>{{ questionsTitles[i]|raw }}</span></p>
                        <p>Excel file: <a href="{{ path('get_excelfile',{'id':survey.id, 'filename':survey.excelFile.fileName}) }}" target="_blank">
                                {{ survey.excelFile.name }}</a>
                        </p>
                    </div>
                </div>
            {% endif %}
        {% endfor %}


    </div>
{% endblock %}