{% extends 'base.html.twig' %}

{% block body %}
    <div class="container margin-top-30">
        <div class="row">
            <div class="col-12">
                <h3>Question {{ questionNumber }}</h3>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <h4>
                    Publication of your product evaluation
                </h4>
                <p>
                    The <strong>self-declared data</strong> you submit to us will be used to create a general <strong>Charcoal Bag Score</strong> for your
                    individual
                    charcoal
                    products uploaded via the Charcoal Transparency survey. The <strong>Charcoal Bag score</strong> will give Europe’s charcoal
                    industry and Europe’s consumers a tool to compare the level of responsibility between commercially available charcoal products.
                    <br/><br/>The <strong style="text-decoration: underline">Charcoal Bag Score</strong> consists of:
                    <br/><br/>The <strong>company engagement</strong> score; is an indicator of a company’s will to bring responsible products to the
                    market.
                    The company may be a retailer, a trader or a producer and the score is based on different criteria depending on what type of
                    company it is for.
                    <br/><br/>The <strong>product and supply chain </strong>score; is an indicator of the level of transparency regarding the origin
                    of the raw materials of your product and all the nodes of the supply chain. The score is a combination of the product transparency
                    and the supply chain transparency.
                    <br/><br/>The publication of the score is done by Earthworm Foundation after a checking and validation of the provided
                    information.
                    <br/><br/>For more information on how the EF scoring methodology is conducted please
                    <a style="text-decoration: underline" target="_blank" href="{{ path('methodology') }}">click here</a>.
                    <br/><br/>The <strong>Charcoal Bag score</strong> of your charcoal products will be publically available on
                    <a style="text-decoration: underline" target="_blank" href="https://www.charcoal-transparency.org">
                        www.charcoal-transparency.org
                    </a>.
                    <br/><br/>For further questions please consult
                    <a style="text-decoration: underline" target="_blank" href="https://charcoal-transparency.org/page.php?idPage=7"> EF Charcoal
                        Transparency Survey FAQs</a>.
                </p>
                <h4>
                    Data confidentiality
                </h4>
                <p>
                    The information you will provide will be treated with outmost confidentiality. Please
                    <a style="text-decoration: underline" target="_blank" href="{{ path('terms_and_conditions') }}">click here</a> to read the full “Terms and
                    conditions” underlying this survey.
                    <br/><br/>The product information you provided will be published on the <a style="text-decoration: underline" target="_blank" href="https://www.charcoal-transparency.org">
                        www.charcoal-transparency.org
                    </a>.
                    <br/><br/>The information we receive via the excel file will remain confidential and only be used by Earthworm Foundation to
                    evaluate your charcoal product transparency level - which will appear as a scoring on <a style="text-decoration: underline" target="_blank" href="https://www.charcoal-transparency.org">
                        www.charcoal-transparency.org
                    </a>.
                    <br/><br/>If you agree to the following questions the information you provided will be published under
                    <a style="text-decoration: underline" target="_blank" href="https://www.charcoal-transparency.org">
                        www.charcoal-transparency .org
                    </a>. This will enable you to increase your product visibility via the charcoal transparency initiative.
                    <br/><br/>If you do not agree to the following questions, no information will be published online or processed by Earthworm
                    Foundation.
                </p>
            </div>
        </div>
        <div class="question">
            <div class="row">
                <div class="col-12">
                    {{ form_start(form) }}
                    {% set responseFormGroup %}
                        {{ form_row(form.response) }}
                    {% endset %}
                    {{ responseFormGroup|replace({'#CHARCOAL_LINK#':'<a style="text-decoration:underline;" href="https://charcoal-transparency.org"
                target="_blank">www.charcoal-transparency.org</a>'})
                    |raw }}
                    <div class="row">
                        {{ form_start(form) }}
                        <div class="col-12">
                            <a class="btn btn-success" href="{{ path('q59',{'questionId':59,'cryptId':survey.cryptId}) }}">Previous</a>
                            {{ form_widget(form.next) }}
                        </div>
                        {{ form_end(form) }}
                    </div>
                    {{ form_end(form) }}
                </div>
            </div>
        </div>

    </div>
{% endblock %}
{% block progressBar %}
    <div class="fixedElement">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped progress-bar-animated bg-success"
                             role="progressbar"
                             aria-valuenow="{{ questionNumber }}"
                             aria-valuemin="0"
                             aria-valuemax="60"
                             style="width: {{ percentage }}%"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block customjavascript %}
    <script type="text/javascript" src="{{ asset('src/js/fixed-bar.js') }}"></script>
{% endblock %}