{% block ask_angela %}
<div id="ask_angela">
<fieldset >
    <h2>{{ 'display.ask_angela'|trans }}</h2>
    <div class="p-4">
        <div class="row mb-3">
            <div class="col-2 col-md-4">
                <img src="https://i0.wp.com/askforangela.co.uk/wp-content/uploads/2022/10/Ask-for-Angela-primary.png?fit=300%2C300&ssl=1" class="img-fluid img-thumbnail mb-3" alt="Image du lieu">
                <p class="more-info">
                    <a href="https://arretonslesviolences.gouv.fr/focus/plan-angela">{{ 'display.ask_angela_more_info'|trans }}</a>
                </p>
            </div>
            <div class="col-12 col-md-8">
                <p class="description">
                    <label for="custom__ask_angela">
                        {{ 'display.ask_angela_description'|trans }}
                    </label>
                </p>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="custom__ask_angela" id="ask_angela_yes" value="ask_angela" {% if commerce_overpass.tags_converted.harassment_prevention is defined and commerce_overpass.tags_converted.harassment_prevention == 'ask_angela' %}checked{% endif %}>
                    <label class="form-check-label" for="ask_angela_yes">
                        {{ 'display.ask_angela_yes'|trans }}
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="custom__ask_angela" id="ask_angela_no" value="" {% if commerce_overpass.tags_converted.harassment_prevention is not defined or commerce_overpass.tags_converted.harassment_prevention == 'no' %}checked{% endif %}>
                    <label class="form-check-label" for="ask_angela_no">
                        {{ 'display.ask_angela_no'|trans }}
                    </label>
                </div> 
            </div>
        </div>
    </div>

</fieldset>
</div>
{% endblock %}